仮想通貨/暗号資産、NFT、ブロックチェーン等に関する記事・情報のカテゴリー。土地付き太陽光発電所などのソーラー分譲案件についての情報と記事。低圧の分割が禁止となったため、太陽光発電の分譲販売も今後は下火になると思われるが、まだ設備認定されたもので施工されていなかったものは分譲案件の市場で販売されている模様。ソーラー分譲や太陽光分譲地の案件には、詐欺紛いのものや欠陥工事案件等も多いため、本ブログでは原則として信頼できる事業者のものしか推奨しない方針。2015.07.06この記事は約5分で読めます。WordPressでドロップダウンメニューの作り方が、管理画面でメニューをいじっていたら偶然分かったので、共有したい。具体的には、メニューをマウスオーバーするとプルダウンメニューやドロップダウンメニュー(実際には”プル”しなくても良いので、以下ドロップダウンに統一)が出てくるようにするカスタマイズである(下図の赤枠がドロップダウンメニューの例)。WordPressのドロップダウンメニューこれを実現するには、テーマのカスタマイズ、つまりCSSやPHPのソースファイルをいじる作業が必要なのかと思っていた。そんな難しいことを全然しなくてもWordPressの管理画面で簡単にドロップダウンメニューを実現できる作り方を発見したので、備忘録を兼ねて筆者と同様にWordPress初心者の方のご参考にでもなればと思いここに書き記しておくことにした。(かなりページビューの多いWordPressブログでもドロップダウンメニュー化されていなかったりするので、意外とご存じない方が多いのかも?)WordPressテーマの依存性について本ブログ読者の方であれば、最近このブログの体裁や外見がかなり変わったことにお気づきの方も多いかもしれないが、これはWordPressのテーマを変えたからである。以前はSEOなどで優れ無料で使える「Stinger2」というテーマを使用していた。当初こちらをバージョンアップし「Stinger5」に移行しようとしていたのだが、スマートフォンのメニューが上手く動作しないという問題が見つかり、解決できなかったため断念した。一方で、代替となるテーマを探してみたところ、「Simplicity」というStingerと同じく内部SEOへの配慮がされておりカスタマイズも容易なテーマを見つけたので、こちらに乗り換えたという経緯がある。(追記:2020年8月、Simplicityの後継テーマ「CoCoon」に移行)筆者が行ったメニューのプルダウンメニュー化は、WordPressの一般的な管理画面から行えるようなので恐らくテーマへの依存性はあまり無いのではと考えているが、SimplicityやCoCoon以外ではうまく行かないかもしれない。その場合、筆者ではほとんど対応できないので、悪しからずご了承頂きたい。前置きはこれ位として、そのメニュープルダウン化の方法を以下に記そう。メニューの管理画面でメニューアイテムを操作まずWordPressの管理画面で左側のメニューから、外観>メニューを選択してメニューの編集画面を開く。WordPressのメニュー編集画面WordPressでメニューを作成するには、まず左側の箱にある固定ページ、カスタムリンク、カテゴリーのいずれかを選ぶ。固定ページならそのページのタイトルを選択、カスタムリンクならURLを入力、カテゴリーならカテゴリーを選択して「メニューに追加」を押せば、右側の「メニュー構造」の箱にそれぞれが生成され、あとはページの一番下にある「メニューを保存」を押せばよい。それをプルダウンメニュー化する場合には、メニュー構造に並んだ各メニュー要素の箱をドラッグして少し右にずらす。すれば、そのすぐ上にあるメニュー要素のサブメニューとして設定されるのである。筆者のブログの場合、「メーカー」というカテゴリーを階層化して、京セラやソーラーフロンティア、Looop、SolarWorld、サンパワーといった各メーカー毎のサブカテゴリーがある。左側の箱のカテゴリーで、各メーカーのサブカテゴリーをチェックして選択し、「メニューに追加」ボタンを押す追加された各メーカーのサブカテゴリーをメニュー構造の箱でそれぞれドラッグしてまずメーカーの下に配置。このように操作を行うと、管理画面上のメニュー構成は以下の様に表示され、ブログの見た目は一番上の図のようになるわけだ。WordPressでは拍子抜けするくらい、簡単な操作だけでプルダウンメニュー化が出来てしまうのだった。管理画面でカテゴリーの設定やサブカテゴリーの整理をきちんと行ってあり、メニューの設定操作が出来る方なら、実際に3分とか5分もあればできてしまう作業である。ドロップダウンメニューの作り方:まとめ固定価格買取制度の施行以来、それまではほとんどいなかったと思われるが、太陽光発電(産業用か住宅用かに拘わらず)を行っていてブログを書いている方も多くなった。ランキング「にほんブログ村」でみる限り、少なくとも640個ほどのブログ(風力・太陽光発電のカテゴリー)があることが分かっている。実際には、ランキングサイトに登録していないブログもあるので、太陽光発電のブログは1000個くらいはあるかもしれない。その中でWordPressを使っていてドロップダウンメニューを導入したい方にはご参考になれば幸いである。太陽光発電以外のテーマでも、WordPressのブログであれば、ここでご紹介したプルダウンメニュー化の方法は(WPテーマの依存性がなければだが)適用が可能だと思うので、是非お試し頂ければと思う。01:53いちまる様、ドロップダウンメニューの表示に上限があるかどうか、私も知らなかったのですが、現在このブログでは、7個以上でも特に問題なく表示できているようですので、上限が7と言うことは恐らく無いと思います。上限がもしあるとしても、数十といったレベルの数で、20個ということも無さそうに思います。上限はOKだとしても、ユーザビリティの面では20個というのは少し多いようにも思われますので、メニューの階層を工夫するなど、ご検討されても良いかもしれません。お役に立てたか分かりませんが、ご参考になれば幸いです。10:08どうやるんだろ?ってずっと思ってたんですけど意外と簡単なんですね!参考になりました。ありがとうございます。15:26テーマを自作しているのですが、メニュー階層を作ろうとしても、プルダウン表示されずにそのまま下に常に表示された状態になります。CSSの記述が別途必要なのでしょうか。ご回答頂けるようであればよろしくお願いします。18:46mokuchichi2020さま、この記事に書いた作り方では、CSSの記述などは特にしていません。管理画面でのカテゴリー作成や設定と、外観>メニューのメニュー構造をドラッグ&ドロップするだけです。問題が解決されているかと思いますが、お返事が大変遅くなり、誠に申し訳ありませんでした。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。ブログについて管理人(ビッグふぃ~るど)について連絡・問合せQ&Aパワコンソーラーパネルホーム検索トップサイドバータイトルとURLをコピーしました。