WordPressで折りたたみ可能なサイドバーメニューを作成する方法

今日、多くのWordPress Webサイトの所有者は、折りたたみ可能なサイドバーメニューを作成することを決定しています。 そして、あなたが巨大なウェブサイトまたはおそらくeコマースストアを運営しているなら、これはあなたにとって理想的な解決策かもしれません。 ウェブサイトでこの機能を設定できるように、WordPressの専門家チームに相談し、この記事でさらに詳細なガイドを用意しました。 ただし、最初に、折りたたみ可能なサイドバーメニューとは何か、およびWebサイトに表示する必要がある理由について説明します。

WordPressの折りたたみ可能なサイドバーメニューとは何ですか？いつ作成する必要がありますか？

最もユーザーフレンドリーなメニューにより、訪問者は必要なすべてのリンクにすばやくアクセスできます。 ただし、ページ数が多いサイトやレイアウトが複雑なサイトの場合、これは非常に難しい場合があります。

かなりの数の製品カテゴリとサブカテゴリを持つ巨大なeコマースビジネスであるAmazonまたはeBayを想像してみてください。 あなたがそれについて考えるとき–すべての単一の製品カテゴリーを共通のメニューに置くことはそれほど良い考えではありません。 探しているカテゴリを見つけるには、しばらくスクロールする必要があります。

これは、折りたたみ可能なサイドバーメニューが便利な場合の完璧な例です。 コンテンツを親子関係で整理できるため、顧客が親リンクをクリックすると、コンテンツが展開されてすべてのサブカテゴリまたは子が表示されます。

折りたたみ可能なサイドバーメニューは、展開可能なメニューとも呼ばれることに注意してください。 この用語に出くわした場合、それが同じことを表していることを知っておくと便利です。 この名前は、訪問者の1人がWebサイトのセクションのいずれかをクリックすると、メニューが展開されるという事実に明らかに関連しています。

折りたたみ可能なサイドバーメニューは、訪問者から多くのコンテンツと複雑さを隠すため、Webサイトをよりユーザーフレンドリーにするのに役立ちます。 あなたは彼らがカテゴリーとサブカテゴリーの膨大なリストを閲覧することを避けるのを助けるでしょう、そしてあなたのウェブサイトの訪問者の増加は彼らがこれをどれほど感謝しているかを示すでしょう。

あなたのウェブサイトに専門家のケアを提供することに加えて、私たちはまた私たちの知識と経験を共有したいと思います。 そこで、WordPressで折りたたみ可能なサイドバーメニューをすばやく簡単に作成する方法を説明します。

WordPressで折りたたみ可能なサイドバーメニューを作成する最も簡単な方法

折りたたみ可能なサイドバーメニューをWebサイトに追加する最も簡単で迅速な方法は、ベローズアコーディオンメニュープラグインを使用することです。 このプラグインを使用すると、折りたたみ可能なサイドバーメニューを、サイドバーを含む任意のページ、投稿、またはウィジェットの場所に追加できます。

もちろん、最初のステップはプラグインをインストールしてアクティブ化することです。 折りたたみ可能なサイドバーメニューの作成を開始するには、「外観」に移動し、アクティブ化されたらWordPressダッシュボードの「メニュー」ページをクリックします。

次に、「メニュー名」セクションに入力します。 これはあなただけが使用するためのものであり、あなたの訪問はそれを見ることができないことに注意してください。 つまり、任意の名前を選択でき、どのカテゴリにも接続する必要はありません。 完了したら、「メニューの作成」ボタンをクリックするだけです。

次のステップは、折りたたみ可能なサイドバーメニューに含めるページを選択することです。 デフォルトでは、WordPressは最新のページのみを表示しますが、 [すべて表示]オプションをクリックすると、すべての投稿が表示されます。 または、 [すべて選択]ボタンを使用して、折りたたみ可能なメニューにすべてのページを自動的に入力することもできます。

追加するページを決定したら、[メニューに追加]オプションをクリックします。 カスタムリンクを追加したり、特定のトピックやブログカテゴリを選択したりすることもできます。 これについて詳しくは、WordPressでのナビゲーションメニューの追加に関する記事をご覧ください。

メニューにページを追加した後、ページをドラッグアンドドロップするだけで、ページを移動したり、順序を切り替えたりできます。

折りたたみ可能なサイドバーメニューの親子関係

折りたたみ可能なメニューの焦点は、親子の接続にあります。 訪問者がメニューの親カテゴリにマウスを合わせると、メニューが展開され、子カテゴリの1つを選択するオプションが表示されます。

子ページの追加は、親ページの下にドラッグアンドドロップしてこの関係を作成するのと同じくらい簡単です。 次に、その折りたたみ可能なメニューをWordPressサイドバーに追加します。 これを行うには、ベローズアコーディオンメニュープラグインが生成するショートコードを使用する必要があります。

「外観」に移動し、「ベローズメニュー」をクリックすると、ショートコードが表示されますが、「すべて表示」タブが選択されていることを確認してください。 これで、コード全体を強調表示する[ショートコード]ボックスを選択できます。 ウィジェットに貼り付ける必要があるので、コードをコピーします。 「外観」、「ウィジェット」の順に移動し、サイドバーオプションを探します。

サイドバー領域を見つけたら、それをクリックすると拡大します。 ブロックを追加することはできますが、ショートコードを見つけたいと思うでしょう。 見つけたら、コピーしたコードを貼り付けて、「更新」アイコンをクリックします。 折りたたみ可能なメニューがWebサイトに正常に追加されました。

このプラグインの最も優れている点の1つは、デフォルトのメニューを簡単にカスタマイズできることです。 さまざまな色を選択して、Webサイトに合うものを作成するまでデザインを試すことができます。 「外観」に移動し、「カスタマイズ」をクリックするだけで開始できます。

結論

私たちのガイドが、WordPressで折りたたみ可能なサイドバーメニューを作成する理由と方法を学ぶのに役立つことを願っています。 ご覧のとおり、これは非常に単純で簡単なプロセスであるため、初心者であっても問題はありません。 または、単にWPフルケアチームに連絡し、無料の相談を受けて、あなたのウェブサイトにそれにふさわしい専門家のケアを与えることに決めてください。