fc2ブログ

漫画メインページの記事欄に作品(カテゴリ)別にバナーを貼る

大事なお知らせ FC2ブログ非公開変数の領域変更により、一部ページナビが表示されない等 テンプレートに不具合が出ております。ユーザーの皆さまにはご迷惑をおかけして恐縮ですが、 2012.11.10.以前にDLしたテンプレートをご利用の場合は、一旦テンプレートを削除、もしくは名前を変更した上で、再DLして御利用くださいますようお願い申し上げます。詳しくは不具合解消のための再DLのお願い
  • 【記事欄に拍手タグ・バナーを貼る】へ
  • 【通常ブログ画面・検索・アーカイブページで作品(カテゴリ)別にバナーを貼る】へ
個々の作品別にジャンルの違うランキングに参加する時などに便利なカスタマイズです。

ここでいう漫画メインページとは、ページが三分割されているカテゴリエリアと個別記事ページの事です。
全ての記事欄にカテゴリに関係なく同じバナーを表示させる場合はコチラ

カスタマイズの前にバナーを表示したいカテゴリの番号を確認しておきます。
カテゴリ番号は[カテゴリの編集]画面のカテゴリ一覧リストの一番左、# をクリックすると表示される番号がそれですが、カテゴリページのアドレスからも確認できます。
http://comictemplate.blog.fc2.com/blog-category-〇〇.html
〇〇がそのカテゴリのカテゴリ番号です。
  • 【記事欄に拍手タグ・バナーを貼る】へ
  • 【通常ブログ画面・検索・アーカイブページで作品(カテゴリ)別にバナーを貼る】へ

漫画メインページで作品(カテゴリ)別のバナーを表示させる場合


カスタマイズ

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


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

HTML編集]部分をカスタマイズします。
Comicテンプレートには予め、ランキングバナーなどを追加する個所が指定してあります。
キーボードの  Ctrl  +  F  をクリックすると、画面の上もしく下に検索ボックスが表示されますので、
そこに <!--more--><!--/more--> と入れて以下の個所を探します。

<!--//////(個別記事以外で)ブログ拍手の上にランキングバナー等を表示する場合はココ////
個別記事ではどこに貼っても記事とブログ拍手ボタンの間に割り込んで表示させることはできません//-->


<!--more--><!--/more-->

<!--//////ブログ拍手・広告の下にランキングバナー等を表示する場合はココ////-->

<!-- (a2)カテゴリ別に違うバナーを貼る場合

<!--not_page_area--><!--not_date_area--><!--not_search_area-->
<div class="c cnXX">
      //////////////////////////////////////////
XXをカテゴリ番号に変更し(a2)と(b2)の行を削 除するとここに記入した内容は
個別記事ページとカテゴリページでそのカテゴリのページにだけ表示されます
通常ブログ画面でもカテゴリ別のバナーを貼る場合は作者ブログ解説記事をご参照ください。
//////////////////////////////////////

</div>
<!--/not_search_area--><!--/not_date_area--><!--/not_page_area-->

(b2)この行と(a2)の行を削 除-->



テンプレート内の説明の通り、青色の部分にバナーを貼り、
XXカテゴリ番号に変更し、(a2)(b2)の二行を削除すると
バナーはそのカテゴリ番号のカテゴリにのみ表示されます。

この時、カテゴリ番号を親カテゴリ番号にすると、バナーはその親カテゴリに属する全てのカテゴリの漫画メインページに表示させることができます。

作品(カテゴリ)ごとに違うバナーを表示させる場合


カテゴリ番号XX と カテゴリ番号YY に別々のバナーを表示させる場合


<div class="c cnXX">
<a href="リンク先アドレス" target="_blank" title="">
<img src="バナー画像アドレス" alt="" border="0" width="幅" height="高さ" /></a>

</div>

<div class="c cnYY">
<a href="リンク先アドレス" target="_blank" title="">
<img src="バナー画像アドレス" alt="" border="0" width="幅" height="高さ" /></a>

</div>




別々の作品(カテゴリ)で同じバナーを表示させる場合


カテゴリ番号XX と カテゴリ番号YY に同じバナーを表示させる場合


<div class="c cnXX cnYY">
<a href="リンク先アドレス" target="_blank" title="">
<img src="バナー画像アドレス" alt="" border="0" width="幅" height="高さ" /></a>

</div>


cnXX と cnYY の間に半角スペースを入れます。

▼ 以下は カテゴリ番号1とカテゴリ番号2に同じバナーを表示させた例

<div class="c cn1 cn2">
<a href="リンク先アドレス" target="_blank" title="">
<img src="バナー画像アドレス" alt="" border="0" width="幅" height="高さ" /></a>


</div>



更新 】 をクリックする。


上の場合、バナーが表示されるのはアカマイ広告の下、記事欄下部になります。

アカマイ広告を非表示にする場合は菅理画面を開き

左側のメニューから [ 環 境 設 定 ] ⇒ 【 環境設定の変更 】 をクリック
開いた画面の一番上 [ 環 境 設 定 ] ⇒【 ブログの設定 】 ⇒ 【 記事の設定 】 をクリック

[ アカマイの設定 ]
高速表示設定(アカマイ利用設定)利用しない&広告を表示しない 】  

更新 】 をクリックする。


設定を変更しても、変更内容が反映されアカマイ広告が非表示になるのは一週間後です。


紫色の部分にタグを移動させれば、カテゴリページだけはFC2ブログ拍手やツイッターボタンの上にバナーを表示させることができます。
しかし、個別記事ページでは、アカマイ広告を非表示にしても、貼りつけるタグの場所を変えても、管理画面で設定する自動設定のボタン(FC2ブログ拍手やツイッター)と記事の間に割り込んで表示させることはできません。


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




Yahoo!ブックマークに登録 このエントリーをはてなブックマークに追加 Buzzurlにブックマーク
【記事欄に拍手タグ・バナーを貼る】へ  【通常ブログ画面・検索・アーカイブページで作品(カテゴリ)別にバナーを貼る】へ

~ Comment ~

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

~ Trackback ~

トラックバックURL


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

【記事欄に拍手タグ・バナーを貼る】へ  【通常ブログ画面・検索・アーカイブページで作品(カテゴリ)別にバナーを貼る】へ

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  を
クリックすると全画面で
表示されます。二回押すと元に戻ります。