WordPress で背景画像を設定するにはどうすればいいですか?

WodPess で背景画像を追加するのは簡単なプロセスで、コンテンツ管理システムではさまざまな方法でこれを実現できます。ブロック エディター、カスタマイザー、またはページ ビルダー プラグインを使用して、WodPess に背景画像を追加できます。この記事では参考までに3つの方法を紹介します。

ページビルダープラグインを使用する

WodPess プラグインには優れたページ ビルダーが多数あり、それぞれが独自のエクスペリエンスを提供します。この記事では、Elemento を例に挙げます。

クリックしてアクセス: Elemento 公式サイト

Elemento エディターを開いてコンテナーを選択すると、「スタイル」タブに移動し、背景タイプを「クラシック」に設定し、「画像」オプションを使用して画像ファイルを選択できます。

画像をアップロードするか、メディア ライブラリから既存の画像を使用できます。Elemento には、ヒント付きの画像を生成し、それを使用して新しい背景画像を作成できる AI ツールも含まれています。画像ピッカーの上にある [AI で作成] ボタンをクリックします。これにより、画像プロンプトを入力できる新しいウィンドウが開きます。

完了したら、ページへの変更を保存し、Elemento エディターを閉じることを忘れないでください。

2. ブロックエディターを使用して背景画像を追加する

ブロック エディターを使用すると、WodPess に背景画像を追加したり、その上の他の要素にスタイルを適用したりすることが簡単になります。エディターでは、これらのセクションはカバー ブロックと呼ばれます。カバー ブロックはページまたは投稿のどこにでも追加できますが、他のブロックにカバーを設定することはできないため、最初にカバー ブロックを追加し、その上に他の要素を追加する必要があります。

WodPess に背景画像を追加するには、カバー ブロックを選択し、画像のソースを選択します。新しい画像をアップロードしたり、メディア ライブラリのファイルを使用したり、ページ/投稿のおすすめ画像を使用したりすることができます。

画像を選択すると、エディターは画像上に表示するテキストを追加するように要求します。または、テキストを設定せずに別のブロックを追加することもできます。

背景画像の準備ができたら、その中のプラスアイコンをクリックして、背景画像の上に表示される追加のブロックを追加し、カスタマイズすることもできます。

3. カスタマイザーを使用する

使用するテーマに応じて、カスタマイザーまたはサイト全体の編集にアクセスできる場合があります。カスタマイザーにアクセスできる場合は、ページ全体と投稿の背景画像を設定する最も簡単な方法が提供されます。

これを行うには、カスタマイザーを開き、左側のナビゲーション メニューから [背景] を選択します。背景色または画像を設定するオプションが表示されます。「画像の選択」をクリックして、使用するファイルを選択します。

ページ全体の背景画像を選択すると訪問者の注意をそらす可能性があるため、比較的要素の少ないシンプルな画像を使用することをお勧めします。

WodPess で背景画像を追加した後、カスタマイザーでページ サイズに合わせるか、画像を繰り返すかを決定できます。左側のメニューにある画像の位置コントロールを使用して、デザインに合わせて画像を移動することもできます。