wordpressテーマをyokoに変更し日本語化

このサイトはwordpressを利用していますが、テーマをyokoに代えました。
先週土曜(1/28)から作業してますが、ミスも多く御迷惑おかけしています。
今回は宝くじには全く関係ない話題ですが、変更メモを残しておきます。

テーマを変更した理由

今までwordpress標準だったtwentytenというテーマを使っていました。
一時期、スマートフォン用にwptouchというプラグインも使っていました。
wptouchはダウンロードするファイルサイズが大きくて、ソースが変わりキャッシュも利用しにくいので、利用をやめました。

そこで、画面横幅に応じてカラム数が代わり、スマートフォンでも見やすいという噂のyokoというテーマに変更しました。

テーマの日本語化

このテーマの日本語ファイルを見つけられなかったので、作ってみました。
ja.moとja.poをテーマyokoのlanguagesフォルダにアップロードします。
日本語訳を変えたい方はja.poファイルを編集し、ja.moを作ってください。

うまい訳が出来たら、yokoの作者に教えてあげてください。

If you translated the Yoko theme in your own language it would be great if you make your work also available for other users. Just contact us at kontakt@elmastudio.de so we can add your translation to the Yoko theme folder.

だそうです。

子テーマの作成

見た目を細かくいろいろ変えるには、style.cssを変えます。
直接書くと、テーマのアップデート時に困るので子テーマにしてます。

@importで元のstyle.cssを読み込んでもいいですが、私は、@importを使わず元のstyle.cssを書き換えています。
Theme Name等を変えて、Template: yoko を書き加えたstyle.cssを作り、変えたいところを変えています。
@import使うと、変更点が多いとstyle.cssの読み込みが大変そうなんで。

とりあえず、日本語だとfont-familyは変えた方がいいかも。好みですが。

カスタムリンクカラーを無効にする方法

このテーマは、管理者ページの[外観]-[テーマオプション]でリンクカラーを気軽に変更することができます。
しかし、記事タイトル(h1タグ)もその色になってしまい、style.cssの記述が反映されません。
そこで、リンクカラーのところの文字色(標準だと#009BC2)を消して保存します。
そうすると、style.cssの指定が反映されるようになりました。

（文字色に記述があると、各htmlページのheadタグの最後にリンク色のstyleタグが追記されます。文字色がないとこの部分が記述されません。テーマyokoのincludesフォルダのtheme-options.phpの120行目を参照）

ヘッダーの画像サイズを変更

ヘッダーの画像サイズは標準だと1102×350ピクセルです。
そんなに大きくてかっこいい画像が用意できないんで、小さくしました。
functions.phpの次の２行の数字のところを用意する画像のサイズにを変えればいいですが、私は子テーマで変えてます。

define( 'HEADER_IMAGE_WIDTH', apply_filters( 'yoko_header_image_width', 1102 ) );
define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'yoko_header_image_height', 350 ) );

画像の高さの変更はここだけでよいですが、幅を変えるならstyle.cssも変えることになるかと思います。
（１カラム目の幅、２カラム目の幅、などなどの指定を変えなきゃ）

現状は

以前よりファイルサイズが大きくなってしまい、ページ表示が遅いです。
今後はもっと軽くしたいし、見た目をもっとスマートにしたいです。
軽くするためcssファイルをGZIP圧縮したいが、敷居が高そうと躊躇してます。
.htaccessにmod_rewriteを追加すればよさそうだけど、不具合でそうで。

見た目は、、、以前もそうですが、自分のセンスのなさが悲しいです。
なぜか、いじればいじるほど、元よりもダサくなっていくんですが。

—追記—
スマートフォン対応はyokoのようなMedia Queriesを使ったサイトが良いってグーグル社員も言ってたそうです。
ウェブマスターツールのモバイル検索インスタントプレビューだとPC検索と同じだったから、モバイル対応できてないとみなされないか不安だったんだよね。
今は判別できなくても、そのうちグーグルも考慮してくれるでしょう。
今のところは、モバイルからのアクセスは増えているぐらいだし。