※クリックすると該当箇所に移動します

 

 

 

 

1.トップインフォメーション

※ 量産型テンプレ【 navi ナビ ・ wide ワイド 】はデザイン画像未使用のためご利用できません。

 

( 想定しているコンテンツ例 )インフォメーション文章・広告 など

 

 

 

【1】書き替えした HTML で設定します。次の記述を見つけてください

 

<!-- ▼トップインフォメーション▼ -->
<!-- ▲トップインフォメーション▲ -->

 

 

【2】次の記述に変更してください

●ソースをダブルクリックしてその状態でコピーしてください

●Google Chromeは ドラッグ でコピーしてください。ダブルクリックしてコピーすると文字化けします。

 

<!-- ▼トップインフォメーション▼ -->
<% if:page_name eq 'index' -%>
<div class="topinfo">

<!--本文を入力 ↓-->

<!--本文を入力 ↑-->

</div>
<% /if -%>
<!-- ▲トップインフォメーション▲ -->

 

  • トップページのみ表示されます。
  • 追加したソース内での改行は「<br />を入れる」または「<p>~</p>で囲む」としてください。

 

 

 

 

2.メインカラム上(タイトルつき)

 

( 想定しているコンテンツ例 )インフォメーション文章・広告 など

 

 

 

【1】書き替えした HTML で設定します。次の記述を見つけてください

 

<!-- ▼メインカラム上フリースペース▼ -->
<!-- ▲メインカラム上フリースペース▲ -->

 

 

【2】次の記述に変更してください

●ソースをダブルクリックしてその状態でコピーしてください

●Google Chromeは ドラッグ でコピーしてください。ダブルクリックしてコピーすると文字化けします。

 

<!-- ▼メインカラム上フリースペース▼ -->
<% if:page_name eq 'index' -%>
<div class="post2">
<h2>
 
<!--タイトルを入力 ↓-->

<!--タイトルを入力 ↑-->
 
</h2>
<div class="postmain2">
 
<!--本文を入力 ↓-->

<!--本文を入力 ↑-->
 
</div></div>
<% /if -%>
<!-- ▲メインカラム上フリースペース▲ -->

 

  • トップページのみ表示されます。
  • 追加したソース内での改行は「<br />を入れる」または「<p>~</p>で囲む」としてください。

 

 

 

 

3.記事内3ヶ所(上部・続きを読む直後・下部)

 

( 想定しているコンテンツ例 )インフォメーション文章・広告 など

 

 

 

書き替えした HTML で設定します。次の記述を見つけてください。

入力欄に入力してください。

 

 

上部

 

<!-- ▼記事内上部フリースペース(個別記事ページのみ表示)▼ -->
<div class="ad"><p>

<!--本文を入力 ↓-->

<!--本文を入力 ↑-->

</p></div>
<!-- ▲記事上部フリースペース▲ -->

 

  • 個別記事ページ(個別記事URLでブログが表示されている状態)のみ表示されます。
  • 追加したソース内での改行は「<br />を入れる」または「<p>~</p>で囲む」としてください。

 

 

続きを読む直後

 

<!-- ▼続きを読む直後フリースペース(個別記事ページのみ表示)▼ -->
<div class="ad"><p>

<!--本文を入力 ↓-->

<!--本文を入力 ↑-->

</p></div>
<!-- ▲続きを読む直後フリースペース▲ -->

 

  • 個別記事ページ(個別記事URLでブログが表示されている状態)のみ表示されます。
  • 追加したソース内での改行は「<br />を入れる」または「<p>~</p>で囲む」としてください。

 

 

下部

 

<!-- ▼記事内下部フリースペース(個別記事ページのみ表示)▼ -->
<div class="ad"><p>

<!--本文を入力 ↓-->

<!--本文を入力 ↑-->

</p></div>
<!-- ▲記事内下部フリースペース▲ -->
<% else -%>
<% article.body | bodyfilter(article_info,blog) | mark_raw -%>
<% if:article.body_more -%><p><a class="more" href="<% article.page_url -%>#more">&raquo;&nbsp;<% article.body_continue_text -%></a></p><% /if -%>
<% if:page_name eq 'index' -%>
<!-- ▼記事内下部フリースペース(トップページのみ表示)▼ -->
<div class="ad"><p>

<!--本文を入力 ↓-->

<!--本文を入力 ↑-->

</p></div>
<!-- ▲記事内下部フリースペース▲ -->

 

  • 個別記事ページのみ表示・トップページのみ表示の2ヶ所あります。
  • 追加したソース内での改行は「<br />を入れる」または「<p>~</p>で囲む」としてください。

 

 

 

 

4.記事下

 

( 想定しているコンテンツ例 )インフォメーション文章・広告・メルマガフォーム など

 

 

 

書き替えした HTML で設定します。次の記述を見つけてください。

入力欄に入力してください。

 

<!-- ▼記事下フリースペース▼ -->
<% if:page_name eq 'article' -%>
<div class="kijishita">

<!--本文を入力 ↓-->

<!--本文を入力 ↑-->

</div>
<% /if -%>
<!-- ▲記事下フリースペース▲ -->

 

  • 個別記事ページのみ表示されます。
  • 追加したソース内での改行は「<br />を入れる」または「<p>~</p>で囲む」としてください。

 

 

 

 

5.コメント送信ボタン下

 

( 想定しているコンテンツ例 )インフォメーション文章・ブログランキングバナー・ソーシャルボタン など

 

 

 

書き替えした HTML で設定します。次の記述を見つけてください。

入力欄に入力してください。

 

<!-- ▼コメント送信ボタン下フリースペース▼ -->
<div class="ad">

<!--本文を入力 ↓-->

<!--本文を入力 ↑-->

</div>
<!-- ▲コメント送信ボタン下フリースペース▲ -->

 

  • コメント入力ページのみ表示されます。
  • 入力するソースを <p>~</p> で囲むと 適度な余白 ができます。
  • 追加したソース内での改行は「<br />を入れる」または「<p>~</p>で囲む」としてください。

 

 

 

 

6.記事一覧ページ2ヶ所(上部・下部)

 

( 想定しているコンテンツ例 )インフォメーション文章・広告 など

 

 

 

書き替えした HTML で設定します。次の記述を見つけてください。

入力欄に入力してください。

 

 

上部

 

<!-- ▼記事一覧ページ上部フリースペース▼ -->
<% unless:page_name eq 'index' -%>
<% unless:page_name eq 'article' -%>
<% unless:page_name eq 'comment' -%>
<div class="ad">

<!--本文を入力 ↓-->

<!--本文を入力 ↑-->

</div>
<% /unless -%>
<% /unless -%>
<% /unless -%>
<!-- ▲記事一覧ページ上部フリースペース▲ -->

 

 

下部

 

<!-- ▼記事一覧ページ下部フリースペース▼ -->
<% unless:page_name eq 'index' -%>
<% unless:page_name eq 'article' -%>
<% unless:page_name eq 'comment' -%>
<div class="ad">

<!--本文を入力 ↓-->

<!--本文を入力 ↑-->

</div>
<% /unless -%>
<% /unless -%>
<% /unless -%>
<!-- ▲記事一覧ページ下部フリースペース▲ -->

 

  • 記事一覧ページ(カテゴリー・月別・タグ・検索)のみ表示されます。
  • 入力した文字や画像は「中央揃え」になります。(広告によってはしないときがあります)
  • 文字を「左揃え」にするときは <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>で囲む」としてください。