Twenty Tenテーマヘッダー部分のデザインの変更のために、テーマがどのようになっているかをみてみます。
メインのイメージ部分までの「branding」と、メニュー部分の「access」の大きな２つの部分からできていることがわかります。まずは、「branding」の部分を考える事にします。
2010 10/09
カテゴリー別アーカイブ: CSSで考えるTwenty Ten カスタマイズ
2010 10/07
Twenty Ten テーマ 全体のレイアウトのカスタマイズ
Twenty Ten テーマの大まかなレイアウト構成を見たので、
それぞれにどんなスタイルが割り振られているかを見ながら、
レイアウト（デザイン）の変更を考えます。
2010 10/06
Twenty Ten テーマの構成（レイアウト）-1
WordpPress3.0のTwenty Ten テーマのカスタマイズの第一歩として、
テーマのコードはあまり変えず、CSSで見栄えを変えていくことから
始めていきます。
このテーマは、非常に細かくidやclassが割り振られているので、
CSSのみでも全く違う雰囲気のものができあるはず。
ちょっとした工夫で、サイトの量産も？
また、この割り振りと知っておくと、
後々テーマのコードを見たり、
いじったり、というときに役に立ちます。
まずは、Twenty Ten テーマの、大まかな
レイアウト構成を見てみます。
2010 9/28
Twenty Ten テーマの基本
Twenty Ten テーマのカスタマイズを始める前にテーマの基本についてみていきます。
このテーマの特徴は管理画面から、色々な変更ができることです。
「外観」というところでテーマの見た目の変更ができます。
この機能がデフォルトでついたのはとてもうれしい事ですね。
「外観のメニュー」と実際の画面を比べてみます。
2010 9/27
まずは子テーマをつくる準備から
Twenty Tenテーマをカスタマイズするには2つの方法があります。
- 直にテーマファイルを変更する
- 子テーマをつくる
注意しなくてはいけないのは、WordPressのアップグレードのたびに
Twenty Tenテーマも上書きされてしまう事。
うっかりアップグレードのボタンを押しちゃったがために、
せっかくのカスタマイズがすべて水の泡、なんてことのないように、
「子テーマ」を作りましょう！
知ってる方はこの辺はどうぞスルーして下さいね。
2010 9/27
Twenty TenでWordPressを始めよう
WordPressはそのままブログとしても使ってもとても楽しいのですが、
ちょっとしたカスタマイズをすると、とても使いやすくなります。
WordPressの醍醐味、といったところでしょうか。
WordPressはバージョンが３になり、新しいテーマ「Twenty Ten」
が基本のテーマになりました。
そのままでもとても美しいテーマなのですが、
これを自分なりにカスタマイズしたいなぁ、と思ってる方も多いと思います。
私もそんな一人。
今までは一からテーマを作る事が多かったけど、
これを使わないのはもったいない。
ただ、このTwenty Tenテーマ、ファイル数も多いし、なかなか複雑。
ちょっと途方にくれちゃいますね。
少しずつ、このテーマの事を調べながら、オリジナルのテーマをつくっていこうと思います。
なんとブログを書きながら、テーマを作っていく、実況形式？？
うまくいくのか、ちょっと不安ですが、
ちょっとずつ出来上がっていく。。はず。