タグ

ブックマーク / presentnote.com (4)

  • 固定ページのテンプレートにオリジナルを追加・作成する方法 – PresentNote

    WordPress の記事作成には、2つのタイプがあります。ひとつは投稿。もうひとつは固定ページです。その固定ページですが、テーマによってはテンプレートを選ぶことができます。例えば、WordPress にデフォルトで備わっているテーマの場合を見てみましょう。 Twenty Elevenの場合、テンプレートは3種類あります。 基的にこれらのテンプレートのうち、どれかを使えば事足りるとは思いますが、中にはちょっと違うレイアウトのテンプレートが欲しいと思う場合もあるでしょう。 特に、〝トップページのみ〟他のページとは違ったレイアウトにしたいと思う事は少なくないのではないでしょうか? かく言うぼくも、トップページのみレイアウトや表示を変えたいと思った事が多々あります。そんな時は条件分岐タグを使うのも1つの方法ですが、テンプレートファイルを新たに作成し、別のレイアウトを表示してくれる方法を使うのも

    固定ページのテンプレートにオリジナルを追加・作成する方法 – PresentNote
  • 【続】横幅いっぱいのヘッダーやフッターにするCSSテクニック – PresentNote

    ヘッダーやフッターなどがブラウザの横幅いっぱいに広がっているウェブサイトをよく見ると思います。そういった表現を実現しようという趣旨です。スタイルシートを活用して、画面いっぱいに広げたいと思います。 以前、どのような考え方でCSSを変更し横を画面いっぱいに広げればいいのかということをまとめたのですが、実はある問題が発生していました。 問題)レスポンシブデザインに対応できなくなった Twenty Elevenはもともとレスポンシブデザインになっていました(レスポンシブデザインって何? という場合は、ググってみてください)。しかし、横幅いっぱいにヘッダーやフッターを広げると、なぜかレスポンシブデザインではなくなってしまったのです。iPhone で確認すると、サイトは単純に縮小されたように表示され、第一印象では「小さすぎて何が書かれているか分からない……」という感じです。なのでタップして拡大しない

    【続】横幅いっぱいのヘッダーやフッターにするCSSテクニック – PresentNote
  • WordPressの新テーマTwenty Fifteenのデザインや設定・カスタマイズ方法 – PresentNote

    WordPress を 4.1 にバージョンアップしたら、新しいテーマが追加されていましたね。Twenty Fifteen がついに登場しました。 Twenty Fifteen はかなりシンプルに、ブログとしての役割を追求したテーマになっているようです。またスマホやタブレットでも非常に見やすくなっています。 このテーマで特に面白いと感じたのは、ヘッダーとサイドバーが一緒になっている点ですね。いわゆるグローバルナビゲーションはサイドバーに、ヘッダーに画像をアップしてもサイドバーに表示されます。フッターもクレジットのみなので、ちょっと物足りなくかじるかもしれません。 当にブログとしてコンテンツを見るために必要なことだけをとことん追求した感じで、読みやすくなっています。ですが、まだ当分は浸透しなさそうなデザインな気がします。好きなデザインではあるんですが、今のところ Twenty Thirte

    WordPressの新テーマTwenty Fifteenのデザインや設定・カスタマイズ方法 – PresentNote
  • 抜粋記事の「続きを読む→」をデザインする方法-WordPress Twenty Eleven篇- – PresentNote

    Twenty Eleven でトップページやアーカイブページの記事一覧を抜粋表示にした場合、「続きを読む」の表示を変更したいと思ったことはありませんか? デフォルトでは「続きを読む→」という感じで、テキストと→(矢印)だけです。目立ちませんし、味気ない。まぁこのブログはその味気ないままなんですが、そこは突っ込まないことにして、今回のコンテンツはこの「続きを読む→」のデザインを変更する方法に関してです。 記事の中にMoreタグを挿入した場合 More タグというのがあります。このタグを挿入すると、そのタグより前の文章だけが抜粋され、それ以降は「続きを読む」になります。記事の一覧ページやアーカイブページなどでは抜粋表示となり、個別投稿ページで全文表示となります。 ビジュアルエディタの場合) テキストエディタの場合) この場合、「続きを読む→」に class が割り振られます。自動的に。それがこ

    抜粋記事の「続きを読む→」をデザインする方法-WordPress Twenty Eleven篇- – PresentNote
  • 1