WordPressのアイキャッチ画像を背景にしてタイトルを表示させるカバーの使い方

アイキャッチ画像はアーカイブページや投稿の先頭部に表示されることが多いのですが、投稿の先頭に画像(写真)だけを表示させると装飾的になってしまいがちです。画像に文字入れをしてしまうと今度は、アーカイブページに文字付でわかりずらいものになってしまいます。

それに、文字入れ作業も時間をとられます。そこで、WordPressブロックエディタのメディアにある「カバー」を使うと、アイキャッチを背景にしてタイトルや抜粋を背景画像の上に表示させることができるようになります。

「カバー」でアイキャッチを背景画像にするには、ブロックエディタ編集画面で 画面左上の「+」をクリックします。メニューが表示されたら下にスクロールして 「メディア」 から 「カバー」を選択します。

編集エリアに 「カバー」 が表示されるので背景画像にしたいメディアを 「アップロード」するか 「メディアライブラリ」から選ぶ、 「アイキャッチ画像を使用」から選びます。

次にタイトルの入力が促されタイトルを入力できます。アイキャッチとして利用したい場合は、タイトルを入力しないで、「カバー」内をクリックして 「+」を表示させ、画面左のメニュー 「テーマ」から 「タイトル」を選択します。

「カバー」 画像の上にページのタイトルが表示されます。投稿の「抜粋」が記述されているのなら抜粋を表示させることができます。もちろん他のテキストを段落で入力させることもでき、リンクを設置することもできるのでサイト内の他のページへの移動を誘導することもできます。

※「タイトル」や 「抜粋」等はテーマによって異なる場合もあるので適時対応してください。

プロモーション

wordpress.org で公開されているテーマは無料で利用できることが魅力ですが、カスタマイズやプラグインの導入などが必要です。その点、有料テーマはカスタマイズの柔軟性が高く、プラグインを利用しなくてもサイトの運用が可能です。