現在のデザインのまま３カラムから２カラムへの変更方法を具体的に教えてください。

カスタマイズしているシートなのですが、今のデザインのまま２カラムへの移行も考えています。やりかたをとりあえず知りたいのですが、わかる方、お願いします。

現在うめさんは再構築を全てのページでやっていらっしゃらないようです。
HTMLが元のデザインのままで、Firefoxで見ると表示が大きく崩れています。時々全ページ再構築しましょう。



CSSの内容をCtrl+Aで全て選択した状態にして、Ctrl＋Cでコピーして、ワードパットに保存します。

念のため、トップページ、個別記事、カテゴリーページ、月別ページのHTMLも同様にバックアップしておいて下さい。

CSSのバックアップは大事です。3つくらい保存しておいても良いかもしれません。


まず、デザインホットケーキを選んで、全ページ再構築します。
保存していたCSSをCtrl+Cでコピーしたあと、新しいCSSをCtrl＋Aで全選択状態にし、保存していたCSSを、ペーストします。
そして、CSSを再構築します。
これでホットケーキデザインが、今のデザインになります。この段階でまだ3カラムです。

CSSの下記の部分を下記のように変更します。widthの数値をいじるだけです。

#wrapper{
float:left;
width:653px;
}

#content{
float:right;
width:650px;
text-align:center;
}

#blog{
width:590px;
text-align:left;
margin:0 auto;
padding-top:15px;
}

input#author{width:350px;}
input#email{width:350px;}
input#url{width:350px;}
input#bake{}
textarea#text{width:400px;height:280px;}
input.button{margin-top:20px;width:80px;}


変更したら、CSSを保存します。

次に、 トップページ、個別記事ページ、カテゴリアーカイブ、月別アーカイブを変更します。

<!-- Plugin A -->
<div id="left">
<div id="lefttop"></div>
<div id="leftbody">
<$PluginList_A$>
</div>
<div id="leftbottom"></div>
</div>
<!-- / Plugin A-->

上記の部分を全て削除します。


以下のような部分がありますので、

<!-- Plugin B -->
<div id="right">
<div id="righttop"></div>
<div id="rightbody">
<$PluginList_B$>

下記のように変更して下さい。

<!-- Plugin B -->
<div id="right">
<div id="righttop"></div>
<div id="rightbody">
<$PluginList_A$>
<$PluginList_B$>

変更したらそれぞれHTMLを保存されて下さい。

全ページ再構築します。
以上です。

表示が崩れたり、イメージにあわない場合は、バックアップしておいたCSS、HTMLに戻してください。