Twenty Nineteen 1、「アイキャッチ画像」のフィルター色を変える


【2020年3月更新】

ワードプレス公式テーマの「Twenty Nineteen」では、投稿にアイキャッチ画像を指定することで、ファーストスクリーンがカラーフィルター付きの画像入り特別デザインに変わります。

Twenty Nineteen、固定ページのホーム
Twenty Nineteen、固定ページのホーム

かっこいい!

↓アイキャッチ画像を入れないと、シンプル。だけど、ちょっと寂しい。

Twenty Nineteen、アイキャッチ不使用
Twenty Nineteen、アイキャッチ不使用

カラーフィルターの色を変える

カラーフィルターの色を変えたいときは、ワードプレスの管理画面で、

外観 → カスタマイズ → 色 → カスタム → カラーバーを左右に移動

Twenty Nineteen、カラーフィルターの色を変える
Twenty Nineteen、カラーフィルターの色を変える

これがテーマ全体のテーマカラーになって、ボタンやリンクも変わります。

Twenty Nineteen、リンクやボタンの色
Twenty Nineteen、リンクやボタンの色

フィルターだけモノクロにしたい

外観 → カスタマイズ → 色 → 「アイキャッチ画像にメインカラーのフィルターを適用する」のチェックを外す

Twenty Nineteen、モノクロカラーフィルター
Twenty Nineteen、モノクロカラーフィルター

ちょっと反応が遅かったり、ホームだと上手く機能しなかったりするみたいなので、いったん単独のページに遷移してから調整すると上手くいきました。

※文字やリンクの色はカスタムカラーで、ホームだけモノクロにしたりすることも出来ました。

最後に

最初は「強烈だな~」っと思っていたこのフロント画面ですが、よく考えると「アイキャッチ」の名に恥じない働きをしていますねw

最後までお読みいただきましてありがとうございました。


コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です