FC2ブログのグローバルメニューを変更する(KAETEN編)

FC2ブログのグローバルメニューを変更する

何度か問い合わせを頂いていたのだが、なかなか手を付けずにいました。

 

しかし、やっぱり、FC2ブログを推奨しているし、問い合わせも多いので、記事にしてみようと思う。

 

別に、サボっていたわけではなく、記事にする必要性を考えていただけです。

 

FC2ブログのグローバルメニューを変更する方法

グローバルメニューがどこを指すか分かるだろうか。

 

テンプレートKAETENの場合、下図の赤枠で囲まれた部分です。

グローバルメニュー

それでは、早速始めるとしますか。

 

FC2ブログの管理画面から「設定」⇒「テンプレートの設定」をクリック。

 

HTMLの編集画面で、編集を行う。

 

まず、万が一のために、現在のソースを保存しておく。HTMLの編集画面内に、カーソルを移動し、「ctrl」キーを押しながら、「A」キーを押し、全てをコピーします。

 

「ctrl」キーを押しながら、「C」キーを押してもコピーできますし、右クリックでコピーしてもどちらでも構いません。

 

コピーした内容を、Crecent EveなどのHTMLエディタに保存。
※Crecent Eveは、下記よりダウンロード出来ます。

http://forest.watch.impress.co.jp/library/software/crescenteve/

 

メモ帳としても、かなり重宝しますので、出来るだけダウンロードしておいてください。

 

FC2ブログのHTMLの編集

FC2ブログのHTMLの編集画面内に、カーソルを移動し、「ctrl」キーを押しながら、「F」キーを押し、検索窓に「グローバルメニュー」と入れて「enter」キーを押す。

fkey

 

すると、下図のように、「グローバルメニュー」が検索される。

 

グローバルメニュー

下記部分を編集していきます。

 

<!–▼グローバルメニュー・開始▼–>
<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>archives.html”>全記事一覧</a></li>
<li><a href=”<%url>?xml” target=”_blank”>RSS</a></li>
</ul></div></div>
<!–▲グローバルメニュー・終了▲–>

 

変更箇所は、<%url>や、ホームの箇所。

 

ホームのURLは、http://nontesshi.blog.fc2.com/なので、<%url>と置き換える。

 

ホームは、変更が分かりやすいように、HOMEと置き換えてみます。

グローバルメニューの変更

置き換えたら、「更新」ボタンをクリック。

 

管理画面の「ホーム」⇒「ブログの確認」を選択。

 

「ホーム」が「HOME」に変わっていること、リンクが変わっていることを確認して下さい。

グローバルメニューの変更完了

 

同じ手順で、「メニュー1」から、「メニュー4」まで変更可能。

 

また、メニューは、足したり、削除も出来ます。

 

下記は、「メニュー4」の列をコピペで挿入したもの。

<!–▼グローバルメニュー・開始▼–>
<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>”>メニュー4</a></li>
<li><a href=”<%url>archives.html”>全記事一覧</a></li>
<li><a href=”<%url>?xml” target=”_blank”>RSS</a></li>
</ul></div></div>
<!–▲グローバルメニュー・終了▲–>

特に難しいことは、無かったのではないですか。

 

これで、私も、次からの質問には、参考記事を紹介できます。

 

 

PS.

ホーム以外は、新しいタブで開いたほうが、訪問者の滞在時間が伸びます。

 

リンクURLの後ろに、下記ソースを貼り付けて下さい。文字の前の半角スペースも含めてコピペしてください。

 

 

例)

<li><a href=”<%url>”>メニュー1</a></li>に、

http://tesshi.jp/blog-entry-62.htmlを貼り付ける。

 

メニュー1は、「管理人について」に変更。

 

 

フーッ。

 

お待たせしてすみませんでした。

 

 

コメントを残す

CAPTCHA


サブコンテンツ

管理人について

tesshi180
 
テッシです。
 
現在南の島でのんびりと、
アフィリエイトをしながら暮らしています。
 
今まで色々な人に、迷惑をかけてきたので、アフィリエイトで稼ぎたいと思っている人たちを、応援できればと思っています。
 
詳しいプロフィール
 

無料メルマガ配信中

現在実践中のノウハウと実践手順を示したメルマガを始めました。
 
新しい無料メルマガを体験したい方は下記から
 
現実的な
アフィリエイト講座

 

お問い合わせフォーム

質問や相談はいつでもお気軽にご連絡ください。
 
必ず返信させて頂きます。

 
お問い合わせ
 

このページの先頭へ