テーマ

【LION MEDIA】グローバルメニューの作り方

2020年5月4日

【LION MEDIA】グローバルメニューの作り方

今回は当ブログで利用している「LION MEDIA」のテーマでグローバルメニューの作り方を解説します。「LION MEDIA」ではグローバルメニューはソースコードを触ることなく、簡単に作ることができます。

WordPress管理画面

メニュー作成画面まで

WordPressの左メニューから「外観」>「カスタマイズ」をクリック。

外観のカスタマイズ

「カスタマイズ」で「メニュー」を選択します。

メニューを新規作成

「メニューを新規作成」のボタンをクリック。ここから新規でメニューを作成していきます。

新規メニュー

メニュー作成方法

「LION MEDIA」ではメニューをウェブサイトに追加する箇所ごとにメニューを作成します。

まず最初に「メニュー名」を入力します。グローバルメニューに設置するメニューの場合は「メニューの位置」でチェックを付けます。グローバルメニューに設置しないメニューの場合は、チェックを付けないでください。

新規メニュー

メニュー名とメニューの位置を入力すると、次に「項目を追加」のボタンをクリックします。

新規メニュー

画面右側に「カスタムリンク」「固定ページ」「投稿」「カテゴリー」「タグ」のタブが表示されます。メニューに追加したいページを選択していきます。

新規メニュー

追加したいページをクリックすると、左側に表示されます。

新規メニュー

左側に追加されたページの並び順はドラック&ドロップで変更できます。また右側にずらすことで親・子メニューの関係にすることができます。

新規メニュー

メニューに追加したいページを追加できたら、「公開」のボタンをクリックして終了して下さい。

新規メニュー

完成したメニューはこちらになります。並び替え・項目追加もすぐに設定できます。

グローバルナビゲーション

公開するとウェブサイトに作成したメニューが反映されていました。

当サイトで申込みが多いプログラミングスクール・教室はこちら!

【1位】ポテパンキャンプ:Webエンジニア輩出率No1

【2位】CodeCamp:満足度96.6%のプログラミングレッスン

【3位】DMM WEBCAMP:プログラマー転職成功率98%

【4位】TechAcademy:プログラミングスクール受講者数No1

【5位】GEEK JOB:満足度・転職率が高い・20代社会人経験者向け

-テーマ
-