①WPテーマ:Twenty Nineteen

②テキストエディタ:Elementor

③トップイメージ:背景固定化LP

当サイトのWordPressテーマは、Twenty Nineteenです。
6年前の2018年11月に、WordPressのバージョンが大幅にアップグレード(Ver5.0)された際に、公式のWordPeessテーマとして Twenty Nineteen が公開されました。

その Twenty Nineteen ですが、従来のWordPressテーマと異なり大きく変わりました。どこがどのように変わったかですが、その最たる特徴が、ヘッダー画像に相当するアイキャッチ画像の実装方法です。

1.アイキャッチ画像の設定

固定ページのページ編集にアイキャッチ画像を設定する項目がありますが、その項目に特定の画像を設定すると、該当のページにヘッダー画像もどきのアイキャッチが表示されます。そのアイキャッチ画像は、ブラックや濃いブルー色のオーバーレイで画像にフィルターが掛かったようなイメージになります。

2.背景オーバーレイの設定

リアルな画像に濃い目の色でオーバーレイを掛ける意図は、そのアイキャッチの上に表示されるサイトのタイトルやナビメニューやページ名の白色を目立たせるための演出に関係した表現方法になっているためだと思います。
このオーバーレイの設定が Twenty Nineteen の最も大きな特徴と言っても過言ではありません。

3.タイトル&ナビゲーションの表示

サイトのタイトルやキャッチコピー・テキサイトのタイトルやキャッチコピー・テキスト及びナビゲーション・メニュー等々は、アイキャッチ画像上に表示されます。通常の一般的なテーマのそれとは大きく異なった仕様となります。

クリックして画像拡大します