AFFINGER6の「カテゴリー」で表示しているBOXカラーを編集するカスタマイズを解説していきます。
こんにちは。WordPressテーマ研究家SHINです。
AFFINGER6はカテゴリーカラーを変更できるものの、カスタマイズ編集が分からない方って結構多いと思います;僕も分からず迷いましたので(笑)
実は非常に簡単でして、カラーコードで統一色にすぐ変えられます。
では早速カテゴリーカラーを変えていきましょう。
カテゴリーBOXを表示ONに設定
まずは、カテゴリーを表示する設定をしていきましょう。
step
1まずWordPressダッシュボードから「AFFINER6管理」に入ります。
step
2AFFINGER6管理内メニュー「投稿・固定記事」を表示して、画像にある記事タイトル上のカテゴリはチェックを外しておき、記事一覧や関連記事にも表示させたい場合は、2つ下にもチェックを入れます。
カテゴリーBOXを表示する設定は、たったこれだけでOK。早速カラー編集してきましょう。
カテゴリーBOXカラーをカスタマイズする手順
早速カテゴリーにカラー装飾していきましょう。
step
1WordPressダッシュボードから「投稿」>「カテゴリー」と進みます。
step
2カラーを変更したいカテゴリーの「編集」をクリックして進みましょう。
step
3編集画面に移り一番下へスクロールしていけば、画像のようにカラー設定ができます。
最後に「更新」をクリックして完了!
指定した色にカテゴリーが変わりました♪
カラーを変更する際の注意点
カテゴリーが多い場合でも、カラフルすぎると統一性がなくなるので注意しましょう。
またブログコンセプトに合わせたカラー調を考えて色合いを決めていくと、よりカラーが映えます。
まとめ
今回はカテゴリーの色を編集カスタマイズする方法を解説しました。
AFFINGER6ユーザーの方に参考になれたら嬉しいです(*≧∀≦)ノ゙
ps.カスタマイズの旅はつづく・・・٩(๑`^´๑)۶
AFFINGER5カスタマイズ記事
【AFFINGER6】フォントをカスタマイズして最適化する設定方法
WordPressテーマ「AFFINGER6」のフォント設定を完全版でお届けします。 テーマAFFINGER6を愛用しているSHINですが、先日フォントに「Noto Sans(400)」と「游明朝(5 ...
続きを見る
【AFFINGER6】アドセンス広告を横並び表示する方法+αカスタマイズあり
WordPressテーマ「AFFINGER6」で設定する「Googleアドセンス広告を横並び(ダブルレクタングル)で表示する方法」を解説していきます。 こんにちは。WordPressテーマ研究家SHI ...
続きを見る
【2022最新版】カエレバ・ヨメレバをコピペで実装するカスタマイズ5選
こんにちは。WordPessテーマ研究家SHINです。 カエレバ&ヨメレバは、Amazonや楽天市場、Yahoo!ショッピングなど複数サイトの商品アフィリエイトリンクを、ボタンに設置して告知できるツー ...
続きを見る
【AFFINGER6】スマホフッターに固定メニューを設置する方法
こんにちは。WordPressテーマ研究家SHINです。 スマホユーザーへ訴求する重要なポジションとも言えるのがフッターメニューですよね。 スマホフッターメニューと言えば、パソコンで言う ...
続きを見る
【AFFINGER6】コレは使える!クリップメモのアイコンカスタマイズ集
"AFFINGER6生活"も、かれこれ3ヶ月ほど。相変わらずの使いやすさに、ほれぼれ感が全く薄れないSHINです。 今回は、タグパーツの一つ「クリップメモ」のアイコンを、いろんなバリエー ...
続きを見る
【AFFINGER6】テキストやアイコン画像をアニメーション化できる機能紹介
AFFINGER6に実装されている機能に、テキストやアイコン、画像を簡単にアニメーションにできる機能をご紹介していきます。 こんにちは。WordPressテーマ研究家SHINです。 AF ...
続きを見る