Oops! It appears that you have disabled your Javascript. In order for you to see this page as it is meant to appear, we ask that you please re-enable your Javascript!

wordpress

wordpressのメニューを階層にしたいなら読んでください。

投稿日:2019年11月29日 更新日:

Pocket

うも、チャーさんです。

 

この記事ではwordpressのメニューを、

階層化する方法、

 

また、階層化できない場合の対策

(サイトに階層メニューが表示されない)

を書いています。

 

 

なのであなたがwordpressのメニューを

階層化したい、でもうまくできない場合など、

この記事を読めば解決します。

 

ということで、wordpressのメニューの階層化を

したい場合このまま下にスクロールして、

読んでください。

 

 

また本記事はすでにwordpressでメニューを追加済の

人向けの記事です。

 

まだメニューを追加してない場合や、

wordpressのメニューについて網羅的に知りたい場合、

以下の記事を先に読んでください。

 

wordpressのメニューに関する情報をまとめました

 

 

スポンサードサーチ

wordpressのメニューを階層化する方法

 

でまず結論ですが、メニューの階層化には、

メニュー構造の画面に並んでる項目の中で、

階層化したい項目を右にずらしましょう。

 

(*一応補足 管理画面>外観>メニュー>編集したいメニュー

でメニュー構造の画面が出ます)

 

その理由ですがwordpressのメニュー構造では、

段ごとに階層を管理しており、

階層化したい項目を右にずらすだけで階層化されるからです。

 

 

とは言っても、このままでは

わかりづらいと思うはずなので、

具体例を見せます。

 

wordpressのメニューは普通に追加しただけだと、

以下の画像のように、全部同じ列に並びます。

 

wordpressのメニュー

 

で、この項目(テストやチャーさんのプロフィールなど)

は、クリックしながら動かすことができ、

右にずらすことができます。

 

以下の画像のようにです。

 

wordpressのメニューを階層化

 

チャーさんのプロフィールが一個右にずれてますよね。

 

このように項目を右にずらすと、

テスト(親カテゴリ)>プロフィール(子カテゴリ)

という風になり階層化されます。

 

なので、あなたがwordpressのメニューで

階層化したい項目を右にずらしてやるだけで、

階層化は可能です。

 

 

で、このようにするとあなたのサイト上では、

ドロップダウンメニューなどで、

子カテゴリが表示されるようになるでしょう。

 

(*注 上記はあなたが使ってるテーマや、

cssの内容によります)

 

 

スポンサードサーチ

wordpressのメニューを階層できない時の解決策

 

で、いざ階層化してみたものの、

サイトページ上で下層に設定した(右にずらした)

メニューが表示されないことがあります。

 

この場合は、解決策としては、

プラグインを停止しましょう。

 

 

その理由ですが、プラグインの中には、

コードを消してしまうものがあります。

 

そしてその結果、階層化したメニューが

表示されないということが起こります。

 

 

実際僕のサイトでも、メニューを階層化したものの、

サイト上で表示されなくて困っていたことがありました。

 

しかし、その時にHead Cleanerという

プラグインを停止したところ、

階層化した下層のメニューが表示されるようになりました。

 

 

プラグイン自体は悪いものではないですが、

上記のように、不都合な現象が起こることが

あるので、目的に応じて使うのが良いですね。

 

 

ということで、wordpressのメニューの

階層化ができない場合は、

(サイトで下層メニューが表示されない場合)

 

プラグインを停止してみましょう。

僕の場合Head Cleanerを停止したら動いたので、

そこをまずは確認してみてください。

 

スポンサードサーチ

まとめ

 

wordpresのメニューの階層化は、

階層化したい項目を右にずらすだけでできます。

 

また、階層化できない場合は、

プラグインを確認し必要ならば邪魔してる

プラグインの停止を検討しましょう。

 

 

それではwordpressのメニューの階層に

ついての記事でした。

 

読んでもらってありがとうございました。

チャーさん

 

-wordpress

スポンサードサーチ

関連記事

no image

wordpressで条件分岐でcss(デザイン)を切り替える方法

どうもチャーさんです。 あなたはwordpresで、条件分岐させて、 css(デザイン)を切り替えたいと思っていませんか?   ページごとに違うデザインを施せるように したい、そう思っていま …

no image

wordpressのテーマのcssを編集する方法。3分でマスターできます。

どうも、チャーさんです。 あなたはwordpressのテーマのcssを編集したいですか?   この記事では、あなたの好きなように、 wordpressのcssを編集する方法を説明してます。 …

no image

wordpressのエディターを前のに戻す方法

どうも、チャーさんです。   あなたは、ワードプレスをインストールしたら、 投稿のエディター画面が今まで使ってたのと 違うやつになっていて、困っていませんか?   この記事では、そ …

no image

wordpressで右クリックを禁止する方法「簡単です」

どうも、チャーさんです。   あなたはブログ上での、 右クリックを禁止したいと 思っていませんか?   せっかく書いた記事をコピペされたくない、 そう思っていませんか? &nbsp …

no image

wordpressのメニューをカスタマイズする方法「コピペ可能」

どうも、チャーさんです。   あなたはwordpressのメニューを カスタマイズしたいと思ってませんか?   この記事ではメニューをカスタマイズし 画像を表示させる方法、またメニ …

no image

ワードプレスの管理バーを非表示にする手順

どうも、チャーさんです。   あなたは、ワードプレスの管理バーを、 非表示にする方法を探していませんか?   ワードプレスの上の黒いバー(管理バー)が、 重なって困る。。と思ってい …

no image

wordpressで現在表示ページのメニューにcurrentクラスをつける方法

どうも、チャーさんです。   あなたはwordpressのメニューにcurrentという、 クラス名を現在表示してるページのメニューにだけ、 つける方法を探していませんか?   こ …

no image

wordpress popular postsでまだデータがありませんが解決し人気記事が表示された方法

どうも、チャーさんです。   あなたはwordpress popular postsが、 動作せず困っていませんか?   ちゃんとアクセスはあるのに、 まだデータがありません。と表 …

no image

wordpressにメニューを追加する方法「解説画像つき」

どうも、チャーさんです。 あなたはwordpressのメニューを追加する 方法を探していますか?   この記事ではwordpressのメニューを追加する 方法を書いてますので、あなたがこの記 …

no image

wordpressをphpでカスタマイズするための記事「各ページごとにやり方説明」

どうも、チャーさんです。   この記事では、wordpressをphpでカスタマイズ する際に、編集したいページに対応するファイルを 説明しています。   (例 固定ページを編集し …

no image

wordpressの固定ページにのみif文を使って処理を行う方法

どうも、チャーさんです。 あなたはwordpressで固定ページにのみ、 if文を使って処理をする方法を探してますか?   この記事では、wordpressの固定ページにのみ、 if文を使っ …

no image

wordpressで閲覧できませんを解決した方法

どうも、チャーさんです。   あなたはwordpressで記事を公開しようとしたら、 閲覧できません(Forbidden Access)と出て、 困ってたり、解決策を探してませんか? &nb …

no image

ドロップダウンメニューが動かない問題を解決した方法「wordpress」

  どうも、チャーさんです。   あなたはwordpressのドロップダウンメニューが、 動かないと悩んでいませんか?   この記事では、ドロップダウンメニューが、 ある …

no image

wordpressで一覧へ戻るを記事に表示させる方法

どうも、チャーさんです。   あなたはwordpressで記事に 一覧へ戻るを表示させたいが、 urlを直接かく方法以外を探していませんか?   この記事では、phpとwordpr …

no image

wordpressのショートコードの作成方法と使い方

どうも、チャーさんです。 あなたはショートコード(wordpressの)ってなんだ? と思ってませんか?   この記事では、wordpressの ショートコードとは何か、そして ショートコー …

最新記事

チャーさん

プログラミング・筋トレ・unity系の記事などを書いてます。

大学卒業後→開業→個人事業主7年目ぐらいです。webサイト制作したり、unityでゲーム開発しております。

youtubeもやってまして、主にプログラミング動画とかunity系の動画をあげてるので見てください。