Simplicityで「主要カテゴリ最新記事」をトップページ上部に表示する方法

こんにちは。部長ナビ(@nabi_1080)です

今日も、ちゃぼPプロデュースのSimplicityカスタマイズコードを紹介します!

スポンサーリンク

どうしてもやりたかった、gori.me風「主要カテゴリ最新記事一覧」

gori.meでは、主要カテゴリの最新記事が一番上に表示されています。コレをやりたかったのですが、やり方がわからず悶々としておりました。

そこで、ちゃぼPに聞いてみたところ、サクッとコードが送られてきました

でも、かなりカスタマイズすることになるので、自己責任でよろしくお願いします

list01

こんな感じになります。Simplicity用なので、右のサイドメニューの幅を考えて、この幅の3列×2段の6カテゴリの主要記事表示ができることになります!

まず、「list.php」をForkLiftで子テーマにコピーする

list.phpをムチャクチャ追記するので、親テーマでは無く、子テーマに移動(コピー)します

Simplicityで親テーマをのファイルを子テーマにForkLiftで移す方法〜子テーマでカスタマイズ!〜
Simplicityで親テーマをのファイルを子テーマにForkLiftで移す方法〜子テーマでカスタマイズ!〜
こんにちは。WordPress初心者の部長ナビ(@nabi_1080)です。日々カスタマイズ頑張っております! さて、Simplicityの...

やり方はこちらの記事をどうぞ!

とにかく、「list.php」を子テーマに移動してくれ!

次に、子テーマを追記

↑この下に挿入します!

挿入するコードは以下の通り

list02

「$cat」の部分には、表示させたい記事が属するカテゴリのURLを記入します。この記述では「Macアクセサリ」のカテゴリの最新記事が表示されるので、例えば「Macアプリ」を更新しても表示されないことになるので、その際は、ここの記述を変えることになります

下の方にあるのは、Mac関連の最新記事は「Mac」とボックスの上にありますが、そこをクリックしたときに表示されるページも指定できます。私は、Macをクリックすると、Macのまとめページに飛ぶようにしています。

さらに、style.cssを追記!

子テーマのstyle.cssを追記しますが、以下の通りやると、ウチと同じ表記になります

完成!

いかがですか?良い感じじゃ無いですか?

ぜひ、色々カスタマイズして使ってみてくださいね!

ちゃぼPには本当に感謝です!ありがとう!

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

この記事の関連カテゴリ

サイト内検索