Twenty Ten のメイン部分のCSSについて見ていくことにします。トップページのソースを見てみましょう。前にも見た通り、メインの部分はmain＞container＞content という入れ子になっています。
その下に「nav-above」というidをもったひとかたまりの記述があります。
2010 11/03
Twenty Ten メイン部分のCSSカスタマイズ〜ナビゲーション
2010 11/03
Webourgeonリニューアル中です
どうしてもやりたくなってしまい、衝動的にWebourgeonのデザインをリニューアルしています。
Twenty Tenの子テーマとして作り、かなりの部分はCSSで、少し機能を追加しています。CSS3もちょっとだけ使っています。IEは軽く対応しましたが、まだ十分ではない部分があると思います。2日ほどで作ったので、まだあちこち不具合があるかもしれません。
2010 10/30
プラグインの導入と管理のしかた
2010 10/30
Twenty Tenでページごとにデザインを変えるために
Twenty TenをCSSでカスタマイズしていくために、大まかなレイアウトの構成、ヘッダーやメニューの簡単なデザイン変更、カラムの変更、などについて考えてきました。
前にも少し触れましたが、Twenty Tenでは非常に細かくclassやidが振られるようになっています。これを利用すれば、ページごと、カテゴリーごと、などでデザインを変えていく事が出来ます。テーマを変える事で、大きくレイアウトや出力される内容を変える事も自由にできますが、今回はCSSに限定して考えてみたいと思います。
2010 10/28
Twenty Tenのレイアウトを変える子テーマ（CSSファイル）つくりました
WordPressのデフォルトテーマであるTwenty Tenのレイアウト変更についていろいろと考えてきました。それぞれのページでCSSを書いてきましたが、すべてまとめたファイルをつくりましたので、公開したいと思います。
2010 10/28
Twenty Tenのレイアウトを変える(6)〜1カラムにする
WordPressのデフォルトテーマであるTwenty Tenのレイアウトを変えることについて考えてきましたが、今日は1カラムにしてみたいと思います。
Twenty Tenにはデフォルトで1カラムのテンプレートが入っていますが、残念ながら、投稿ではなく、ページのテンプレートとして呼び出す事しかできません。
2010 10/24
Twenty Tenのレイアウトを変える(5)〜コンテンツ中央の3カラムにする
2010 10/22
Twenty Tenのレイアウトを変える(4)〜3カラムにする
WordPressのデフォルトテーマであるTwenty Tenのレイアウトのレイアウト変更について考えてきましたが、今日はいよいよ3カラムにしてみたいと思います。普通に３カラムを作る事は、それほど大変な事ではないのですが、Twenty TenでCSSのみの変更で３カラムを作ろうと思うとちょっと面倒な感じがしてしまいますね。
2010 10/21
Twenty Tenのレイアウトを変える(3)〜サイドバーを左にする
WordPressのデフォルトテーマTwenty Tenのコンテンツとサイドバーのレイアウトの仕組みと、幅の変え方について考えたので、次はコンテンツとサイドバーの左右を入れ替えてみたいと思います。
2010 10/20
Twenty Tenのレイアウトを変える(2)〜コンテンツ幅の調整
Twenty Tenのレイアウトを変える(1)で、Wordpress のデフォルトテーマであるTwenty Tenで、コンテンツを左に、サイドバーを右にしている仕組みについて考えました。
これをもとにTwenty Tenのレイアウトを変えていきたいと思います。