「Simplicity2」ヘッダー下のカテゴリーボックスはインパクトあり!

久々にカスタマイズネタで更新の”ももうら”(@28momoura)です。

ちょっと前になりますが、別サイトで実装している「ヘッダー/グローバルメニュー下のカテゴリーボックスはどうやっているの?」と質問を受けた事があったので備忘録がてら書き残しておきたいと思います。


こんなやつです。モバイルには非対応です。

とは言えこの実装コードは僕が書いたものではなく、ちゃぼP(@chabo0429)さんの記事を参考にさせて頂いたものです。

参考 【WordPress】ヘッダー下にカテゴリボックスを並べる方法(Simplicity,マテリアル)風の羅針盤

 

ほぼコピベ一発(少々は弄る)で実装できるのですが、僕にはこんなコードは書けないので羨望の眼差しです。そんな訳で、こそっとコピベさせて頂きます٩(•́д•̀)۶

「php」がいまいち理解に苦しむな( ・᷄д・᷅ )・・本でも買って勉強か!

内容が理解できるかが問題の訳だが∠( ˙-˙ )/

カテゴリーボックス

テーマ 「Simplicity2」です。

コピベする場合
  1. バックアップは必ず取っておいてください。
  2. 自己責任でお願いします。
  3. 子テーマでの編集をお勧めします。
コード挿入は「before-main.php」です。
「管理画面」>「外観」>「before-main.php」

ももうら

 

新着カテゴリー1~5の「※スラッグ」×計10カ所を変更します。例えば、このサイトの新着カテゴリー1のスラッグなら以下となります。

次に「※カテゴリー」×計5カ所を表示したいカテゴリー名に変えます。このサイトの新着カテゴリー1なら「ライフログ」です。

style.css

デザインを整え調整します。

コード挿入は「style.css」です。
「管理画面」>「外観」>「style.css」

ももうら

コード書く方は大変だと思うけど、これだけのものが、これだけで出来る!素晴らしい!!

注意 上記のまんまコピベだとこのサイトと同じになってしまいますので「文字色」「背景色」「マージン」「ボックス幅」等の調整は適時変更して下さい。

「Simplicity」なら「マージン」「ボックス幅」はこのままで問題ないと思います。多分ですが!

あとがき

僕は更新日時などを削除して少々変えていますのでオリジナルの方がお好みのは場合は【WordPress】ヘッダー下にカテゴリボックスを並べる方法(Simplicity,マテリアル)で確認してください。

終わりです。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA