ブログ環境

【AFFINGER5】サイドバー/カテゴリー カスタマイズ方法

2020年9月2日

カテゴリーが整理されていて分かりやすいブログってステキですよね。

3つカテゴリーを増やしたら「サイドバー/カテゴリーの並び順」が気になり修正してみました。

私が使っているテーマ「AFFINGER5」ではサイドバーメニューも簡単にカスタマイズが出来るのでとても便利。

今回は表示させたいカテゴリーの選択と並び順、デザインを編集したので備忘録としてやり方をまとめました。

 

AFFINGER5 サイドバーのカテゴリー カスタマイズ方法

手順1 サイドバーメニューを作る

外観メニューより「新しいメニューを作成しましょう」をクリックしメニュー名をつけてメニューを作成

AFFINGER5サイドバーカテゴリーカスタマイズ方法

サイドバーに表示させたいカテゴリーをドラッグして並べます。

AFFINGER5サイドバーカテゴリーカスタマイズ方法

サイド用メニューにチェックを入れて「メニューを保存」

AFFINGER5サイドバーカテゴリーカスタマイズ方法

手順2へ

 

手順2 STINGERサイドバーメニューをサイドバーウィジェットに追加

外観ウィジェットより「STINGERサイドバーメニュー」を選び「サイドバーウィジェット」にチェックを入れ「ウィジェットを追加

(ドラッグ&ドロップでもOK)

「カテゴリー」などタイトルを入力して保存。

サーバーのWAF設定が有効になっていると「保存」を押しても待機中のままなので一時無効にしました。

AFFINGER5サイドバーのカテゴリーカスタマイズ方法

手順3へ

手順3 色・背景画像などデザインをカスタマイズ

外観カスタマイズ[+]メニューカラーの設定

こちらで罫線、背景色、アイコン(矢印)の色を変更したり、背景画像を設定することもできます。

AFFINGER5サイドバーカテゴリーカスタマイズ方法

今回は色と背景色を変更しただけですが かわいい背景画像も作ってみたいと思います。

ブログって色々とやることありますよね。

  • この記事を書いた人

まる

投資と節約で年300万円の貯金を継続しているOLです。激貧生活(男に騙されて借金)を卒業するも懲りずに結婚。お金ごとを中心に書いています。

-ブログ環境

© 2021 東京節約生活