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

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

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

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

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

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

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

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

WordPressの使い方

※この記事はプロモーションが含まれています。

◆有料テーマは最初からデザインやレイアウトが完成されています。カスタマイズせずほぼそのままの状態で使えるので、サイト運営で最も重要な仕事であるコンテンツ作成に集中できます。トップページのレイアウトやコンテンツを自由自在に調整できたり、サイト全体のデザインやSEOを一括設定できたりと、高度なサイト作成機能が搭載されているのも有料テーマのメリットの一つです。

THE THOR

ザ・トールは、圧倒的に美しくおしゃれなテーマです。ランキングサイト・口コミサイトやおしゃれで美しいデザイナーズサイトが簡単に作れます。アクセスUP、収益UPを強力に後押しする「集客・収益化支援システム」が搭載されていて、コーポレートサイトやビジネス用メディアブログ、ブロガー・アフィリエイターなどの利用に適しています。

賢威

賢威はSEO実績が多く、SEOマニュアルや購入者専用の会員サイトでSEOの学習ができるのは大きなメリットなるでしょう。

Emanon

Emanonは、個人事業主・中小企業のビジネスサイト、オウンドメディアに必要なWeb集客機能と自由度の高いレイアウト機能を搭載した有料WordPressテーマです。見込み客を増やすためにメルマガ登録や資料請求、セミナーに誘導する仕組みがあり、WebサイトをWordPressで作りたい個人事業主・中小企業におすすめです。

LIQUID PRESS

WordPress公式有料サポートテーマに登録されているテーマです。 公式レビューやテーマチェックをクリア済のため、安心して利用できます。レスポンシブWebデザインにプラス、ユーザーがPC/スマホ表示を切り替えできる、 アクセシビリティと一貫性を確保することができるオリジナル機能を持っています。また、ウィジェット等の直感的な編集で、初心者でも簡単にカスタマイズ可能。

【スポンサーリンク】

WordPressテーマならLIQUID PRESS

STORK19

ブロガー専用のWordPressテーマ「OPENCAGE」 モバイルファースト思想でつくられたブロガー専用のWordPressテーマです。 ウィジェットやカスタマイザーを利用して簡単にオリジナルデザインのブログを 構築することができます。

【スポンサーリンク】

国産WordPressテーマ「STORK19」