この記事には広告が含まれています。

AFFINGER6:画像付きカテゴリーリストを作成する方法

AFFINGER6:画像付きカテゴリーリストを作成する方法

画像付きカテゴリーリストの作成はAFFINGER6(アフィンガー6)EX版限定機能となっています。

下画像のようにカテゴリーリストにアイコン画像を表示させる方法です。

AFFINGER6:画像付きカテゴリーリスト

STEP.1 カテゴリーを作成する

「投稿」→「カテゴリー」からまずはカテゴリーを作成します。

AFFINGER6:カテゴリー作成画面
① 名前カテゴリー名を入力しします。
② スラッグスラッグは半角英数字とハイフンで入力します。
③ 親カテゴリー親カテゴリーの設定が可能です。

①~③まで設定して保存すれば、カテゴリーを作成することができます。

カテゴリーの作成などの詳細は別記事で紹介していますので、そちらを参考にしてみてください。

→ AFFINGER6:カテゴリーの作成とカテゴリーページのカスタマイズ方法

STEP.2 カテゴリーリストをサイドバーに設置する

「外観」→「ウィジェット」でサイドバーにカテゴリーリストを設置できます。

「STINGERカテゴリー」を「サイドバーウィジェット」にドロップして設置します。

AFFINGER6:STINGERカテゴリーをサイドバーウィジェットにドロップ

タイトルを入力して「親カテゴリーにサムネイル画像を表示」にチェックを入れて保存します。

STINGERカテゴリー

「サムネイル画像を丸くする」は一度保存をしてからでないとチェックを入れることができないので、丸い画像を表示させたい場合にはチェックを入れて再度保存してください。

STEP.3 カテゴリーにサムネイル画像を登録する

最後にカテゴリー編集画面にてサムネイル画像を登録します。

「投稿」→「カテゴリー」でサムネイル画像を登録したいカテゴリーの「表示」を選択します。

AFFINGER6:カテゴリー編集

「カテゴリリンクのサムネイル画像を登録」項目で画像をアップロードします。

AFFINGER6:カテゴリー編集のサムネイル画像を登録する項目

編集ページ下の「更新」をクリックして保存すればカテゴリーリストにサムネイル画像が表示されます。

AFFINGER6:カテゴリー編集の更新ボタン

以上が画像付きカテゴリーリストの作成になります。

合わせて読みたい関連記事

AFFINGER6の使い方【まとめ】-初心者向けガイド-

  • AFFINGER6の初期設定から使い方などをまとめた記事です。

内部リンク設計の基本|ブログ回遊率を上げる考え方

  • 回遊率アップは収益化に直結!内部リンク設計の基本を初心者向けに解説した記事です。

稼げるブログにする為のブログの書き方|初心者向け16個のテクニック

  • 収益化を目指すなら戦略的なテクニックが必要です。
  • AIを活用する時代でも基本的な知識として初心者が知っておくべき内容を解説した記事です。

AIブログの始め方|ChatGPTを使ったブログ運営完全ガイド

  • 今やブログ運営でAIの活用は当たり前です。
  • Chatgpt以外のGeminiや他のAIツールを利用する場合にも役立つ基本を解説。

ChatGPTでブログ記事を書く方法|初心者でもできるAIライティング完全ガイド

  • Chatgptを利用して記事を書く方法を初心者向けに具体的に解説した記事です。