公式テンプレートから（2）

7月2日投稿記事の続きです。

（1）の他に、この公式テンプレートには、
もうひとつ欠陥があります。
こちらは、ｈｔｍｌの記述の方です。

現象としては、プラグインの背景画像及び背景色が一部表示されないというものです。

**詳細**
サイドバーの中の、プラグインの設定で、背景色または、背景画像を
設定した場合に、プラグインのプラグインカテゴリ１では、
正常に表示されるのが、プラグインカテゴリ２，３においては、
「description 」の部分に、背景色または、背景画像が表示されません。

下記のhtml記述の「plugin_first」と、
「plugin_second」を比較してみてください。

--------------------------------------------------
<!--plugin_first-->
<h3><%plugin_first_title></h3>
<div class="sidebody">
<div class="description"><!-- plug-in-align -->
<%plugin_first_description>
</div><!-- /plug-in-align -->
<%plugin_first_content>
<div class="description"><!-- plug-in-align -->
<%plugin_first_description2>
</div><!-- /plug-in-align -->
</div>
<div class="sidebottom"></div>
<!--/plugin_first-->
--------------------------------------------------
--------------------------------------------------
 <!--plugin_second-->
<!-- plug-in-section -->
<h3><%plugin_second_title></h3>
<div class="description"><!-- plug-in-align -->
<%plugin_second_description>
</div><!-- /plug-in-align -->
<div class="sidebody">
<%plugin_second_content>
</div>
<div class="description"><!-- plug-in-align -->
<%plugin_second_description2>
</div><!-- /plug-in-align -->
<div class="sidebottom"></div>
<!-- /plug-in-section -->
<!--/plugin_second-->
--------------------------------------------------

<div class="sidebody">の位置が違うことに、お気づきでしょうか？

これにより、プラグインカテゴリ２では、プラグインの記事部分にだけ、sidebodyの設定が、反映され、
description（リンクのプラグインで、「このブログをリンクに追加する」の部分）には、反映されなくなっているのです。

◆対処方法は、プラグイン２及び３のhtmlの設定で、<div class="sidebody">の位置を、プラグイン１の設定と同じようにすることです。
これで、背景色または、背景画像の非表示が解消されます。

公式テンプレートから（1）

私は、共有テンプレートを作るときに、
公式テンプレートを、もとにして、カスタマイズしました。

２カラム　→　公式テンプレートの「hitode」

３カラム　→　公式テンプレートの「girlish」

しかし！！
この公式テンプレートが、曲者で。。。

CSSの最初の設定が、下記のようになっているため、
記事中の太文字や、文字の大きさの設定などが、
全部無視されてしまいます。

* {
margin : 0;
padding : 0;
font-style : normal;
font-weight : normal;
font-size:12px;
word-break:break-all;
}

最初、これに気がつかず、後からの修正が大変でした！(>_<)

これから、テンプレートを自分なりに、カスタマイズしたいなぁと、
考えている方！
公式テンプレートも、いろいろ不備があるので、
気をつけましょう！！

ちなみに、この対処方法は、

* {
margin : 0;
padding : 0;
word-break:break-all;
}

このように、fontの設定を、全部削除して、
プラグイン、メイン記事、コメント、トラックバックと、
それぞれにフォントの設定をします。

ブログを確認しながら、地道な作業です。。。(^_^;)

太文字が使えるように、修正

本当は、梅雨入り前に、雨のテンプレートを、アップしたかったのですが。。(^_^;)

文字の太さが、変えられないということで、
テンプレートを修正してみました。

太文字

色つき文字

簡単に言えば、bodyの文字設定を全部、削除してしまえばいいのですが、

* {
margin : 0;
padding : 0;
font-style : normal;
font-weight : normal;
font-size:12px;
word-break:break-all;
}

　　↓
* {
margin : 0;
padding : 0;
word-break:break-all;
}

これにより、他の箇所の文字サイズが、すべて大きくなってしまいます。
それで、共有したテンプレートを、修正していますので、
どうぞ、「アンの小箱」のテンプレートを使ってくださっているみなさま、
もう一度テンプレートを、ダウンロードしなおしてください。

よろしくお願い致します。