マニア雑記2016-08-01WordPressのページタイトルの1文字目を装飾するこんにちは。web制作の宇垣です。近所の自動販売機にアプリ連携機能が導入され、購入ごとにスタンプを押してくれるのでついつい必要以上に買ってしまいます。弊社はWordPressを用いてのサイト制作がメインですがWordPressではテンプレートという基準となるレイアウトデザイン(ページの背景・上の方・下の方)を制作して、他のページは中身部分を独自に書き換えていくような制作方法です。便利なタグも多く、と入力すると書くページタイトルを、全ページ共通のデザインにすることも可能です。ネックなのが、このタグを持ちいると下記のような文字に個別にCSS装飾が加えられない点です。紙面のデザインなどでよく見かけるこのスタイルを反映しようと思うと、各ページの固定ページ内に書いていくか、タイトル欄の中に書いていくか、はたまた画像にするか。画像にするのもページが増えると手間です。(これだとカッコ悪い)(かといって、エディタ内に書くとレイアウトに変更があったときに苦労する...)などいろいろ考えながらコーディングをしておりますがこれを一発で解決してくれる擬似クラスがありましたのでWordPress便利帳にてご紹介させていただきました。サンプルソースなどもこちらから。