デフォルトテーマを3カラムに改造する Tweet

テーマのインストール

自分の好きなデザイン（レイアウトや色など）にするには無料で提供されているテーマをみつけるのが一番。ということでいくつか導入してみましたが，結局そのままでは満足することができないというのが現実。サイドメニュー（バー）に表示するモノを追加したり，削除したり，色遣いや文字の大きさを変えたりと，改造したくなります。
だったら，デフォルトテーマを改造した方が「著作権?」の問題も絡まないだろうし，勝手気ままにできる。そう思って，デフォルトテーマの「twentyten」を改造することにしました。

サイドバーを増やす改造

後述の参考情報によれば，「twentyten」は2カラムだけど，3カラムや4カラムにすることは簡単らしいことが分かりました。

扱えるサイドバーを増やすための改造

html/wp-content/themes/twentyten/functions.php

register_sidebars(array(

register_sidebars(3, array(

該当する部分は6カ所あるが，コードを書き換えるのは最初の2カ所。
Area1とArea2の部分のみ。残りの4カ所も修正してもかまわないが，フッタ部分なので，使いようがないと思う。
また，「3」の部分を「2」や「4」「5」にすれば利用できるサイドバーの数が増える。

サイドバースクリプトファイルの複製または新規作成

html/wp-content/themes/twentyten/sidebar.php
上記の「Area3～Area6」も修正した場合は，次のファイルを複製する
html/wp-content/themes/twentyten/sidebar-footer.php

sidebar-2.php
sidebar-3.php

「Area3～Area6」も修正した場合は
sidebar-footer-2.php
のように，増えた分だけ「-数字」形式にする。

ファイルを取り込むための編集

サイドバーを二つ表示するためにホーム（以下サイトトップページと記す）と個別投稿ページ（以下シングルページと記す）を表示するファイルのコードを修正・追加する。

html/wp-content/themes/twentyten/index.php

<?php get_sidebar(); ?>

<div class="sidebar1"><?php get_sidebar(1); ?></div><!-- sidebar1 end -->
<div class="sidebar2"><?php get_sidebar(2); ?></div><!-- sidebar2 end -->

html/wp-content/themes/twentyten/single.php

<?php get_sidebar(); ?>

<div class="sidebar1"><?php get_sidebar(1); ?></div><!-- sidebar1 end -->
<div class="sidebar3"><?php get_sidebar(3); ?></div><!-- sidebar3 end -->

CSSファイルの編集

全体の幅を1000pxにし，ヘッダとフッタに挟まれた領域（main）を左からコンテンツ領域，左サイドバー，右サイドバーの順に並べます。それぞれの幅は大体50％，30％，20％になるようにします。この辺は作成者の好みですので，スタイル定義の「width」や「margin」を適当に変えてください。

#main {
  margin:10px 0px 0px 0px;
  width: 1000px;
}
#wrapper {
  margin: 0 auto;
  width: 1000px;
}

#content {
  float:left;
  width:488px;
  margin:0px 24px 0px 0px;;
}

.sidebar1 {
  width:280px;
  margin-right:23px;
  float:left;
}

.sidebar2,
.sidebar3 {
  width:160px;
  float:right;
}