【Twenty Ten】3カラムの子テーマを作成

TwentyTenで、真ん中コンテンツ、両サイドにサイドバーを配置するレイアウトを子テーマの機能を利用して作成してみます。

【変更前】

【変更後】

①まず、適当なフォルダを作成します。それを「wp-content/themes/」に配置します。
フォルダ例:twentytenC

②作成したフォルダの中にstyle.cssを作成します。

③style.cssに必要事項を書きます。
style.cssの最初に「Theme Name:」にテンプレートの名前を書き、「Author:」に作成者を書き、「Template:」に親テーマのフォルダ名を書きます。

さらに、@import文を追加して親テーマのフォルダを指定します。
あとは、変更・追加したいCSSを子テーマに書きます。

【例:style.css】

/*
Theme Name: Twentyten 子テーマ
Author: wpカスタマイズ
Template: twentyten2
*/

@import url('../twentyten2/style.css');

#container {
  margin-top: 0;
  margin-right: -930px;
  width: 100%;
  float: left;
}
#content {
  float: right;
  width: 100%;
}
#primary {
  width: 200px;
  overflow: hidden;
  float: right;
}
#secondary  {
  width: 200px;
  overflow: hidden;
  float: left;
}
#content>* {
 margin-right:220px;
 margin-left:220px;
}

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です