WordPressでメニューを作成するにはということをこの記事で解説させていただきます。
ただその前にやっておきたい部分をあわせて解説しますね。
別にやらなければいけないということではないですが、固定ページが増えるようであればその後の作業効率がはるかに楽になります。
もちろん、メニュー作成時もその方が選択しやすいです。
メニュー作成前にやっておきたいこと
WordPressのメニューは、たいてい固定ページから選択されます。
そうでなければならないということではないですが、そう設定した方が作成しやすいようになっているのです。
上記画像は、固定ページ一覧です。
さて、5ページ程度ならどんな順番でもいいですが、仕事のサイトを作る場合に最終的に30ページから50ページになることも多いですよ
そんな時に編集したいページを見つけるもしくは、メニューに追加する場合にどうしておくと見つけやすいのか?
これはすごく重要です。
数が多くなると探す時間が毎回かかってしまう。
それは、無駄でしかありません。
表示オプション
固定ページ一覧を開いたところですが、「すべて(52)」の部分に赤枠がありますが、数字が52になってます。
WordPressの初期設定では、20で次のページになってしまうのですがこれは編集をしていくにも大変です。
このように変更しましょう。
ページをまたいで編集するって時間の無駄でしかないです。
固定ページ作成時
固定ページ作成時に右側の赤枠部分で親ページの有無やテンプレート(テーマに依存します)や並び順を指定しておきます。
ここで並び順により一覧表の表示順が決まっているのです。
親ページとなる並び順を順番づけするとその通りに並びます。
一覧で編集する方法
固定ページを既に作成している場合は、クイック編集で開いて編集する方法があります。
順番については、メニューで表示する順番を左から0からはじめるとわかりやすいです。
メニューにも種類がある
メニューは、ヘッダーメニューだけでなくテーマに依存することになりますが、表示位置がヘッダー以外にも設定されている場合もあります。
また、サイドバーに表示するとかフッターに表示する場合など自由にメニューを作ることも可能です
アメブロ関連ツール
アメブロ無料ツール
- アメブロ目次付きテンプレート(メルマガ購読者プレゼント)
- アメブロ用グローバルメニュー作成ツール
- シンプルな見出し付き囲み枠作成
- アメブロ記事紹介タグ作成
- Amecare活用マニュアル(メルマガ購読者プレゼント)
- WEB色見本
アメブロ 目次付きテンプレート使っている記事紹介
ブログをはじめる前にしておくこと
記事を書くときに気をつけること
- レスポンシブデザインって何?
- 端末やモニターによる見え方の違い
- SSLにしたときのリンク先アドレス
- 入力方法について
- 音声入力と辞書登録について
- タグやハッシュタグの使い方
- アメブロやFC2ブログでのスマホ表示
- 初心者が今すぐできるブログ記事タイトルの5つの改善ポイント
- ブログの中でOGP画像って何?
- アメブロ記事の文字数制限について
- アメブロで記事下に表示したい項目
- アメンバー記事ってどんな時に使うのか?
記事構成について
ソーシャルメディアとの連携
ワードプレスのテーマを知る前にブログのことも知っておいてほしいと思います。
クイックナビ
サービス /ブログ /プライバシーポリシー /お問い合わせ
![目次付きテンプレート](https://stat.ameba.jp/user_images/20191224/20/wp908kobe/65/6e/p/o0300014014684285651.png?caw=800)
アメブロ用目次付きテンプレートを無料で配布しています!
![YouTubeチャンネル登録](https://stat.ameba.jp/user_images/20190111/05/wp908kobe/13/dc/p/o0750033214336860263.png?caw=800)
YouTubeチャンネル登録お願いします!
また、ALiSには、ブログ全般に関することを掲載しています。
アメブロの記事の増加とともにメルマガもスタートします。スタートは、2月の予定なので事前に登録していただけると幸いです。
![メルマガ](https://stat.ameba.jp/user_images/20190111/05/wp908kobe/e3/16/p/o0640024614336861785.png?caw=800)
アメブロやWordPressに関するお問い合わせは、下記よりお気軽に・・・
![お問い合わせ](https://stat.ameba.jp/user_images/20190111/05/wp908kobe/e5/67/j/o0650025414336861024.jpg?caw=800)