FC2ブログのグローバルメニューの設定方法(KAETEN編)
グローバルメニューといえばワードプレスのお箱みたいなイメージが
あって無料ブログには無縁のような気がしますが。
KAETENのテンプレートを適用することによりFC2ブログでも
グローバルメニューを扱えるようになります。
グローバルメニューの場所とは下記の部分です。
私のFC2ブログはKAETEN JYOYなのでちょっと雰囲気がちがいますが
操作する場所は同じです。
FC2ブログの管理画面から「設定」⇒「テンプレートの設定」をクリック。
HTMLの編集画面で、編集を行います。
HTML編集画面がでたら「ctrl」キーを押しながら、「F」キーを押し、
検索窓に「グローバルメニュー」と入れて「enter」キーを押す。
※「ctrl」+「F」キーは検索窓を呼び出すコマンド
黄色のマークした所が変更箇所です。
更に増やすことも減らすことも可能です。
<!– ▼グローバルメニュー▼ –>
<div id=”global_menu”><div id=”global_menu-in”><ul>
<li><a href=”<%url>“>ホーム</a></li>
<li><a href=”<%url>“>メニュー1</a></li>
<li><a href=”<%url>“>メニュー2</a></li>
<li><a href=”<%url>“>メニュー3</a></li>
<li><a href=”<%url>“>メニュー4</a></li>
<li><a href=”<%url>“>メニュー5</a></li>
<li><a href=”<%url>archives.html”>全記事一覧</a></li>
<li><a href=”<%url>?xml” target=”_blank”>RSS</a></li>
</ul></div></div>
<!– ▲グローバルメニュー▲ –>
まずはホームを登録してみました。
サイトの先頭ページのことですね。
赤のマーカーの部分です。
ホームのままでも良いしHOMEでもいいです。
<!– ▼グローバルメニュー▼ –>
<div id=”global_menu”><div id=”global_menu-in”><ul>
<li><a href=“http://affiliatefight.blog.fc2.com”>ホーム</a></li>
<li><a href=”<%url>“>メニュー1</a></li>
<li><a href=”<%url>“>メニュー2</a></li>
<li><a href=”<%url>“>メニュー3</a></li>
<li><a href=”<%url>“>メニュー4</a></li>
<li><a href=”<%url>“>メニュー5</a></li>
<li><a href=”<%url>archives.html”>全記事一覧</a></li>
<li><a href=”<%url>?xml” target=”_blank”>RSS</a></li>
</ul></div></div>
<!– ▲グローバルメニュー▲ –>
置き換えたら、「更新」ボタンをクリック。
管理画面の「ホーム」⇒「ブログの確認」を選択。
「ホーム」のリンクが変わっていることを確認して下さい。
メニュー1~メニュー5を変更する上での注意点
ホーム以外は、新しいタブで開いたほうが、訪問者にとって
ユーザビリティが高く、滞在時間も長くなります。
新しいタブでサイトを開かせるにはURLの後ろにソースを
つけたす必要があります。
target="_blank"
URLの後ろに半角スペースのtarget=”_blank”を付け足します。
メニュー1を管理人についてにします。
<li><a href=”<%url>”>メニュー1</a></li>
<li><a href=”http://affiliatefight.blog.fc2.com/blog-entry-1.html” target=”_blank”>管理人について</a></li>
<li><a href=”http://affiliatefight.blog.fc2.com/blog-entry-1.html” target="_blank">管理人について</a></li>
target=”_blank”を付け足すことにより閲覧中のタブを残したまま 新規タブでサイトを開きますのでどこから次のサイトに飛んだか迷うことなくユーザビリティは良くなります。
最近のコメント