共有テンプレート lightframeシリーズにおいて、記事とコメント欄の間にフリースペースを設けるカスタマイズを紹介します。

記事とコメント欄の間にはページ送りリンクが存在するため、その上か下（または両方）に表示します。

HTMLの以下の箇所に、赤い部分を加えてください。

～
<!--/topentry-->
<!--▲ エントリー（記事）▲-->

<!--permanent_area-->
<div class="comment_outline">
<div class="comment_title">フリーエリアのタイトル</div>
<div class="comment_body">
<div class="comment_text">
フリーエリアの内容
</div></div></div>
<!--/permanent_area-->

<!--▼コメント表示▼-->
<!--comment_area-->

<!--permanent_area-->
<!--▼ページナビゲーション(個別記事)▼-->
<p class="page_navi">
<!--preventry--><a href="<%preventry_url>" title="前ページ <%preventry_title> へ戻る">≪ <%preventry_title></a> <!--/preventry-->
| <a href="<%url>" title="<%blog_name>">HOME</a> |
<!--nextentry--><a href="<%nextentry_url>" title="次ページ <%nextentry_title> へ進む"><%nextentry_title> ≫</a><!--/nextentry-->
</p><!--page_navi-->
<!--▲ページナビゲーション(個別記事)▲-->
<!--/permanent_area-->

<div class="comment_outline">
<div class="comment_title">フリーエリアのタイトル</div>
<div class="comment_body">
<div class="comment_text">
フリーエリアの内容
</div></div></div>

<a name="comment_list" id="comment_list"></a>
<!--comment-->
～

フリーエリアのタイトルと内容はお好きなように変更してください。
これで記事とコメント欄の間にフリースペースを表示することができます。

lightframeシリーズのバージョンがver.04以前の方は、コメントを受け付けない設定にすると、ページナビゲーションがダブる問題を先に修正してください。

関連記事

• 記事タイトルの色を変える (lightframe) (2009/11/26)
• プラグイン３のレイアウト (lightframe) (2009/10/09)
• ページナビゲーション（ページ送り）の前後を入れ替える (2009/09/09)
• 記事とコメント欄の間にフリースペースを設置 (2009/09/06)
• 記事タイトルやプラグインタイトルを画像にする (lightframe) (2009/08/24)
• プラグイン３をプラグイン１と２の上に表示する (2009/08/20)
• lightframeの左右の余白 (2009/08/03)