こちらでは簡単格安ホームページ作成サイト - FunMaker[ファンメイカー]のカスタマイズ機能の中のナビ[メニュー]の追加、編集方法を解説します。
ナビ[メニュー]の追加、編集画面の表示
ナビ[メニュー]は、ホームページの上部共通領域[ヘッダー]等に表示される、主要コンテンツへのリンクです。ここに表示されるコンテンツが最も使われるようになるので、先ずは最も見て欲しいコンテンツを表示してみましょう。
管理画面のHOMEに表示される『機能一覧』の中から、
発展操作 » カスタマイズ » メニューの追加・編集
のリンクをクリックし、『メニューの追加・編集』の管理画面を表示します。
ナビ[メニュー]の追加
『header』に表示できるナビ[メニュー]の数は最初に設定されている雛形では6つですが、カスタマイズ機能の中のサイトデザインで4つ~6つの間で変更出来ます※。
ナビ[メニュー]の追加方法は以下の3通りです。
- ①カスタムリンク
- URLを直接入力してナビ[メニュー]を作成。
- ②固定コンテンツ
- 固定コンテンツを選択してナビ[メニュー]を作成。
- ③分類
- 分類を選択してナビ[メニュー]を作成。
これらの機能は管理画面の左側に、3つのパネルに分かれ表示されています。どの機能も利用方法は殆ど変わらないので、こちらでは、『分類』の追加方法を解説します。
※:サイトデザインの設定方法は『ホームページザインの編集』をご覧下さい。
『分類』と書かれたパネルには、登録されている『分類』の一覧が表示されています※。
その中からメニューに追加したい分類を選び、チェックボックスに『√』を入れ、『メニューを追加』ボタンをクリックすれば、右のリンク領域に対象のリンクが追加されます。
この際に、複数の分類に『√』を入れると、1度で複数のメニューを追加することができます。
※:目的の分類が表示されていない場合は、『全て表示』のタブを選択して下さい。
リンクが追加されたら、先ず、追加されたパネル右上の『▼』マークをクリックしてパネルを開き、各項目の編集をします。
編集できる7項目は以下の項目になります。
- ①ナビゲーションラベル
- ナビ[メニュー]として表示されるテキストです。遷移先のページのキーワードを入れます。
- ②タイトルの属性
- リンクのtitle属性として利用します。リンク先の分類の名前(SEO対策用の名前を入力しているときはSEO対策用の名前)を入れます。
- ③リンク先ウィンドウ
- ナビ[メニュー]をクリックした際に別ウィンドウでリンク先ページが開きます。
- ④CSS class(オプション)
- CSSのclassが設定出来ます。CSS編集機能とセットで利用します。
- ⑤リンク先との関係
- リンクのrel属性が設定出来ます。
- ⑥説明
- メモ機能です。ホームページには反映されません。
上記の中では、①と②の項目を必ず入力するようにしましょう。
入力が終了したら、下部に表示される『メニューを保存』ボタン(青枠内)をクリックすればナビ[メニュー]の追加は終了です。
ナビ[メニュー]の表示順の変更
ナビ[メニュー]はドラッグアンドドロップ操作により順番を入れ替えることができ、それによって表示順を変えることができます。
但し、リンクを移動した時に、移動したリンクのパネルの位置が右にずれてしまわないようにご注意下さい。
順番を入れ替えたら、『メニューを保存』ボタンをクリックし編集を保存します。
ナビ[メニュー]のプルダウン表示
最上位に表示される、ナビ[メニュー]は6つまでしか登録できませんが、プルダウン機能を利用することにより、下位のメニューを5つを超えて登録することができます。
プルダウンの作成方法は、プルダウンで出したいメニューを右にずらして並べるだけで結構です。編集が終了しましたら、『メニューを保存』ボタンをクリックし編集を保存しましょう。
以上で、ナビ[メニュー]の追加、編集は終了です。
同様の機能として、サイドバーに表示される要素の編集方法は『各種機能の追加』をご覧下さい。