FC2blogの着せ替えブログ * 記事の上に固定フリースペースを設置【heart-heart】

- - 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 - -

FC2blogの着せ替えブログ＞＞ heart-heartテンプレート＞ 記事の上に固定フリースペースを設置【heart-heart】

記事の上に固定フリースペースを設置【heart-heart】

記事の上の部分に、フリースペースを作る場合、プラグインを利用する方法と、テンプレートのＨＴＭＬに直接書き込む方法とがあります。

プラグインを利用する場合は、フリースペースの他に、広告など、他にも記事の上の部分に挿入したい物が沢山ある場合に向いています。
固定フリースペースをひとつだけ作りたい場合は、直接、テンプレートのＨＴＭＬに挿入したほうが良いと思います。
プラグインを利用の場合は、プラグインカテゴリーのうちの一つを占有してしまいますから。

＜プラグインを利用する方法＞

プラグインを利用する場合は、以下のＨＴＭＬを、テンプレート（ＨＴＭＬ）の＜!-- サイトタイトル、説明、他 ▲ --＞と書いてある行のすぐ下に、挿入します。
内容の編集については、管理画面のプラグインの編集で個別に行います。

※「お知らせ」などの見出しが不要な場合は、＜h2＞から＜/h2＞の行を削除します。
また、その場合は、スタイルシートへの追加は必要ありません。

※以下は、【heart-heart_g_3col】テンプレート利用の場合です。
他の【heart-heart】テンプレートの場合は、＜img /＞タグ内（画像ＵＲＬ、画像サイズ、等）を書き換える必要があります。

※以下は、プラグインカテゴリーは３を利用の場合です。
他のプラグインカテゴリーを利用する場合は、変数を書き換える必要があります。

<!-- プラグインカテゴリ３▽ -->
<!--plugin-->
<!--plugin_third-->
<div class="entry_header"><img src="http://blog-imgs-24.fc2.com/k/i/s/kisekae/entry_header_g3.gif" width="380" height="44" alt="entry_header" border="0" /></div>
<div class="entry">
<h2 class="section_title" style="text-align:<%plugin_third_talign>" id="<%plugin_third_tag>L"><%plugin_third_title></h2>
<div class="entry_body">
<p style="text-align:<%plugin_third_ialign>"><%plugin_third_description></p>	
<%plugin_third_content>
<p style="text-align:<%plugin_third_ialign>"><%plugin_third_description2></p>
</div></div><div class="entry_footer"><img src="http://blog-imgs-24.fc2.com/k/i/s/kisekae/entry_footer_g3.gif" width="380" height="33" alt="footer" border="0" /></div>
<!--/plugin_third-->
<!--/plugin-->
<!-- プラグインカテゴリ３△ -->

テンプレートのスタイルシートのほうに、以下を挿入します。
場所はどこでもかまいません。

h2.section_title {
font-size: 14px;
font-weight: bold;
text-decoration:none;
color: #C03;
}

その後、テンプレート（ＨＴＭＬ）の既存の＜!-- プラグインカテゴリ３▽ --＞から＜!-- プラグインカテゴリ３△ --＞を削除します。

＜テンプレートのＨＴＭＬに直接書き込む方法＞

以下のＨＴＭＬを、テンプレート（ＨＴＭＬ）の＜!-- サイトタイトル、説明、他 ▲ --＞と書いてある行のすぐ下に、挿入します。
内容の編集については、管理画面のテンプレートの編集で行います。

<!-- フリースペース ▼ -->
<div class="entry_header"><img src="http://blog-imgs-24.fc2.com/k/i/s/kisekae/entry_header_g3.gif" width="380" height="44" alt="entry_header" border="0" /></div>
<div class="entry">
<h2 class="section_title">お知らせ</h2>
<div class="entry_body">
ここに文章を
</div></div><div class="entry_footer"><img src="http://blog-imgs-24.fc2.com/k/i/s/kisekae/entry_footer_g3.gif" width="380" height="33" alt="footer" border="0" /></div>
<!-- フリースペース ▲ -->

テンプレートのスタイルシートのほうに、以下を挿入します。
場所はどこでもかまいません。

h2.section_title {
font-size: 14px;
font-weight: bold;
text-decoration:none;
color: #C03;
}

＜トップページのみに表示したい＞

プラグイン利用の場合は、このテンプレートのこちらの方法では、個別のプラグインごとに設定する事は出来ない、と思ってください(-_-;)。
プラグインカテゴリ３の全てを、トップページのみに表示、とする事は簡単です。 からまでを、とで挟みます。
ＨＴＭＬに直接挿入した場合は、からまでを、とで挟みます。
こちらの作業については、何れもテンプレート（ＨＴＭＬ）の編集で行います。

※詳しくは、テンプレート中で使える変数一覧をご覧ください。

FC2 Blog Ranking