Twenty Tenのレイアウトを変える子テーマ(CSSファイル)つくりましたで、Twenty Tenのレイアウトを変える子テーマのCSSファイルをダウンロードしていただけるようにしてみましたが、解凍がうまくいかない、というコメントがありましたので、追記として、こちらにファイルの内容を公開します。
子テーマとして機能するように、CSSの先頭にコメントと、Twenty TenのCSSを読み込むようになっています、あとはシンプルにレイアウトを並べてありますので、必要部分をご自由にお使い下さい。
@charset "UTF-8";
/*
Theme Name: Change layout-webourgeon
Theme URI: http://webourgeon.net/
Description: twentytenのレイアウト変更用の子テーマ 2カラム 左サイドバー,
3カラム コンテンツ左、右サイドバー2つ, 3カラム コンテンツ中央、左右サイドバー,1カラム
Author: webourgeon
Template: twentyten
Version: 1.0
*/
@import url('../twentyten/style.css');
/* *****************************************************
* layout
* *****************************************************/
/*
LAYOUT: Two column, sidebar-content
DESCRIPTION: Two column, left sidebar
2カラム 左サイドバー
*/
#container {
float: right;
margin: 0 0 0 -240px;
}
#content{
margin: 0 0 0 280px;
}
#primary {
float: left;
}
/*
LAYOUT: Three column, content-sidebar-sidebar
DESCRIPTION: Three column, left content,right two sidebars
3カラム コンテンツ左、右サイドバー2つ
*/
#container {
float: left;
margin: 0 -380px 0 0;
}
#content {
margin: 0 400px 0 0;
}
#primary {
float: left;
width: 180px;
}#secondary {
float: right;
width: 180px;
}
/*
LAYOUT: Three column, sidebar-content-sidebar
DESCRIPTION: Three column, left sidebar,center content,right sidebar
3カラム コンテンツ中央、左右サイドバー
*/
#container {
float: left;
background: ;
margin: 0 0 0 0 ;
}
#content {
margin: 0 200px 0 200px;
}
#primary {
float: left;
width: 180px;
margin: 0 0 0 -940px;
}
#secondary {
float: right;
width: 180px;
margin: 0 0 0 -180px;
}
/*
LAYOUT: One column
DESCRIPTION: One column, no sidebar full width
1カラム サイドバーなし
*/
#container {
float: none;
margin: 0;
}
#content {
margin: 0 auto;
width: 940px;
}
#primary {
float: left;
width: 460px;}
#secondary {
float: right;
width: 460px;
}
この次の記事では、メインの記事部分のCSSや「続きを読む」などを見ていきたいと思っています。