WordPress ブログ ヘッダーのカスタマイズ

Twentyten テーマにおちついてカスタマイズするヨ・・・と書いても今までもそうなんだがなかなか具体的にワシの好みやカスタマイズの方法やらは書いてこなかったが少し補足して、長くなるが書き足していくようにしよう。

マズ、お気に入りのテーマ Twentyten なのだがワシの好みで無い点の1番は・・・テーマ画像の上下の「黒色」、ブログタイトルの文字の色が「黒」・・・画像下のメニューの帯の色が「黒色」・・これではせっかく変更しやすくなったという画像をカスタマイズしても全体の印象は「暗~い!」ものに感じるのはワシだけだろうか?

・・・と言うことで、マズ 画像 下のメニューバーの黒い帯に画像の上に引っ越していただく事にした。 その方法については検索にヒットしたサイトの中から pdicle さんのサイトを参考にさせていただいた。
図入りで丁寧に書かれたサイトですからその通りにすればその通りの結果が期待される訳ですがワシのようなカスタマイズ初心者にはそこがなかなかできないのである。
「位置関係を変更」?ッテどこに位置関係が書かれているのだ?
「子テーマフォルダ」?ッテどこにあるんだ? ・・・と見当違いの疑問と未知の領域の知識不足と心配が次々わいてきて・・・これだけ丁寧なインストラクションになかなか乗れない・・・が結果はこのサイトのヘッダー部分をご覧いただけばメニューが画像の上側に移動しているのをご確認いただけると思う。

デフォルトテーマ twentyten のカスタマイズ

いくつかのテーマをあれこれいじってみたけれどどれもシックリこない、同じシックリこないならばワシ流ではデフォルトをカスタマイズしたい。 WordPress 3.0.1 のデフォルトテーマはカスタマイズのし易さが特徴だとかの話だし、ワシ流の根拠はこんな時にはデフォルトのほうが情報が得やすいからだ。・・・Google で Twentyten カスタマイズ とでもキーワードを入れて検索すればそこそこヒットするのでは? と言う思惑だ。

オリジナルの Twentyten テーマでワシがシックリこない・・・と言う最大のポイントが、テーマのカラーが 黒と白 ・・・黒いメニューと暗いテーマ写真の組み合わせだ。 テーマの写真はダッシュボードから簡単に変更できるし、自分のお気に入り写真からテーマのサイズにトリミングしてアップロード、写真を更新してくれる・・なんて気のきいた機能でテーマ写真を更新できるのに、その下に張り付いたメインメニューが 黒色 ではページ全体の雰囲気がなんとなく暗くなってしまう。

また、このメニューの位置もいまひとつワシ的には好みで無い。 ワシ的にはメニューは写真の上に欲しいところだ。

背景色の変更

WSC6テーマの style.css を編集してみると・・・
基本スタイルの下の行 #29 body に背景色を書きこむと ブラウザのウインドゥ一杯に指定色に代わる。

とりあえず #e3eefb 薄いブルーグレー と言った色にしておく。

スペース とコメントが付記されている 行 #62 header に背景色を指定すると ブログタイトル部分の色が指定色になる。 気色悪いかも知れんが判りやすい ピンク にしておく。

64行の main の所の背景色指定は文字通り メイン のコラムの色を シロ に・・・実際は fdfdfd を指定しておいた。

あとはフッター廻りの色指定だが・・・全体見ると文字がイマイチ小さい・・・このあたりのフォントサイズも修正しなきゃならないかな?

Header 写真のサイズは?

ダウンロードして調べてみた。 WSC6 テーマでのtop-image-1.jpg  は 940×300、正直  写真 デカイ。 複数の写真を登録すればスライドショーでテーマが楽しめそう。
Cutline 1.4 のテーマはチョット古いのかな? ページ幅が少々狭そうだ・・・写真の幅で 770 ページ幅 800 はチョット今風ならば ネットブック 仕様の幅と言えそうだ。

とりあえずメニュータイトルだけでも入力してみた・・・と言うよりダミーの「ページ」を新規追加してみた。 順序バラバラになった。 これは後で直せるはず・・。

Hello world!

とりあえず、ここから・・・こちらのブログはCMSを目指す・・・
http://wsc.studiobrain.net/ さんから WSC6 テーマをダウンロードしてみた。 デフォルトの Twentyten テーマを少しカスタマイズしてあるだけにも見えるけど兎に角やってみなけりゃ!? 判らない。

################################
WordPress へようこそ。これは最初の投稿です。編集もしくは削除してブログを始めてください !