梅雨明けもうすぐですね。

局地的な豪雨で、九州、長野で大きな災害がでましたね。

被害にあわれた方に心よりお見舞い申し上げます。

もう雨は、いいですね。からっとした、夏空はやく、来ないかな。

 

それでは、今日も頑張っていきましょう。

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は、「管理人について」に変更。

 

今日は、ここまでです。

お疲れ様でした。

明日からプロ野球オールスターですね。

楽しみです。

この記事が気に入ったら
フォローしよう

最新情報をお届けします

Twitterでフォローしよう

おすすめの記事