WordPressのStingerテーマをカスタマイズ
このブログはStinger3というテーマを使わせて頂いているのですが、初期状態ではオリジナル性がないので、テーマを少しいじってみました。
とりあえず目標は本日中に作業を終えること。細かいところにこだわるより、仕事の完遂を重視します。
元イメージの作成
Fireworksでイメージの元となるホームページ画像を作成。ホームページのトップ画面を作るようなものなのでそこそこ時間がかかりました。2,3時間くらいかな。
画像のアップロード
Fireworksのスライス機能で画像を切り取り、保存して、必要な画像をテーマのimagesに配置しました。テーマファイルはwp-contentの下のthemesにあります。
スタイルシートの修正
テーマのstyle.cssを修正。文字サイズやヘッダーの背景などを変えてみました。いろいろ変更したので、どこをいじったのかわからなくなってしまいました・・・
カスタムヘッダーの高さを修正
カスタムヘッダーの画像をアップロードして、ヘッダー画像として設定したら高さ214pxなのがつぶれて表示されてしまいました。等倍で表示したかったので高さをどこで変えるかわからず、修正箇所を探すのに時間がかかりました。
修正箇所はfunctions.php内、
$args =array(
略・・・
‘height’ => 214
のheightの値を変更して解決しました。
その他
他にもheader.php、footer.phpなど細かな修正をして、とりあえず作業終了。最初に作ったFireworksのサイトイメージと少し違ってしまいましたが、細部までこだわってもきりがないので終了です。