WordPress カバーブロックを使用して画像の上にテキストを追加する方法

WodPess ブログ Web サイトの多くの写真にはテキストによる説明が追加されており、訪問者が写真情報をより詳細に理解し、Web サイトのアクセシビリティを向上できるようにしています。この記事では、WodPess カバー ブロックを使用して画像にテキストを追加する方法を紹介します。関連する手順は次のとおりです。

ページまたは記事にカバー効果を追加するには、最新バージョンの WodPess プログラムを使用できます。ブロック エディターで、+ 記号をクリックし、「Coe」と入力して、適切なブロックを選択します。

デフォルトでは、WodPess カバー ブロックにはプレースホルダー イメージとプレースホルダー テキストが含まれます。

2. デフォルトの画像を置き換えるには、画像をクリックして選択します。完了したら、[置換] ボタンをクリックして置き換えます。あるいは、WodPess メディア ライブラリの画像を使用する場合は、メディア ライブラリを開き、目的の画像を選択して、[アップロード] をクリックして新しい画像をアップロードします。

3. 画像を選択したら、ブロック設定を使用して、興味深く目を引く効果を作成できます。たとえば、訪問者がページをスクロールしても画像を固定したままにしたり、画像にカラーオーバーレイを追加したりできます。たとえば、オーバーレイ効果を使用する場合は、Opcity スライダーを使用して画像の透明度を変更できます。

デフォルトでは、カバー ブロックにはタイトルと段落ブロックがあり、画像の上にテキストを追加できます。タイトルまたは段落ブロックをクリックして選択し、使用するコンテンツを入力します。テキストのフォント サイズ、色などをカスタマイズすることもできます。