WordPressで関連記事を一覧表示する

WordPressで関連記事一覧を表示する方法WordPressでの記事が増えてくると、関連する記事を自動的に一覧表示したくなる時があります。
そういったプラグインも多数あるようですが、プラグインを使用せずに関連記事の一覧表示をやってみたいと思います。

プラグインを使わないことのメリットは、自分の好きなように応用できることです。
CSSなどで表示の仕方を工夫できます!
WordPress動作も重くなりにくいと思います!

Twenty Elevenのヘッダーに画像を貼る

WordPressのTwenty Elevenのヘッダーに画像を貼るWordPressのTwenty Elevenをカスタマイズする時に、ヘッダー部分に画像を貼ることもあると思います。
私の場合は、この画像のような感じでSNSリンク用のアイコン画像を貼り付けております。

とても簡単にできそうなカスタマイズなのですが、私はかなり長い時間ハマりました。
原因さえわかってしまえば、とても簡単に行えます。

同じようにハマってしまっている人は、参考にしてみてください。

Twenty Elevenを1カラムにして横幅を目一杯広げる

WordPressのTwenty Elevenで1カラム表示横幅カスタマイズWordPressのテーマTwenty Elevenのカスタマイズにおいて、個別記事や固定ページを2カラム表示にするというのが主流な感じがしていますが、1カラムで横幅を広くとりたい場合もあると思います。
本記事では、Twenty Elevenの個別記事・固定ページを1カラムとし、横幅を目一杯広げるというカスタマイズを紹介します。

もちろん、トップページでも可能です。

固定ページを階層化し親ページに子ページ一覧を表示

WordPressの固定ページを階層化し親ページに子ページの一覧を表示するWordPressではブログ的な投稿ページの他に、固定ページというものが存在します。
固定ページには時間の概念がなく、投稿ページと別の使い方をすることにより、サイト内容がとても充実します。

今回はその固定ページを階層化し、親ページに子ページの一覧を表示する方法を紹介します。
プラグインを使わない方法ですので、細かなカスタマイズも自由自在です!

画像の上に半透明の帯とテキストを表示

アイキャッチ画像の上に半透明の帯と記事タイトルをテキスト表示最近よく見かける、画像の上に半透明の帯を配置しテキストを表示する方法。
おしゃれですよね!

また、文字部分は画像ではなくテキストなんです。
テキストでの表示は、後々に文字部分だけを編集したい場合にも簡単に対応できますし、SEO的にも良いと思います。
ほんの少しCSSをいじれば実現可能ですので、とてもオススメです。
今回はこの画像の上にテキストを表示する方法を紹介したいと思います。

固定ページや投稿記事ごとに個別のCSSとJavaScriptを追加


WordPressの固定ページや投稿記事に個別にcssを追加するWordPressのテーマのスタイルシートとは別に、固定ページや投稿記事に個別にCSSやJavaScriptを指定・追加したい場面があると思います。
とても難しそうな感じがしますが、実は簡単にできるのです。

今回はそんな便利な方法を紹介します。

プラグインは使わないで、テーマ編集の画面でfunction.phpを編集する方法です。

WordPressの記事タイトル一覧にアイキャッチ画像を表示

WordPressの記事タイトル一覧にアイキャッチ画像を表示するWordPressをカスタマイズし、記事タイトル一覧のページを作成している方は多いと思います。
そのページ内でタイトルと一緒にアイキャッチ画像を表示すれば、さらに見やすいページが完成すると思います。
この画像のようなページです。

とても簡単にできるカスタマイズなので、ぜひ挑戦してみてください。