【SWELL】ウィジェットのカテゴリーを折り畳み表示にする方法

【SWELL】ウィジェットのカテゴリー一覧を折り畳み表示する方法

SWELLのウィジェットのカテゴリーを折り畳み表示(アコーディオン化)する方法をまとめておきます。

目次

折り畳み表示(アコーディオン化)

ウィジェットのカテゴリーをアコーディオン化すには3つの設定が必要です。

必要な設定
  • 子カテゴリーの設定
  • カテゴリーウィジェットの設定
  • サブメニューの表示形式の設定

子カテゴリーの設定

アコーディオン化したいカテゴリーに親子関係を設定します。

カテゴリーに親子関係を設定

階層化されていないカテゴリーをアコーディオン化することはできません。

カテゴリーウィジェットの設定

カテゴリーウィジェットを配置して、「階層を表示」にチェックを入れます。

カテゴリーウィジェットの設定

この際、「投稿数を表示」は任意ですが、「ドロップダウンで表示」にはチェックを入れないで下さい。

サブメニューの表示形式の設定

カスタマイザーを開いて、「サブメニューをアコーディオン化する」にチェックを入れます。

カスタマイザー ▶ サイト全体設定 ▶ 基本デザイン ▶ サブメニューの表示形式

サブメニューをアコーディオン化する

これで親子関係が設定されているカテゴリーがアコーディオン表示されます。

アコーディオン化されたカテゴリー

グローバルメニューとスマホ開閉メニュー

メニューで階層を設定している場合は、「グローバルナビ」や「スマホメニュー」もアコーディオン化されている可能性があるので、意図しないアコーディオン表示になっていないかも確認して下さい。

必要であれば、管理画面の外観「メニュー」から設定を変更できます。

メニューの設定

この際、メニュー項目はドラッグ&ドロップで階層を指定できるので、カテゴリーやページ間に親子関係を設定する必要はありません。また、スマホメニューを設定していない時は、スマホメニューにはグローバルナビのメニューが表示されます。表示する内容が同じであれば、スマホメニューは設定する必要はありません。

最後に

サブメニューのアコーディオン化は、サイドバーに設置したカテゴリーリストが長くなりすぎた時に使うと便利です。SWELL公式サイトでも、「機能紹介」カテゴリーの部分がアコーディオン化されています。

但し、途中でカテゴリーに親子関係を設定する場合は、子カテゴリーページのパーマリンクが変更されます。また、パーマリンク構造に%category%を入れている場合は、投稿ページのパーマリンクも変更される点にだけ注意して下さい。自動で301リダイレクトはされますが、SNSのシェア数はリセットされます。

よかったらシェアしてね!

- シンプルなのに、高機能 -

swell_pr_banner

ブロックエディター完全対応のWordPressテーマ。
圧倒的な使い心地を追求し、SWELLは日々進化しています。

ブロックエディター完全対応のWordPressテーマ。

今日の一言

9月15日から始まったヘルプフルアップデートの影響でアクセスが微減。微妙に下がったページや、完全に飛んでしまったページもある。公式によると完了までに2週間程度かかるみたいなので、一時的なものだと思いたい。最近はSEOだけでアクセスを集めるのに限界を感じる。もう少しSNSにも力を入れた方がいいのかもしれない。ただ、上手く運用できる気がしない。

コメント

コメントする

目次