初心者にはWPのダッシュボード（管理画面）難しいですよね。特に『外観』内にあるメニューは特に難しいですね。そこでメニュー項目の関係や設定方法を解説します。
- worepress blogを始められた方
- ダッシュボード（管理画面）が良く理解できない方
- 外観メニューの操作に苦慮されている方
- ダッシュボード外観メニューを1から覚えたい方
worepress blogを始められた方が最初に戸惑うのは、ダッシュボードでなないでしょうか？特に『外観』内にある「カスタマイズ」「ウィジェット」「メニュー」には手こずって見えるのではないでしょうか。
その中でも「メニュー」はライブプレビューの管理とメニュー本体での管理分かれており、構造も複雑です。今回はわかりやすく説明をしていきますので安心してください。
『外観』メニューの概要
WordPressブログを始めるにあたって最初に行うことが設定です。その設定を掌るのがダッシュボードです。
私も最初はどのような構造になってどの様にする良いのかわからず何回もやり直しました。そこで得た使い方を皆さんと共有できればと投稿をしました。
先ず最初、ダッシュボードの下のほうに『外観』があります。その『外観』内にメニューがあります。そのメニューをクリックすると下記画面が現れます。
下記画面がメニュー編集画面です。⑧で『メニュー編集』と『位置を管理』の切り替えを行います。
新しいメニューを作る
①『新しいメニューを作りましょう』をクリックして②に名前を手入力します。
次に③の『メニューを保存』をクリックすると④に表示されます。ここに表示されれば登録は完了です。（登録とはメニューの入れ物を作ったと考えて下さい）
今回は新たなメニューを登録しましたが、過去に登録したメニューを呼び出す場合は⑦にある下↓をクリックして登録一覧の中から選んで④に表示させます。
⑦の右隣の選択ボタンを押すことによって認識され、下部の『メニュー構造』に手入力した状態になります。
②に新規メニューを入力して⑥の保存をした状態と既存のメニューを表示させて選択ボタンを押した状態がメニュー設定を行う状態です。
上記の状態で⑤のメニューを選択して⑥の保存をクリックすると④に表示されます。
③の保存はメニューの保存、⑥は設定の保存です。
下記画面がメニュー編集画面です。⑧で『メニュー編集』と『位置を管理』の切り替えを行います。
入力中のメニューを消すのはキャンセル、入力済みのメニューを消すのはメニュー削除です。（ソフトのほうで自然に切り替わります）
下記画面でメニューに追加したい項目①を選んで、②にチェックを入れます。③の『項目を追加』をクリックすると④のメニューに追加されます。
例）メニューAAAに入れたい項目を左から選んで3項目追加しました。
次に項目の入ったメニューをどこに配置するか決めます。配置したい場所⑤にチェックを入れて⑥の保存をクリックします。
例） AAAをどこに配置するか決めます。『スマホのスライドメニュー』と『スマホのボタンメニュー』に配置されます。
下記画面が①『配置を管理』の画面です。 ②が作成したメニューです。既存のメニューを選んで配置場所を決めたり項目を編集したりします。変更した場合は③の保存をクリックします。
例）新たに作成したメニューAAAが『スマホフッターメニュー』と『スマホボタンメニュー』に配置されます。
⑦の右隣の選択ボタンを押すことによって認識され、下部の『メニュー構造』に手入力した状態になります。
スマホ用画面（拡大不要）
スマホで設定画面を見ると文字が小さく見えないことがあります。また拡大してみるとボケて字が読めない。
など画面が小さいことで使いずらいことが多くあります。そこで全体像は上記で確認していただき、詳細はこの画面で確認してください。
新たなメニューの作成方法
メニュー編集画面にある『新しいメニューを作成する』①をクリックします。
新しいメニューを作成する場合①から作成しましょう。②に直接入力することもできますが、保存されませんので注意してください。
②に任意の文字を手入力します。例）新たなメニュー名はAAAです。③で保存します。
③の『メニューを保存』をクリックすると④に表示されます。例）メニューAAAと表示されていますがこの時点でAAAと言うメニューが出来上がり登録も完了しました。
上記ではメニューは出来上がりましたが項目はまだ入っていません。
下記画面でメニューに追加したい項目①を選んで、②にチェックを入れます。③の『項目を追加』をクリックすると④のメニューに追加されます。
例）メニューAAA入れたい項目を左から選んで3項目追加しました。
次に項目の入ったメニューをどこに配置するか決めます。配置したい場所⑤にチェックを入れて⑥の保存をクリックします。
例） AAAをどこに配置するかを決めます。『スマホのスライドメニュー』と『スマホのボタンメニュー』に配置されます。
⑧は『編集』と『配置を管理』を切り替えることが出来ます。前述は編集画面で行った作業です。
下記画面が①『配置を管理』画面です。 ②をクリックしてメニューを何処に配置するかを決めます。右隣ある「新規メニューを使用」をクリックすると、一番最初の①をクリックした状態です。
「編集」は、現在使用しているメニュー内容を編集するボタンで画面はメニュー編集画面に替わります。
既存のメニューを選んで配置場所を決めたり、入れる項目を編集したりします。変更した場合は必ず③の保存をクリックしましょう。
例）新たに作成したメニューAAAが『スマホフッターメニュー』と『スマホボタンメニュー』に配置されます。
登録したメニュー内容の変更（追加や削除）
メニューの編集や設置場所の変更を行う場合、このメニューの『位置管理』から始めます。
画面では上記②の右側に『編集』があります。この『編集』をクリックすることで編集ができます。クリックすると下記のようにメニュー構造①に表示されます。
例）メニューAAAをどこに設置するか？どの項目を追加・削除するか？など編集ができます。
決定して上記の⑥の保存をクリックして確定ください。
『配置を管理』からの他に下記画面の⑦の隣の下↓をクリックしても既存のメニューを選択することが出来ます。隣の『選択』をクリックすることで選択完了です。
メニューの構造や項目を決めて必ず保存をクリックしてください。
ライブプレビューで管理
『外観』→『カスタマイズ』→『メニュー』と順にクリックするともう一つの設定場所にたどり着けます。（ライブプレビュー）
上記よりもっと簡単な方法がメニュー画面（現在の画面）最上部に『ライブプレビュー管理』と言うボタンがありますのでそのボタンを押すことで、カスタマイズメニューに入れます。
ここではライブプレビューでの説明をします。番号をクリックすると同じ色の同じ番号の画面に飛びます。
色々な項目がありますが、下方にある赤枠①『メニュー』をクリックします。
①メニューをクリックすると下記画面が現れます。5つの設定場所が表示されます。
- 例）紫①グローバルナビゲーションをクリックすると下記①に飛びます。
- 例）水色①メニューを新規作成をクリックすると下記①に飛びます。
- 例）黄色①すべての位置を表示をクリックすると下記①に飛びます。
- 上記の紫①『グローバルナビゲーション』をクリックすると下記のカスタマイズ中のグローバルナビゲーションが表示されます。
- 例）上部の水色①メニューを新規作成をクリックすると下記の新規メニューの作成画面が現れます。
- メニュー名を手入力（AAA）追加して水色②『次』をクリックすると下方の②（AAA）に飛びます。
- 変更を行ったら必ず『公開⚙』をクリックしましょう。これで保存されます。
- 例）では（AAA）を追加して2か所にチェックをいれてあります。
- 変更を行ったら必ず『公開⚙』をクリックしましょう。これで保存されます。
- 水色③『＋項目の追加』をクリックすると下方の水色③に飛びます。
- 上記で黄色①『すべての位置を表示』をクリックすると下記のように5つの設置場所が現れます。
- 紫②のそれぞれの『メニューを編集』をすることが出来ます。紫②の『メニューを編集』をクリックすることで上記で示したグローバルナビゲーションに飛びます。
上部の紫①②のグローバルナビゲーションの緑①『並び替え』をクリックすると下記画像が表示されます。赤丸の矢印をクリックすることで上下左右に移動します。変更が終了したら赤丸完了をクリックしましょう。
- 上記のグローバルナビ①の『項目の追加』をクリックすると下記画面が現れます。
- 項目の横の×印を押すことで、削除できます。
- 左隣の並べ替えで順番を変更できます。
- 上部の赤色①『項目を追加』をクリックすることで下記の画面が現れます。
- 上部の水色③『項目を追加』をクリックすることでも下記の画面が現れます。
最後に
- 『外観』メニューには、2種類の設置方法(変更方法)があります。
- 『外観』→『メニュー』とクリックするとメニュー設定場所に入れます。
- 『外観』→『カスタマイズ』→『メニュー』とクリックすると設定場所入れます。
- 『外観』→『メニュー』設定のほうが全体を見渡せ設定がやり易くなります。
- 外観』→『カスタマイズ』→『メニュー』で入る設定場所をライブプレビューと言います
- ライブプレビューより侵入した設定画面で×印を押すと（もう一つの設定画面）『外観』→『メニュー』に戻ることが出来ます。
- wordpress blogでは、何回も使用する場所ですので頭に入れて置くことが大切ですが、このサイトを利用して頂ければ幸いです。
放射線の専門家（診療放射線技師、第一種放射線取扱主任者、作業環境測定士）として放射線関係の記事（医療を含む）の投稿とブログ（サーバー取得、WP、JINなどの設定）を初心者の私が備忘録として今から始める超初心者（特に定年を迎えた方）に伝えたい。
