FC2blogの着せ替えブログ

プラグインのフリーエリアの内容の追加で、気付いた事なのですが、プラグインのフリーエリアというのがありますが、あそこにディフォルトで入っている内容には、注意が必要かも？です。

プラグインのフリーエリア（プラグインHTMLの編集という所）はディフォルトでは、以下のようになっていると思うのですが・・・

<!-- ＆freeareaの中にHTMLが代入されます。 -->
<p class="plugin-freearea" &align>
&freearea
</p>

フリーエリアに内容を入れる時に、こちらの内容を変更せずに、プラグインの「設定の変更」画面の「フリーエリア内容の変更」の欄に、内容を追加する場合、使用するＨＴＭＬのタグに注意が必要かと思われます。

こちらの欄に、たくさん内容を入れる場合、例えば、＜div＞で括ってあったり、＜p＞で括ってあったりするＨＴＭＬのカタマリは、ディフォルトのままでは追加する事は出来ません。
（ブログパーツなどの場合、他に＜table＞タグなどでタグが発行される物もあるかもしれません。）
ていうか、追加する事は出来ますが、実際の問題として、スタイルシート（ＣＳＳ）が効かなくなったり等の不具合が生じる事になるかもしれません。

それは、なぜか？

先程のプラグインＨＴＭＬの部分をもう一度見てみましょう。

<!-- ＆freeareaの中にHTMLが代入されます。 -->
<p class="plugin-freearea" &align>
&freearea
</p>

「代入されます」と書いていますね？
つまり、プラグインの「設定の変更」画面の「フリーエリア内容の変更」の欄に追加された内容が、「＆freearea」と書かれた場所に置き換えられるわけです。

その場合、上記の＜p＞から＜/p＞までの間に代入されるわけですから、その間にまた＜p＞タグや＜div＞タグを入れるわけには行かない、という事です。
（注：こちらの詳しい事に関しては、ＨＴＭＬの、タグの入れ子関係、タグのネスト、インライン要素とブロックレベル要素、などで検索してみてください。）

ですから、もし、ブログパーツなどのサイトで発行されたタグに＜div＞が含まれていたり、テキストを＜p＞タグで括ったものをいくつか入れる場合、＜table＞タグを使った画像テーブルなどをサイドバーへ入れる場合、上記の「プラグインＨＴＭＬ」の部分の書き換えが必要となります。

いろいろやり方はあるのですが・・・

ひとつは、代入方式をやめてタグを直書きする、という方法があります。
先程の「プラグインＨＴＭＬ」の内容をゴッソリ削除してしまい、入れたいＨＴＭＬを直書きします。
その場合、コンテンツの文字位置などは、自分でＨＴＭＬで書く事になります。

その他に「プラグインＨＴＭＬ」に直書きしないで、プラグインの「設定の変更」画面の「フリーエリア内容の変更」の欄に追加する場合で、「設定の変更」画面の「コンテンツの文字位置：」で設定された設定を反映させたい場合は・・・

<!-- ＆freeareaの中にHTMLが代入されます。 -->
<p class="plugin-freearea" &align>
&freearea
</p>

上記を以下のようにする。

<!-- ＆freeareaの中にHTMLが代入されます。 -->
<div class="plugin-freearea" &align>
&freearea
</div>

もしくは、以下のようにする。
（注：こちらの場合は、「設定の変更」画面の「コンテンツの文字位置：」の設定は反映されませんので、追加タグ内で文字位置の設定を書きます。）

<!-- ＆freeareaの中にHTMLが代入されます。 -->
&freearea

その他の書き方は、入れる（追加する）タグによって色々あるのですが、だいたい上記のやり方で回避する事が出来ます。
え、ちょっと乱暴な記事ですね(^^;)
不具合に心当たりのある方は、お試しください（ぉ