WordPressのアイキャッチ画像を背景にしてタイトルを表示させるカバーの使い方
アイキャッチ画像はアーカイブページや投稿の先頭部に表示されることが多いのですが、投稿の先頭に画像(写真)だけを表示させると装飾的になってしまいがちです。画像に文字入れをしてしまうと今度は、アーカイブページに文字付でわかりずらいものになってしまいます。
カバー
それに、文字入れ作業も時間をとられます。そこで、WordPressブロックエディタのメディアにある「カバー」を使うと、アイキャッチを背景にしてタイトルや抜粋を背景画像の上に表示させることができるようになります。
「カバー」でアイキャッチを背景画像にするには、ブロックエディタ編集画面で 画面左上の「+」をクリックします。メニューが表示されたら下にスクロールして 「メディア」 から 「カバー」を選択します。
編集エリアに 「カバー」 が表示されるので背景画像にしたいメディアを 「アップロード」するか 「メディアライブラリ」から選ぶ、 「アイキャッチ画像を使用」から選びます。
次にタイトルの入力が促されタイトルを入力できます。アイキャッチとして利用したい場合は、タイトルを入力しないで、「カバー」内をクリックして 「+」を表示させ、画面左のメニュー 「テーマ」から 「タイトル」を選択します。
「カバー」 画像の上にページのタイトルが表示されます。投稿の「抜粋」が記述されているのなら抜粋を表示させることができます。もちろん他のテキストを段落で入力させることもでき、リンクを設置することもできるのでサイト内の他のページへの移動を誘導することもできます。
※「タイトル」や 「抜粋」等はテーマによって異なる場合もあるので適時対応してください。
-
圧倒的に美しくおしゃれな有料テーマ【ザ・トール】
ザ・トールは、圧倒的に美しくおしゃれなテーマです。ランキングサイト・口コミサイトやおしゃれで美しいデザイナーズサイトが簡単に作れ…
-
WordPressサイト制作、ウェブデザイン、サイト修正の外注依頼ができるココナラ
クリエイターへの制作依頼から個人のお悩み解決までできる、スキルのオンラインマーケット オンラインで完結するため、外出することも相…
-
ロリポップ・WordPress対応レンタルサーバー
ロリポップでWordPressが利用できるのはライトプランからになります。ハイスピードプランを36ケ月契約で利用すると月額が割安…
-
WordPressのダッシュボードの使い方
WordPressにログインすると最初に表示されるのがダッシュボード、この画面から様々な編集を行うことができま…
-
WordPressを手動でインストールする方法
多くのレンタルサーバーではWordPressを簡単にインストールできるツールが提供されているので、こちらを利用…
-
WordPressのアイキャッチ画像を背景にしてタイトルを表示させるカバーの使い方
アイキャッチ画像はアーカイブページや投稿の先頭部に表示されることが多いのですが、投稿の先頭に画像(写真)だけを…
-
WordPressの「抜粋」、「discription」と「スニペット」の使い方
WordPressの「抜粋」、「discription」とGoogleのスニペットの関連性を記述しています。「…
-
WordPressの子テーマの使い方とメリットやデメリット
子テーマを作成するのはテーマを直接カスタマイズしてしまうと、テーマのバージョンアップによって変更した内容が上書…
-
WordPressプラグインのエラーが発生した時の回復方法
プラグインのエラーは更新中に発生することが多く、画面が真っ白になったりログインできなくなったりします。適切に対…