WordPressのトップページを最新の投稿からカテゴリー別新着一覧にカスタマイズ

カテゴリー別新着一覧にカスタマイズ

PCでは2列のタイル表示、モバイルでは一列表示で最新記事から並べていたレイアウトを、固定ページでフロントページを作成し、トップページにした備忘録です。

WordPressテーマ、Simplicityのトップページを最新の投稿からカテゴリー別一覧にしてみたというタイトル通りの内容ですが、大して投稿もせずにSimplicityの何かを弄ろうと試み、知識の無さに諦めを繰り返し、相変わらず「こんな事出来るかな?」なんて思いながら、弄っています。

最近は、真っ白な画面になったり、エラーの文字や意味の解らない英語が表示される事も減りましたが、秘かにエラーなどを繰り返し、ヒヤッとしています。

飽き症にも程があります。が、やってみたいなぁって事はやってみたい。実は悩むのが好きな性分なのかも。

スポンサーリンク

カテゴリー一覧のイメージ

トップページがカテゴリー一覧になっているWordPressテーマもありますね。どれだけあるのか分りませんが、いくつかご紹介したいと思います。

マテリアル

ブログ用WordPressテーマ マテリアル

無料の割に高機能なブログ用WordPressテーマ マテリアルについての解説サイトです

MH Magazine lite

MH Themes Demo | Theme: MH Magazine lite

null

Mesocolumn

Dezzain Demo

Quisque elit lectus, pulvinar sit amet ipsum non, congue iaculis lacus. Curabitur fringilla aliquet est, sit amet auctor nisl tincidunt in. Nulla facilisi. Mauris nisl augue, semper vel erat ac,… Pellentesque dolor dui, lobortis nec orci eget, tristique viverra elit. Nullam gravida, ipsum ac tempor imperdiet, massa libero posuere est, vitae elementum lacus magna nec ipsum.

トップページのレイアウトの変更内容

レイアウトはPCでは2列、モバイルでは1列

これも結構調べたりしましたが、ようやく出来て、しかも、カテゴリー名を重ねて表示も出来て喜んでいたのに、満足より新たな興味の方が勝ってしまった結果です。

アイキャッチ画像にカテゴリー名を重ねる Simplicityのトップページの最新記事一覧にあるアイキャッチ画像にカ...

それまでのトップページは、それぞれ下の様な感じでした。

PCでは、

モバイルでは、


を今回は、PCでは、

モバイルでは、

好きなカテゴリーの最新記事一覧を中心に配置してみました。スマホでは、ウィジェットごとに並んで並んでくれるんですね。とりあえず、出来てしまえば元に戻す事も時間の問題かもしれませんが、気の向くままにやってみようかな。って感じです。

トップページに固定ページを使うまとめ

固定ページを新規作成

ここから先は、能力不足なのでプラグインに頼ります。使ったページビルダープラグインは、ドラッグ&ドロップ方式のレスポンシブページビルダー。

どのテーマでも関係なく出来るのがいいですね。

ダウンロード Page Builder by SiteOrigin — WordPress プラグイン

で、続いてウィジェットを下の要領で好きな様に配置。

ここまで出来れば、出来たも同然ですね。

固定ページのフロントページを選択

お馴染みの項目、ダッシュボード設定表示設定フロントページの表示で固定ページ(フロントページ)を選択。

固定ページに新規追加(タイトルはフロントページとて作成)すれば、選択出来る様になりますね。

さいごに

初めてフロントページを作成したものの、どうなんだろうか?いつまで使うのか?自分にも不明です。

PCでは、カテゴリー別の最新記事が見易くていいですが、モバイルでは、微妙かな?このプラグインは、新着記事を横に並べたり色々と出来そうたけど、能力の限界を感じたところで「これでヨシ!」としよう。

メモ

ただし、Page Builder by SiteOriginは、注意が必要な様です。