この画像のように、WordPressのテーマTwenty Fourteenのトップページを、アイキャッチ画像と記事タイトルの一覧表示にカスタマイズしたいと思います。
その他にもカテゴリーやタグ、投稿日時も一緒に表示をさせたいと思います。
デフォルト時とは大きく雰囲気も変わり、個人的には見やすくなるカスタマイズだと思っています。
アイキャッチ画像やら記事中の画像の数が増えてくると、Twenty Fourteenのデフォルト状態では若干メインコンテンツの横幅がせまく感じます。
そこで、メインコンテンツ部分の余白サイズを変更し、横幅を広げるカスタマイズをしたいと思います。
そして、おまけで、ページを中央表示にします。
予想に反して手こずってしまいました．．．
WordPress3.8のデフォルトテーマであるTwenty Fourteenはブラウザに合わせて表示を最適化しており、標準でもスマートフォンの画面サイズにぴったりのスタイルとなります。
このiPhone画面のキャプチャは、iPhone 4SでのTwenty Fourteenノーカスタマイズ状態のトップページです。
赤っぽい横長の画像がアイキャッチ画像です。
このように、Twenty Fourteenノーカスタマイズ状態でのトップページには、投稿記事のアイキャッチとタイトル、投稿日時などが一覧で表示されます。
アイキャッチ画像の表示がとても特徴的なWordPressテーマTwenty Fourteenですが、このアイキャッチ画像表示が必要ない方もいらっしゃると思います。
今回は、Twenty Fourteenのアイキャッチ画像表示を削除するカスタマイズを紹介します。
WordPressのバージョンが3.8にアップデートされ、デフォルトテーマがTwenty Fourteenへと変更になりました。
このテーマ、超シンプルでいい感じです！
WordPressの公式テーマですので、リスクコードが含まれている心配もないですし、何より使いやすそう”です！
本記事では、Twenty Fourteenを紹介し、子テーマを作る準備をしたいと思います。
WordPressでの記事が増えてくると、関連する記事を自動的に一覧表示したくなる時があります。
そういったプラグインも多数あるようですが、プラグインを使用せずに関連記事の一覧表示をやってみたいと思います。
プラグインを使わないことのメリットは、自分の好きなように応用できることです。
CSSなどで表示の仕方を工夫できます！
WordPress動作も重くなりにくいと思います！
WordPressのTwenty Elevenをカスタマイズする時に、ヘッダー部分に画像を貼ることもあると思います。
私の場合は、この画像のような感じでSNSリンク用のアイコン画像を貼り付けております。
とても簡単にできそうなカスタマイズなのですが、私はかなり長い時間ハマりました。
原因さえわかってしまえば、とても簡単に行えます。
同じようにハマってしまっている人は、参考にしてみてください。
WordPressのテーマTwenty Elevenのカスタマイズにおいて、個別記事や固定ページを2カラム表示にするというのが主流な感じがしていますが、1カラムで横幅を広くとりたい場合もあると思います。
本記事では、Twenty Elevenの個別記事･固定ページを1カラムとし、横幅を目一杯広げるというカスタマイズを紹介します。
もちろん、トップページでも可能です。
WordPressではブログ的な投稿ページの他に、固定ページというものが存在します。
固定ページには時間の概念がなく、投稿ページと別の使い方をすることにより、サイト内容がとても充実します。
今回はその固定ページを階層化し、親ページに子ページの一覧を表示する方法を紹介します。
プラグインを使わない方法ですので、細かなカスタマイズも自由自在です！
最近よく見かける、画像の上に半透明の帯を配置しテキストを表示する方法。
おしゃれですよね！
また、文字部分は画像ではなくテキストなんです。
テキストでの表示は、後々に文字部分だけを編集したい場合にも簡単に対応できますし、SEO的にも良いと思います。
ほんの少しCSSをいじれば実現可能ですので、とてもオススメです。
今回はこの画像の上にテキストを表示する方法を紹介したいと思います。
WordPressのテーマのスタイルシートとは別に、固定ページや投稿記事に個別にCSSやJavaScriptを指定･追加したい場面があると思います。
とても難しそうな感じがしますが、実は簡単にできるのです。
今回はそんな便利な方法を紹介します。
プラグインは使わないで、テーマ編集の画面でfunction.phpを編集する方法です。
WordPressをカスタマイズし、記事タイトル一覧のページを作成している方は多いと思います。
そのページ内でタイトルと一緒にアイキャッチ画像を表示すれば、さらに見やすいページが完成すると思います。
この画像のようなページです。
とても簡単にできるカスタマイズなので、ぜひ挑戦してみてください。