【プラグイン紹介】Conditional Menus【使用例サイトあり】

こんにちは、つむぎゆりです！

今回は、「Conditional Menus」というプラグインを紹介します。

結論からいうと、ページごとにモバイルグローバールメニュー（ヘッダーやフッダーも可）などを変更できるので、特殊なブログを作るときに非常に役立つプラグインです。

また、僕はWooCommerce（世界的に有名なECプラグイン）や、FooGallery（重いけど高性能な画像プラグイン）を入れていたのですが、これらのプラグインと相性が超いいことも隠れたメリットかと。

Contents

実際にプラグインを使った自サイト

下記の僕のサイトで、実際にConditional Menusを使っています笑

PＣで見ている場合、ウィンドウ幅を縮めると上下にモバイルメニューが出現しますのでご確認ください。

①ポーズ→②前髪など、ページごとに上部のメニューが変わっています。

上記の自サイトは、パーツを選んでオリジナルのイラストをリクエストしてもらうサイトで、利便性をよくするためにページごとにメニューを変えてました笑

正直、普通のブログならこのプラグインはまったく必要ないと思うのですが、イラストサイトや写真サイトなど、とにかくこのページだけこのメニューを表示させたい、という場合に有効です。

もっとも便利なのは、次に読んでほしいページをを常に誘導したい場合です。

何かのマニュアルだったり学習サイトを運営されている場合、次ページへの導入が自然となります。

そんなの記事の下に置いておけばいいじゃない、という感じもしますが、常にメニューに表示されているためより目立たせることが可能かと。

当ブログのような雑記サイトの場合、カテゴリーごとにおすすめしたい記事が違うはず。

その場合も、このプラグインが大きな味方となります。

他にもトップページだけ変えたい、カート画面だけ変えたい、などなど様々な用途に使用可能です。

プラグイン画面からでは設定できないので、以下の手順で設定画面に移動します。

「外観」→「メニュー」→「位置を管理」→「Conditional Menu」→「Conditions」

詳しくいうと、Conditional Menuで追加、Conditionsで設定です。

ただこのプラグインは日本語化されておらず、Chromeの「日本語に翻訳」（右クリックメニュー）などで、日本語に翻訳しないと英語に詳しくなくければわりと使いづらいです笑

翻訳した場合、「+条件付きメニュー」と「+条件」という表記になります。

ここからはChromeで日本語化したあとのスクショを掲載するのでご確認ください。

これが実際の設定画面です↓

日本語化まえの状態↓

タグやカテゴリーごとにメニューが変えられるのは当然のこと、他にも多種多様に設定可能（正直こんないらない笑）

まとめると、ウーコマースやフーギャラリーというプラグインで、商品や商品属性（服のサイズや色）、画像にタグなどを設定できるのですが、そういった他プラグイン特有の情報も有効範囲となっています。

果たして、たとえばファッションサイトなら、赤色の服のページだけメニューを変えることになんの意味があるのかわかりませんが笑、とにかくこれで自由度が広がることだけは理解いただけると思います。

以上、Conditional Menusについての解説でした！

通常のブログではまったく必要ありませんが、一部の方には神プラグインなのでお試しあれ。