SSK World

SSK WorldをWordPress環境に切り替えてからずっと気になっていたのが、記事のタイトルやカテゴリー名、記事の下に並んでいるタグ等で、表示される文字が全て「大文字化」されていたこと。例えば「Weekly SSK」が「WEEKLY SSK」と表示されていました。

カテゴリー名だけならまだ良かったんですが、例えばタグの「α55」（ソニーの一眼カメラの機種名）が「A55」と表示されてしまうと、何が何だかわかりませんし、他にもすべて大文字で書かれるとピンとこない単語が結構あります。しかし、1バイトコードのASCII文字だけでなく、2バイトコードのギリシャ文字も大文字化されているんですね。なんとも芸が細かい（苦笑）。

今回、スタイルシートを修正して、本来私が入力したとおりの文字で表示されるようにしました。まあ、やっていること自体はそう難しくはないんですけどね。

WordPress環境に移行するときに、表示テーマについてはWordPress標準のテーマのひとつである「Twenty Fourteen」をベースにして作成しました。このときに、Twenty Fourteenのテーマに関連するファイルを直接編集するのではなく、基本的には丸ごと引き継いだ上で、変更したい部分だけを上書きや追加で記述する「子テーマ」という手法を使っています。

Twenty Fourteenの初期のスタイルシートの中で、

text-transform: uppercase;

と記述されていた要素については、すべてが大文字化されるようになっているんですが、こう書かれている箇所を探し出し、いくつかの要素については、子テーマのスタイルシート上でこの属性を

text-transform: none;

と上書き指定しました。こうすることで、大文字への置き換えが行われなくなります。

各要素に指定されている他の属性は全て親テーマから引き継がれますから、子テーマのスタイルシートに書かれているのはそれぞれの要素に1行ずつだけになります。実にシンプルですね。