2016年3月2日

ブログのメニューを階層化して、内容ごとにまとめる方法、WordPressメニュー編集。

スポンサードリンク

 固定ページへのリンクや、特定のURLなど、
ブログのタイトル下等に、常に表示しておきたいものがあります。

それらは、WordPressで「メニュー」と呼ばれるものです。
その順番を並べ替えたり、階層化したりできます。

WordPressメニューを色々作ってみよう


 ではやってみましょう。

WordPress管理画面へ→

外観→

メニュー→

メニューを編集という画面になります。


 デフォルトのメニューを編集する場合はそのまま編集しましょう。

デフォルトではなく、新しいメニューを作成してみたい方は、

新規メニューを作成

をクリックして下さい。
後は同じやり方です。


 メニューに追加する事が出来るのは、

  • 固定ページリンク
  • 個別投稿へのリンク
  • カスタムリンク(外部サイト・リンク)
  • カテゴリー

 です。


 カテゴリー一覧の中で、
自分が一番おすすめしたいジャンルのものを
メニューに載せておくと良いですね。

読者も見やすいですしね。

メニュー並べ替え・階層化しよう、移動は簡単


 好きなメニューを作成し、色々追加していきます。
その後、並べ替えも出来ます。

ドラッグして好きな位置に変更するだけです。
とても簡単ですね。


 変更したら画面右下の

「メニューを保存」

をクリックして下さい。
これで反映されます。

以下の変更後も同様に保存して下さい。


 この時、例えば

「PC一覧」というメニューの後に、

「デスクトップ」
「ノート」
「タブレット」

のメニューを追加したいとします。

この場合、後に付けたいメニューを、
管理画面で少し右側にドラッグしてみてください。


 これで階層化されます。
本当に簡単ですね。


 さらに、
メニューそれぞれの右端に

「 ▼ 」

があります。
ここをクリックすると、詳細の設定ができます。


ナビゲーションラベル:名前の変更
CSS class:特定のCSSを設定する時など、色々カスタムできます。


【WordPress】カスタムメニューのクラスやidを削除したり、liに任意のクラスを付けたり。
http://shufulife.com/custommenu/



 これで、メニューを階層化したり、
並べ替えしたり出来ました。


参考にしたサイト

WordPressのナビゲーションメニューを設定する方法

メニュー項目の階層化



 こちらのブログはBloggerです。
WordPressの実際の表示を確認したい方は
ラビットしま子の「人生美容パラダイス」をご覧下さい。


 当ブログの情報は全ての方に応用できるとは限りません。
ご利用は自己責任です。当ブログ側はいかなる責任も負いません。

必ずデータは最新のバックアップを取っておいて下さい。


 WordPressを利用される場合はUTF-8Nの文字コードに必ず変換して下さい。

当ブログのコードをコピーしてphpファイル等に直で貼付けすると
ファイルやデータが破損します。
パソコンのメモ帳は不可です。

詳細はWordPressヘルプを参照下さい。


 ラビットしま子はサイト制作のプロではありません。
個別のカスタマイズについての相談は乗ってあげたいけど、乗れません。
(わからんから)


スポンサードリンク