いくらでも変容する、七色の蝶々。
鮮やかな青い蝶。
どんなニーズにも対応できる（かも知れない）カラム変更が簡単なテンプレートです。
e04_01_butterfly
□1.2.3カラム：
初期2カラム右メニュー
* 他、3カラムや1カラムにも変更可能です。
→変更方法
e04_01_butterfly_c3
□3カラム
カスタマイズ
画像の流用さえ行わなければ、特に制限はありません。気兼ねなくカスタマイズしてください。
プラグイン
- 3カラム→記事エリアの左右に、プラグインカテゴリ1と2を表示
- 2カラム→記事エリアの横にプラグインカテゴリ1、その下に2を表示
- 1カラム（「e04_01_butterfly」を一部編集して作ります）→記事エリアの下に、プラグインカテゴリ1と2を並べて表示
- カテゴリ3は、トップページのみ記事の上部に表示します。
カスタマイズヒント
文字の大きさの変更が簡単に行えます。
スタイルシートの編集から、「文字サイズ変更」とある部分を見てください。
'font-size:'以下の数値を変える事で、文字のサイズを変更できます。
記事、サイドバーの横幅の調整が簡単に行えます。
詳しくはスタイルシートの編集の「★レイアウトの変更」以下にて。
'width:'以下の数値を変える事で、自由に調整できます。
使用しているレイアウトパターンを確認したうえ、それに該当する箇所を変更してください。
また、「記事エリアの幅＋サイドバーの幅」等の注意書きにしたがって、そのとおり計算した値を入れてください。（計算が間違っていると、崩れます）
ブログタイトルの横に、独自のメニューをつけられます。
「HTMLの編集」をそのままいじる事になります。
HTMLの編集で「▼メニューここから」の所がそれにあたります。コメントで非表示にしてありますので、「<!-- ▼メニューここから 」の後に「-->」、「▲メニューここまで -->」の前に「<!--」を、それぞれ追加してください。
「<li><a href="
#">
メニューその1</a></li>」とあるところ、「#」にURL、「メニューその1」に文字を入れて使います。
増やす場合は、<li>〜</li>までをコピーします。
カラム（レイアウト）の変更について（e04_01_butterfly（左の）限定）
このテンプレートの特徴として、所定の記述を変更するだけで、カラムを変更出来る、と言うのがあります。
スタイルシートの知識が無くても簡単に行えます。
以下のコードが変更する箇所になります。「HTMLの編集」からこのコードを探してください。
<div id="ALL" class="c2right">
見つかりましたら、上でもハイライトしている「c2right」を、好みのパターンの名前に差し替えましょう。
- 1カラム ――――――――――――→「column1」
- 2カラム (右にサイドーバー) ―――→「c2right」
- 2カラム (左にサイドーバー) ―――→「c2left」
- 3カラム (右にサイドーバー二つ) ―→「c3right」
- 3カラム (左にサイドーバー二つ) ―→「c3left」
例えば、1カラムにしたい場合、ここのコードは「<div id="ALL" class="column1">」という表記になります。
2カラム (左にサイドーバー) の場合は、「<div id="ALL" class="c2left">」です。
