前回、ColorMagの個別記事で一番気になった箇所としてアイキャッチ画像の問題を記述しました。

それ以外にもちょっと気になる箇所が出てきたのでここでまた記述しておきます。それは引用、つまりblockquoteの問題です。

ColorMagのデフォルトはブルーになっています。その色がウィジェットタイトルの背景色やリンクテキストの色になっています。それらの色は「ダッシュボード」→「外観」→「カスタマイズ」→「Design Options」→「Primary color option」で以下のように変更できます。

私はグリーンに設定しました。するとこの色がblockquoteの背景色になってしまいます。このグリーンは、ポイントとして使うには良いけれど、比較的大きな面積を占めるblockquoteのベースカラーには不向き、しかもリンク色も同じ色になってしまうということは、引用部分にリンクを貼るとその文字が見えなくなります。そこで「ダッシュボード」→「外観」→「カスタマイズ」→「Design Options」→「Custom CSS」に以下のコードを記述をして背景色と文字色を変更しました。

背景色を変更すれば、blockquote内にリンクがあっても文字が見えなくなることはありません。

背景色を薄いグレーにしたことでデフォルトの状態よりも目に優しく文字が読みやすいと思います。

ついでにblockquoteの枠を角丸にしてシャドーをつけてみました。参考にしたサイトは以下です。

• 画像を使うBLOCKQUOTEと画像を使わないBLOCKQUOTEをいろいろデザインする

コピー・ペーストでかんたんに実装できます。ぐっと洗練されたデザインに仕上がったのではと、かなり満足しております。