fc2ブログ

リンクボタンの追加 (メニューバー)

大事なお知らせ FC2ブログ非公開変数の領域変更により、一部ページナビが表示されない等 テンプレートに不具合が出ております。ユーザーの皆さまにはご迷惑をおかけして恐縮ですが、 2012.11.10.以前にDLしたテンプレートをご利用の場合は、一旦テンプレートを削除、もしくは名前を変更した上で、再DLして御利用くださいますようお願い申し上げます。詳しくは不具合解消のための再DLのお願い
  • 【Character登場人物紹介ページの設定】へ
  • 【リンクボタンの追加(サイドメニュー)】へ
Comicテンプレートでは画面上下に二か所に主要なページへリンクできるメニューバーが表示されます。
メニューバーのソースには予備のリンクボタンのタグが予め埋め込んであるので、簡単に追加できます。

  • 【Character登場人物紹介ページの設定】へ
  • 【リンクボタンの追加(サイドメニュー)】へ

カスタマイズ


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

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

HTML編集]部分をカスタマイズします。

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

(C1)~(D1)メニューバー(1)画面上部のメニューバー
(C3)~(D3)メニューバー(2)画面下部のメニューバー

画面上部のメニューバー(1)

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

<!--▼▼メニューバー(1)サイトナビゲーション▼▼-->
<div class="navi navi_1">
<ul>
<li><!--index_area--><small>◆</small>Home<!--/index_area--><!--not_index_area-->
<a href="<%url>" title="トップページへ"class="go-home"><small>◆</small>Home</a><!--/not_index_area--></li>

~ 中略 ~

<!--(C1)以下は予備のリンクボタン-追加する場合はコンテンツ名とアドレスを記入してから
(C1)(D1)の2行を削 除するかタグを行の外側に移動/////


<li><a href="コンテンツ①のリンク先のアドレス "><small>◆</small>コンテンツ名①</a></li>
<li><a href="コンテンツ②のリンク先アドレス"><small>◆</small>コンテンツ名②</a></li>


(D1)追加する場合はリンクボタンのタグを(C1)(D1)の行の外側に移動///////////////-->

<li class="go-map"><!--titlelist_area--><small>◆</small>SiteMap</a><!--/titlelist_area--><!--not_titlelist_area-->
<a href="<%url>archives.html" title="~ サイトマップ ~(全記事一覧ページ)"><small>◆</small>SiteMap</a><!--/not_titlelist_area--></li>
<li class="go-blog"><!--page_area--><!--not_index_area--><small>◆</small>通常ブログ画面<!--/not_index_area--><!--/page_area--><!--not_page_area--><a href="<%url>?page=0" title="通常ブログ画面へ"><small>◆</small>通常ブログ画面</a><!--/not_page_area--><!--index_area--><a href="<%url>?page=0" title="通常ブログ画面へ"><small>◆</small>通常ブログ画面</a><!--/index_area--></li>
</ul></div>
<!--▲▲メニューバー(1)サイトナビゲーション▲▲-->


画面下部のメニューバー(4)

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

<!--▼▼メニューバー(4)サイトナビゲーション▼▼-->
<div class="navi navi_4">
<ul>
<!--permanent_area-->
<!--topentry--><!--parent_category--><li class="ad<%topentry_no> p_cat"><a href="<%topentry_parent_category_link>#end" title="【 <%topentry_parent_category> 】を最初からまとめて読む"><small>◆</small><%topentry_parent_category> </a></li><!--/parent_category-->



~ 中略 ~



<!--(C3)以下は予備のリンクボタン-追加する場合はコンテンツ名とアドレスを記入してから
(C3)(D3)の2行を削 除するかタグを行の外側に移動/////


<li><a href="コンテンツ①のリンク先のアドレス "><small>◆</small>コンテンツ名①</a></li>
<li><a href="コンテンツ②のリンク先アドレス"><small>◆</small>コンテンツ名②</a></li>


(D3)追加する場合はリンクボタンのタグを(C3)(D3)の行の外側に移動///////////////-->

<li class="go-map"><!--titlelist_area--><small>◆</small>SiteMap</a><!--/titlelist_area--><!--not_titlelist_area-->
<a href="<%url>archives.html" title="~ サイトマップ ~(全記事一覧ページ)"><small>◆</small>SiteMap</a><!--/not_titlelist_area--></li>
<li class="go-blog"><!--page_area--><!--not_index_area--><small>◆</small>通常ブログ画面<!--/not_index_area--><!--/page_area--><!--not_page_area--><a href="<%url>?page=0" title="通常ブログ画面へ"><small>◆</small>通常ブログ画面</a><!--/not_page_area--><!--index_area--><a href="<%url>?page=0" title="通常ブログ画面へ"><small>◆</small>通常ブログ画面</a><!--/index_area--></li>

<li><!--permanent_area--><br />
<span class="entry_top"><a href="#h2_<%pno>" title="↑記事冒頭へ"><img src="http://blog-imgs-49.fc2.com/c/o/m/comictemplate/3kaku_U2.png" alt="↑記事冒頭へ" border="0" height="12" />EntryTop </a></span><!--/permanent_area-->
<!--not_permanent_area--><a href="#pagetop" title="↑ページトップへ"class="pagetop"><u>▲</u>PageTop<!--/not_permanent_area--></li>

</ul></div>
<!--▲▲メニューバー(4)サイトナビゲーション▲▲-->
</div></container>



HTMLに記述してある通り、リンク先のアドレスとコンテンツ名を記載したら、
前後のコメントタグ(青色の部分)削除
もしくはリンクボタンのタグ(赤色の部分)(青色の部分)外側--(C1・3)のか(D1・3)の--に移動します。


更新 】 をクリックする。


関連記事
スポンサーサイト




Yahoo!ブックマークに登録 このエントリーをはてなブックマークに追加 Buzzurlにブックマーク
【Character登場人物紹介ページの設定】へ  【リンクボタンの追加(サイドメニュー)】へ

~ Comment ~

管理者のみ表示。 | 非公開コメント投稿可能です。

~ Trackback ~

トラックバックURL


この記事にトラックバックする(FC2ブログユーザー)

【Character登場人物紹介ページの設定】へ  【リンクボタンの追加(サイドメニュー)】へ

WEB漫画(マンガ)専用
Comicテンプレート

風の王国[展示漫画]

全27ページ
  3kaku_s_L.png 初めから読む

カスタマイズ

⇒ もくじ

Home
Comic
SiteMap
『風の王国』 公開サイト▼
展示漫画 『風の王国』の続きは 歌門様 の本家サイト【空色かんづめ】でご覧になれます
掲載漫画,イラストは歌門さつき様からお借りしました。
banner.jpg
管理人の本館▼
banner.jpg
翻訳の底本:Beatrix Potter "The Tale of Peter Rabbit" (1902)
上記の翻訳底本は、著作権が失効しています。
出典:青空文庫
翻訳者:大久保ゆう
※この翻訳は「クリエイティブ・コモンズ 表示 2.1 日本 ライセンス」によって公開されています。

画像をクリックしても次ページは開きません。ページ移動は画面上下右のナビボタンで

カスタマイズ

 もくじ

⇒ もくじ

キーボードの  F11  を
クリックすると全画面で
表示されます。二回押すと元に戻ります。