Minimable公式ドキュメント「MENU」
Minimable公式サイトにあるドキュメントページの説明です。
デモコンテンツをインポートしている場合、すでにメニューは作成されていますので、すでにあるメニューを修正するだけでも大丈夫です。
ドキュメントの翻訳がベースですが、意訳、補足など適当に編集していますので、もし違和感を感じたら公式ページの確認をおススメいたします。
[adsense]
Menuの作成(カスタムリンク)
- 「外観」>>「メニュー」を開きます。
- 画面右上にある「表示オプション」を開き「CSS クラス」にチェックを入れます。
- 「リンク」エリア(左側)で「カスタムリンク」を追加して、各ページへのメニューリンクを作成します。
- 「リンク文字列」欄にはラベル名を入力し、「URL」欄には、各固定ページ欄の下部にある「Page link for the menu」欄にあるアンカーリンクを入力します。
- メニュー欄の最初に表示するリンクは、「Css class(オプション)」欄に「active」と入力します。
- さらに、もしホームへのリンクの場合は「Css class(オプション)」欄に「home-link」と入力します。
![表示オプションを開く](https://blog.saboh.net/wp-content/uploads/2015/08/CSS-Classes-option-580x311.jpg)
表示オプションを開く
![CSSクラスにチェックを入れる](https://blog.saboh.net/wp-content/uploads/2015/08/cssclass-580x204.jpg)
CSSクラスにチェックを入れる
![カスタムリンクメニューを作成する](https://blog.saboh.net/wp-content/uploads/2015/08/custommenu2-580x460.jpg)
カスタムリンクメニューを作成する
(例 #our-gallerなど)
「Css class(オプション)」に複数のクラスを指定する場合は、半角スペースで区切ります。(例 「active home-link」)
![Css class(オプション)を入力する](https://blog.saboh.net/wp-content/uploads/2015/08/menuhome-580x430.jpg)
Css class(オプション)を入力する
Menuの作成(固定ページ)
固定ページをメニューに追加したい場合は、「固定ページ」エリアで「メニューに追加」して、「CSS class(オプション)」欄に「custom-link」と入力します。
![固定ページを追加する](https://blog.saboh.net/wp-content/uploads/2015/08/menupages-580x430.jpg)
固定ページを追加する
![CSS class(オプション)は「custom-link」と入力する](https://blog.saboh.net/wp-content/uploads/2015/08/menupagescustomlink-580x430.jpg)
CSS class(オプション)は「custom-link」と入力する
Menuの作成後の状態
メニューリンクをひと通り作成したら、以下のような状態になります。
![作成したメニューの設定はこんな感じになります。](https://blog.saboh.net/wp-content/uploads/2015/08/menu.png)
作成したメニューの設定はこんな感じになります。
コメント