アフィリエイト広告・宣伝
【質問】
共有テンプレート（166_simple_3c）を使っています、タイトルを画像に付け替えたのですが、○○の続きを読むをクリックしその記事の続きを読むと付け替えたはずのタイトル部分がその記事の題名（文字）になってしまい、タイトル画像が表示されませんどうすればいいのでしょうか？
【回答】
このテンプレートでは、カテゴリ画面と個別記事画面の時にはブログ名の代わりにサブタイトル（カテゴリ名、記事名）を表示するようになっています。
HTMLの27行目から始まる<!--headBlock-->内に、カテゴリ画面および固定リンク画面での表示領域があります。
--------------------------------------------------
<!--category_area-->
<h1 id="title"><%sub_title></h1>
<div class="sub_title">ここでは、「<%sub_title>」 に関する記事を紹介しています。</div>
<!--/category_area-->
<!--permanent_area-->
<h1 id="title"><%sub_title></h1>
<div class="sub_title">ここでは、「<%sub_title>」 に関する記事を紹介しています。</div>
<!--/permanent_area-->
--------------------------------------------------
それぞれ「 <h1 id="title"><%sub_title></h1> 」がサブタイトルを表示している部分なので、<%sub_title>関数を画像タグに差替えれば、常にタイトル画像が表示されるようになります。
※記入例；<h1 id="title"><img src="gazou.gif" alt="<%blog_name>"></h1>
共有テンプレート（166_simple_3c）を使っています、タイトルを画像に付け替えたのですが、○○の続きを読むをクリックしその記事の続きを読むと付け替えたはずのタイトル部分がその記事の題名（文字）になってしまい、タイトル画像が表示されませんどうすればいいのでしょうか？
【回答】
このテンプレートでは、カテゴリ画面と個別記事画面の時にはブログ名の代わりにサブタイトル（カテゴリ名、記事名）を表示するようになっています。
HTMLの27行目から始まる<!--headBlock-->内に、カテゴリ画面および固定リンク画面での表示領域があります。
--------------------------------------------------
<!--category_area-->
<h1 id="title"><%sub_title></h1>
<div class="sub_title">ここでは、「<%sub_title>」 に関する記事を紹介しています。</div>
<!--/category_area-->
<!--permanent_area-->
<h1 id="title"><%sub_title></h1>
<div class="sub_title">ここでは、「<%sub_title>」 に関する記事を紹介しています。</div>
<!--/permanent_area-->
--------------------------------------------------
それぞれ「 <h1 id="title"><%sub_title></h1> 」がサブタイトルを表示している部分なので、<%sub_title>関数を画像タグに差替えれば、常にタイトル画像が表示されるようになります。
※記入例；<h1 id="title"><img src="gazou.gif" alt="<%blog_name>"></h1>
■特定の場所に、任意のブロックを表示する方法
※ 〜 の部分に掲載したい内容を記入
（注意；ＦＣ２ブログでのみ使える独自タグです）
◎トップページにのみ表示する
<!--index_area--> 〜 <!--/index_area-->
◎トップページ以外に表示する
<!--not_index_area--> 〜 <!--/not_index_area-->
◎カテゴリ部分にのみ表示する
<!--category_area--> 〜 <!--/category_area-->
◎カテゴリ部分以外に表示する
<!--not_category_area--> 〜 <!--/not_category_area-->
◎エントリー記事部分にのみ表示する
<!--permanent_area--> 〜 <!--/permanent_area-->
◎エントリー記事部分以外に表示する
<!--not_permanent_area--> 〜 <!--/not_permanent_area-->
◎データエリアにのみ表示する
<!--date_area--> 〜 <!--/date_area-->
※ 〜 の部分に掲載したい内容を記入
（注意；ＦＣ２ブログでのみ使える独自タグです）
◎トップページにのみ表示する
<!--index_area--> 〜 <!--/index_area-->
◎トップページ以外に表示する
<!--not_index_area--> 〜 <!--/not_index_area-->
◎カテゴリ部分にのみ表示する
<!--category_area--> 〜 <!--/category_area-->
◎カテゴリ部分以外に表示する
<!--not_category_area--> 〜 <!--/not_category_area-->
◎エントリー記事部分にのみ表示する
<!--permanent_area--> 〜 <!--/permanent_area-->
◎エントリー記事部分以外に表示する
<!--not_permanent_area--> 〜 <!--/not_permanent_area-->
◎データエリアにのみ表示する
<!--date_area--> 〜 <!--/date_area-->
■文字をスクロールさせます。
タイトルやサブタイトル（サイト説明文）などに使うと効果的です。
↑
<MARQUEE style="font-size:20px;color:#ff0000;padding:5px;">文字の大きさ20px、赤色指定</MARQUEE>
↑
<marquee scrollamount="5" scrolldelay="50" behavior="scroll"
loop="0">スクロールの速さを指定する</marquee>
※scrollamount="5" 数値を大きくするとスクロールの速度が速くなります
※scrolldelay="50" 数値を小さくするとスクロールの速度が速くなります
↑
<marquee scrollamount="5" scrolldelay="50" behavior="slide"
loop="1">1度だけ動かし、スクロールを止める（※IE のみ有効）</marquee>
※サンプルページ
その他、スクロールする文字サンプル
JAVAスクリプト〜サンプル置き場
タイトルやサブタイトル（サイト説明文）などに使うと効果的です。
↑
<MARQUEE style="font-size:20px;color:#ff0000;padding:5px;">文字の大きさ20px、赤色指定</MARQUEE>
↑
<marquee scrollamount="5" scrolldelay="50" behavior="scroll"
loop="0">スクロールの速さを指定する</marquee>
※scrollamount="5" 数値を大きくするとスクロールの速度が速くなります
※scrolldelay="50" 数値を小さくするとスクロールの速度が速くなります
↑
<marquee scrollamount="5" scrolldelay="50" behavior="slide"
loop="1">1度だけ動かし、スクロールを止める（※IE のみ有効）</marquee>
※サンプルページ
その他、スクロールする文字サンプル JAVAスクリプト〜サンプル置き場◎ ブログタイトル部分の背景色（画像）を変更する方法
以下のスタイルシート（CSS）の赤字部分を変更してください。
■ ブログタイトル部分の背景色を変更する場合
#headBlock {
background-color : #123456;
}
※参考； HTMLリファレンス - カラー編（RGB）
■ ブログタイトル部分の背景画像を変更する場合
#headBlock {
background : #123456 url("画像へのパス（URL）");
}
※備考； "#123456" は、背景画像が表示されない時に表示する色を指定
▼ 背景画像の位置を指定する場合
#headBlock {
background : #123456 url("画像へのパス（URL）") no-repeat fixed 50% 30%;
}
● 関連する記事 ⇒ ※背景イメージを指定するCSS＆背景画像（フリー素材）
▼ 関連カテゴリー
※スタイルシート（CSS）
※HTML タグ 関連解説
※JavaScript （ジャバスクリプト）
※ブログ カスタマイズ 方法
※ブログ関連 本・書籍・ブック
以下のスタイルシート（CSS）の赤字部分を変更してください。
■ ブログタイトル部分の背景色を変更する場合
#headBlock {
background-color : #123456;
}
※参考； HTMLリファレンス - カラー編（RGB）
■ ブログタイトル部分の背景画像を変更する場合
#headBlock {
background : #123456 url("画像へのパス（URL）");
}
※備考； "#123456" は、背景画像が表示されない時に表示する色を指定
▼ 背景画像の位置を指定する場合
#headBlock {
background : #123456 url("画像へのパス（URL）") no-repeat fixed 50% 30%;
}
● 関連する記事 ⇒ ※背景イメージを指定するCSS＆背景画像（フリー素材）
▼ 関連カテゴリー
※スタイルシート（CSS）
※HTML タグ 関連解説
※JavaScript （ジャバスクリプト）
※ブログ カスタマイズ 方法
※ブログ関連 本・書籍・ブック
◎ カテゴリー＆エントリー毎にタイトルを変える
一般的なブログでは、ブログタイトルが全ページに適用される事が多く、カテゴリーページやエントリーページ（記事表示）ごとにタイトルが変化しないものが多いようです。
ＦＣ２ブログでは、ＦＣ２独自タグを使うことで、カテゴリーページやエントリーページ毎にタイトルを変える事ができますが、ここでは、そのために必要なFC2ブログ テンプレート中で使える変数について説明します。
※備考； ＦＣ２ブログ テンプレート中で使える変数一覧
■カテゴリー＆エントリー毎にタイトルを変える為に必要な変数
- <%blog_name>：ブログのタイトルを表示
- <%sub_title>：サブタイトルを表示。エリアによりタイトルが変わる。
※トップページでは表示しない
※カテゴリーページの時は、カテゴリー名を表示
※エントリー記事ページの時は、個別エントリー名を表示
※月別アーカイブページの時は、年・月・日の数字を表示
※検索結果ページの時の時は、検索語句を表示 - <!--index_area--> 〜トップページにのみ表示〜 <!--/index_area>
- <!--category_area--> 〜カテゴリーページにのみ表示〜 <!--/category_area>
- <!--permanent_area--> 〜個別エントリーページにのみ表示〜 <!--/permanent_area>
- <!--date_area--> 〜月別アーカイブページにのみ表示〜 <!--/date_area>
- <!--search_area--> 〜検索結果ページにのみ表示〜 <!--/search_area>
エリアタグは、notをつける事でその「エリア以外」で表示させることもできます。
※例 ： <!--not_index_area--> 〜トップページ以外に表示〜 <!--/not_index_area-->
