WEB漫画マンガ/絵本専用Comicテンプレート：リンクボタンの追加（サイドメニュー）

★ リンクボタンの追加（サイドメニュー）

大事なお知らせ FC2ブログ非公開変数の領域変更により、一部ページナビが表示されない等テンプレートに不具合が出ております。ユーザーの皆さまにはご迷惑をおかけして恐縮ですが、 2012.11.10.以前にDLしたテンプレートをご利用の場合は、一旦テンプレートを削除、もしくは名前を変更した上で、再DLして御利用くださいますようお願い申し上げます。詳しくは

不具合解消のための再DLのお願い

リンク先がブログ内の記事の場合

クリックで開閉するサイドメニューの『MAIN』以下の部分はカテゴリリストになっています。カテゴリを新設すれば、自動的にリンクボタンも追加され、タイトルをクリックすると各カテゴリの一番目の記事ページに飛びます。

これを利用して、ブログ内の特定の記事へのリンクボタンをサイドメニューに追加したい場合は、その記事のためだけのカテゴリを新設します。

例えば、初回訪問者に読んでもらいたい記事や、バナーを並べてリンク先を紹介した記事も、それぞれの記事に「About」「Rink」というカテゴリを新設し設定するだけでOKです。サイドメニューには自動的に「About」「Rink」というリンクボタンが追加され、クリックするとそれぞれの記事へとびます。（そのカテゴリにその記事しかない単一記事にすれば、とんだ先のページでも、目次や前後ページへのナビは表示されないので、他ページと比べるとすっきり見えます。）

追加されたリンクボタンはそのままでは『MAIN』の一番下に表示されます。
リンクボタンの表示順序はカテゴリの編集画面で変更できます。
【環境設定】⇒【カテゴリの編集】⇒【カテゴリ管理】

カテゴリの編集について詳しくは
FC2ブログ公式マニュアル　カテゴリの設定　⇒カテゴリの編集を御参照ください。

リンク先が外部サイトの場合

Comicテンプレートのサイドメニューには予め、予備のリンクボタンのソースが埋め込んでありますので、掲示板やメールフォームなど外部サイトへのリンクボタンも簡単に追加できます。

カスタマイズ

［菅理画面］⇒［環境設定］⇒【テンプレートの設定】をクリックして
［テンプレートの管理］ページを開く

PCテンプレート [ テンプレート名 ] 適用中
[ テンプレート名 ] のテンプレート名変更
テンプレート名のHTML編集
テンプレート名のスタイルシート編集　　　　　　　　　こんなふうに上から順番に並んでいます。

［ＨＴＭＬ編集］部分をカスタマイズします。

左フレームのサイドメニュー([HPタイプ]表紙)と右カラムのサイドメニュー(通常ブログ画面・検索・アーカイブページ)ではカスタマイズする個所が違うのでご注意ください。

(Ｃ2)～(Ｄ2)右カラムのサイドメニュー(通常ブログ画面・検索・アーカイブページ)に追加する場合
(Ｃ4)～(Ｄ4)左フレームのサイドメニュー([HPタイプ]表紙)に追加する場合

左フレームのサイドメニュー([HPタイプ]表紙)

キーボードの　 Ctrl 　+　 F 　をクリックすると、画面の上もしく下に検索ボックスが表示されますので、
そこに　<!--(Ｃ4)　と入れて以下の個所を探します。

<div class="boxin">
<div class="side_menu">

～　中略　～


<div class="boxin">
<div class="side_menu">
<h2>MANU</h2>

<table width="100%"><tr><td>


～　中略　～

</div>
</div>

右カラムのサイドメニュー(通常ブログ画面・検索・アーカイブページ)

キーボードの　 Ctrl 　+　 F 　をクリックすると、画面の上もしく下に検索ボックスが表示されますので、
そこに　<!--(Ｃ2)　と入れて以下の個所を探します。

<div class="layout_side side_right">



<div class="side_menu">
<h2>MANU</h2>
<table width="100%"><tr><td>

～　中略　～



</td></tr></table></div>







～　中略　～





</div>