大文字化表示を止めました

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行ずつだけになります。実にシンプルですね。



投稿日

カテゴリー:

投稿者:


1回のみ
毎月

記事を気に入っていただけましたか?よろしければ、今後のSSK Worldの活動に向けてご支援をお願いいたします。

SSK Worldを「面白い!」と思っていただける方がありましたら、今後の当サイトの活動継続に向けて、ご支援をお願いいたします。

Choose an amount

¥100
¥500
¥1,000
¥500
¥1,000
¥2,000

Or enter a custom amount

¥

ご協力いただき、ありがとうございます。

ご協力いただき、ありがとうございます。

送金送金

コメント

コメントを残す

タグクラウド

2年縛り Amazon Android BESS Bluetooth CF-B5 CF-R2 CF-R4 CF-RZ4 CF-SV8 DIY iPhone LTE Movable Type Nintendo Switch NuAns NEO Reloaded SNS SSD Webサイト Webブラウザー Windows 10 Windows XP カメラ カーナビ クルマ ショップ ステップワゴンスパーダ スマートフォン バージョンアップ ブログ マラソン レッツノート ログハウス 中日ドラゴンズ 伊豆 倉庫 健康 写真 合唱 塗装 家族 携帯電話 旅行 日本プロ野球 映画 暮らし 東京 槇原敬之 浜松 無線LAN 省電力 自作PC 芝生 花壇 薪ストーブ 薪割り 記念日 野球 音楽 食べる