※クリックすると該当箇所に移動します
1.トップインフォメーション
※ 量産型テンプレ【 navi ナビ ・ wide ワイド 】はデザイン画像未使用のためご利用できません。
( 想定しているコンテンツ例 )インフォメーション文章・広告 など
【1】書き替えした HTML で設定します。次の記述を見つけてください
<!-- ▼トップインフォメーション▼ --> <!-- ▲トップインフォメーション▲ -->
【2】次の記述に変更してください
●ソースをダブルクリックしてその状態でコピーしてください
●Google Chromeは ドラッグ でコピーしてください。ダブルクリックしてコピーすると文字化けします。
<!-- ▼トップインフォメーション▼ --> <!--not_permanent_area--> <!--not_category_area--> <!--not_tag_area--> <!--not_date_area--> <!--not_search_area--> <!--not_edit_area--> <!--not_titlelist_area--> <div class="topinfo"> <!--本文を入力 ↓--> <!--本文を入力 ↑--> </div> <!--/not_permanent_area--> <!--/not_category_area--> <!--/not_tag_area--> <!--/not_date_area--> <!--/not_search_area--> <!--/not_edit_area--> <!--/not_titlelist_area--> <!-- ▲トップインフォメーション▲ -->
- トップページのみ表示されます。
- 追加したソース内での改行は「<br />を入れる」または「<p>~</p>で囲む」としてください。
2.メインカラム上(タイトルつき)
( 想定しているコンテンツ例 )インフォメーション文章・広告 など
〔 設定 → プラグインの設定 → 公式プラグイン追加 〕ページで
プラグインカテゴリ3に〔 フリーエリア 〕を追加してください。
詳しくは公式マニュアルを参照ください。
フリーエリアプラグインの使い方
- トップページのみ表示されます。
- フリーエリアに入力する文章の改行は「<br />を入れる」または「<p>~</p>で囲む」としてください。入力しないと改行されません。
3.記事内3ヶ所(上部・続きを読む直後・下部)
( 想定しているコンテンツ例 )インフォメーション文章・広告 など
書き替えした HTML で設定します。次の記述を見つけてください。
入力欄に入力してください。
上部
<!-- ▼記事内上部フリースペース(個別記事ページのみ表示)▼ --> <!--permanent_area--> <div class="ad"><p> <!--本文を入力 ↓--> <!--本文を入力 ↑--> </p></div> <!--/permanent_area--> <!-- ▲記事上部フリースペース▲ -->
- 個別記事ページ(個別記事URLでブログが表示されている状態)のみ表示されます。
- 追加したソース内での改行は「<br />を入れる」または「<p>~</p>で囲む」としてください。
続きを読む直後
<!-- ▼続きを読む直後フリースペース(個別記事ページのみ表示)▼ --> <div class="ad"><p> <!--本文を入力 ↓--> <!--本文を入力 ↑--> </p></div> <!-- ▲続きを読む直後フリースペース▲ -->
- 個別記事ページ(個別記事URLでブログが表示されている状態)のみ表示されます。
- 追加したソース内での改行は「<br />を入れる」または「<p>~</p>で囲む」としてください。
下部
<!-- ▼記事内下部フリースペース(個別記事ページのみ表示)▼ --> <!--permanent_area--> <div class="ad"><p> <!--本文を入力 ↓--> <!--本文を入力 ↑--> </p></div> <!--/permanent_area--> <!-- ▲記事内下部フリースペース▲ --> <!-- ▼記事内下部フリースペース(トップページのみ表示)▼ --> <!--not_permanent_area--> <div class="ad"><p> <!--本文を入力 ↓--> <!--本文を入力 ↑--> </p></div> <!--/not_permanent_area--> <!-- ▲記事内下部フリースペース▲ -->
- 個別記事ページのみ表示・トップページのみ表示の2ヶ所あります。
- 追加したソース内での改行は「<br />を入れる」または「<p>~</p>で囲む」としてください。
4.記事下
( 想定しているコンテンツ例 )インフォメーション文章・広告・メルマガフォーム など
書き替えした HTML で設定します。次の記述を見つけてください。
入力欄に入力してください。
<!-- ▼記事下フリースペース▼ --> <!--permanent_area--> <div class="kijishita"> <!--本文を入力 ↓--> <!--本文を入力 ↑--> </div> <!--/permanent_area--> <!-- ▲記事下フリースペース▲ -->
- 個別記事ページのみ表示されます。
- 追加したソース内での改行は「<br />を入れる」または「<p>~</p>で囲む」としてください。
5.コメント送信ボタン下
( 想定しているコンテンツ例 )インフォメーション文章・ブログランキングバナー・ソーシャルボタン など
書き替えした 記事のコンテンツHTML で設定します。次の記述を見つけてください。
入力欄に入力してください。
<!-- ▼コメント送信ボタン下フリースペース▼ --> <div class="ad"> <!--本文を入力 ↓--> <!--本文を入力 ↑--> </div> <!-- ▲コメント送信ボタン下フリースペース▲ -->
- コメント入力ページのみ表示されます。
- 入力するソースを <p>~</p> で囲むと 適度な余白 ができます。
- 追加したソース内での改行は「<br />を入れる」または「<p>~</p>で囲む」としてください。
6.記事一覧ページ2ヶ所(上部・下部)
( 想定しているコンテンツ例 )インフォメーション文章・広告 など
※FC2側の仕様の関係でトップページ2ページ以降も表示されます。
書き替えした HTML で設定します。次の記述を見つけてください。
入力欄に入力してください。
上部
<!-- ▼記事一覧ページ上部フリースペース▼ --> <!--not_index_area--> <!--not_permanent_area--> <!--not_edit_area--> <div class="ad"> <!--本文を入力 ↓--> <!--本文を入力 ↑--> </div> <!--/not_index_area--> <!--/not_permanent_area--> <!--/not_edit_area--> <!-- ▲記事一覧ページ上部フリースペース▲ -->
下部
<!-- ▼記事一覧ページ下部フリースペース▼ --> <!--not_index_area--> <!--not_permanent_area--> <!--not_edit_area--> <div class="ad"> <!--本文を入力 ↓--> <!--本文を入力 ↑--> </div> <!--/not_index_area--> <!--/not_permanent_area--> <!--/not_edit_area--> <!-- ▲記事一覧ページ下部フリースペース▲ -->
- 記事一覧ページ(カテゴリ・月別・タグ・検索・全記事)で表示されます。
- FC2側の仕様の関係でトップページ2ページ以降も表示されます。
- 入力した文字や画像は「中央揃え」になります。(広告によってはしないときがあります)
- 文字を「左揃え」にするときは <div style="text-align:left;">テキスト</div> と入力ください。
- 入力するソースを <p>~</p> で囲むと 適度な余白 ができます。
- 追加したソース内での改行は「<br />を入れる」または「<p>~</p>で囲む」としてください。
7.フッター
( 想定しているコンテンツ例 )インフォメーション文章・広告 など
【1】書き替えした HTML で設定します。次の記述を見つけてください
<!-- ▼フッターフリースペース▼ --> <!-- ▲フッターフリースペース▲ -->
【2】次の記述に変更してください
●ソースをダブルクリックしてその状態でコピーしてください
●Google Chromeは ドラッグ でコピーしてください。ダブルクリックしてコピーすると文字化けします。
<!--▼フッターフリースペース▼--> <div id="footerinfo"> <!-- ▼左側▼ --> <div class="f1"> <div class="ftitle"> <!--タイトルを入力 ↓--> <!--タイトルを入力 ↑--> </div> <!--本文を入力 ↓--> <!--本文を入力 ↑--> </div> <!-- ▲左側▲ --> <!-- ▼中央▼ --> <div class="f2"> <div class="ftitle"> <!--タイトルを入力 ↓--> <!--タイトルを入力 ↑--> </div> <!--本文を入力 ↓--> <!--本文を入力 ↑--> </div> <!-- ▲中央▲ --> <!-- ▼右側▼ --> <div class="f3"> <div class="ftitle"> <!--タイトルを入力 ↓--> <!--タイトルを入力 ↑--> </div> <!--本文を入力 ↓--> <!--本文を入力 ↑--> </div> <!-- ▲右側▲ --> </div> <!-- ▲フッターフリースペース▲ -->
- 全ページで表示されます。
- 追加したソース内での改行は「<br />を入れる」または「<p>~</p>で囲む」としてください。
次の作業