普段はあまり使われることはありませんが、プラグインにはその上と下に説明文を付けることができます。

プラグインの設定→設定[詳細]
プラグイン説明(上部)
プラグイン説明(下部)

プラグインの説明文が何も入力されないと、HTMLに無駄な空タグが生じてしまいました。

この無駄な空タグを、テンプレート変数「プラグイン説明の入力有無を判定して、表示/非表示を振り分けるフラグ」を利用して非表示にする方法を紹介します。

ただこの空タグが悪影響を及ぼすことは無いので無理に修正する必要はありません。

当サイト配布のテンプレートであれば、HTMLの下記箇所に次の赤い記述を加えてください。

【standardシリーズの場合】

～

<!--▼▼ プラグイン カテゴリー１ ▼▼-->
<!--plugin-->
<!--plugin_first-->

<div class="menu_title" style="text-align:<%plugin_first_talign>"><%plugin_first_title></div>
<table width="100%" summary="plugin1"><tr><td class="menu_cont">

<!--plugin_first_description-->

<div style="margin: 10px 0; text-align:<%plugin_first_ialign>">
<%plugin_first_description></div>

<!--/plugin_first_description-->

<div style="margin: 10px 0; text-align:<%plugin_first_align>">
<%plugin_first_content>
</div>

<!--plugin_first_description2-->

<div style="margin: 10px 0; text-align:<%plugin_first_ialign>">
<%plugin_first_description2></div>

<!--/plugin_first_description2-->

</td></tr></table><!--/menu_cont-->
<hr class="left_width" />

<!--/plugin_first-->
<!--/plugin-->
<!--▲▲ プラグイン カテゴリー１ ▲▲-->

～

<!--▼▼ プラグイン カテゴリー３ ▼▼-->
<!--index_area-->
<!--plugin-->
<!--plugin_third-->

<div class="menu_title3" style="text-align:<%plugin_third_talign>"><%plugin_third_title></div>
<div class="menu_cont3">

<!--plugin_third_description-->

<div style="margin: 10px 0; text-align:<%plugin_third_ialign>">
<%plugin_third_description></div>

<!--/plugin_third_description-->

<div style="margin: 10px 0; text-align:<%plugin_third_align>">
<%plugin_third_content>
</div>

<!--plugin_third_description2-->

<div style="margin: 10px 0; text-align:<%plugin_third_ialign>">
<%plugin_third_description2></div>

<!--/plugin_third_description2-->

</div><!--/menu_cont3-->

<br />
<!--/plugin_third-->
<!--/plugin-->
<!--/index_area-->
<!--▲▲ プラグイン カテゴリー３ ▲▲-->

～

<!--▼▼ プラグイン カテゴリー２ ▼▼-->
<!--plugin-->
<!--plugin_second-->

<div class="menu_title" style="text-align:<%plugin_second_talign>"><%plugin_second_title></div>
<table width="100%" summary="plugin2"><tr><td class="menu_cont">

<!--plugin_second_description-->

<div style="margin: 10px 0; text-align:<%plugin_second_ialign>">
<%plugin_second_description></div>

<!--/plugin_second_description-->

<div style="margin: 10px 0; text-align:<%plugin_second_align>">
<%plugin_second_content>
</div>

<!--plugin_second_description2-->

<div style="margin: 10px 0; text-align:<%plugin_second_ialign>">
<%plugin_second_description2></div>

<!--/plugin_second_description2-->

</td></tr></table><!--/menu_cont-->
<hr class="right_width" />

<!--/plugin_second-->
<!--/plugin-->
<!--▲▲ プラグイン カテゴリー２ ▲▲-->

～

【lightframeシリーズの場合】

～

<!--▼▼ プラグイン カテゴリー３ ▼▼-->
<!--index_area-->
<!--plugin-->
<!--plugin_third-->
<div class="plugin3_outline">
<div class="plugin3_title" style="text-align:<%plugin_third_talign>">
<%plugin_third_title></div>
<div class="plugin3_body">

<!--plugin_third_description-->

<div style="text-align:<%plugin_third_ialign>; margin:1px 1px;">
<%plugin_third_description></div>

<!--/plugin_third_description-->

<div style="text-align:<%plugin_third_align>">
<%plugin_third_content></div>

<!--plugin_third_description2-->

<div style="text-align:<%plugin_third_ialign>; margin:1px 1px;">
<%plugin_third_description2></div>

<!--/plugin_third_description2-->

</div><!--/plugin3_body-->
</div><!--/plugin3_outline-->
<!--/plugin_third-->
<!--/plugin-->
<!--/index_area-->
<!--▲▲ プラグイン カテゴリー３ ▲▲-->

～

<!--▼▼ プラグイン カテゴリー１ ▼▼-->
<!--plugin-->
<!--plugin_first-->
<div class="plugin1_outline">
<div class="plugin1_title" style="text-align:<%plugin_first_talign>"><%plugin_first_title></div>
<div class="plugin1_body" style="text-align:<%plugin_first_align>">

<!--plugin_first_description-->

<div style="text-align:<%plugin_first_ialign>; margin:1px 5px;"><%plugin_first_description></div>

<!--/plugin_first_description-->

<%plugin_first_content>

<!--plugin_first_description2-->

<div style="text-align:<%plugin_first_ialign>; margin:1px 5px;"><%plugin_first_description2></div>

<!--/plugin_first_description2-->

</div><!--/plugin1_body -->
</div><!--/plugin1_outline-->
<!--/plugin_first-->
<!--/plugin-->
<!--▲▲ プラグイン カテゴリー１ ▲▲-->

～

<!--▼▼ プラグイン カテゴリー2 ▼▼-->
<!--plugin-->
<!--plugin_second-->
<div class="plugin2_outline">
<div class="plugin2_title" style="text-align:<%plugin_second_talign>"><%plugin_second_title></div>
<div class="plugin2_body" style="text-align:<%plugin_second_align>">

<!--plugin_second_description-->

<div style="text-align:<%plugin_second_ialign>; margin:1px 5px;"><%plugin_second_description></div>

<!--/plugin_second_description-->

<%plugin_second_content>

<!--plugin_second_description2-->

<div style="text-align:<%plugin_second_ialign>; margin:1px 5px;"><%plugin_second_description2></div>

<!--/plugin_second_description2-->

</div><!--/plugin2_body-->
</div><!--/plugin2_outline-->
<!--/plugin_second-->
<!--/plugin-->
<!--▲▲ プラグイン カテゴリー2 ▲▲-->

～

これで無駄な空タグを出力しなくて済みます。

【2009/09/06 追記】

この記事の修正はlightframeシリーズのver.05以降、standardシリーズのver.10以降には実装済みです。各バージョン情報はHTMLかCSSの最下部に記されています。

関連記事

• IEでサイトマップが表示されない不具合について (2009/09/05)
• プラグイン各部分の文字配置変数の扱い (2009/09/03)
• FC2バトンのデザイン (2009/09/01)
• プラグイン説明の入力有無を判定して、表示/非表示を振り分けるフラグ (2009/08/31)
• 便利ナビ「月別アーカイブ」のページ送りリンク (2009/08/29)
• プラグイン内にある入力欄の幅を設定する (2009/08/29)
• コメント入力欄の幅設定 (2009/08/28)