Elementor プラグイン チュートリアル: 背景画像にテキストを追加する方法

Elemento は、WodPess が Web サイトを構築する方法を変え、自分でコードを書かずに Web ページを素早く構築できるようにする、人気の無料ページ編集プラグインです。 Elemento は視覚的なインターフェースを備えており、操作が簡単です。マウスを数回クリックするだけで、必要な Web サイトの表示効果をレイアウトできます。このチュートリアルでは、Elemento で画像にテキストを追加する方法を説明します。

クリックしてアクセス:エレメント公式サイト

Elemento がインストールされると、記事またはページに「Elemento で編集」ボタンが表示されます。これをクリックすると、Elemento ビジュアル エディターに移動します。次に、見出しウィジェットをドラッグ アンド ドロップして列またはセクションを追加し、テキストを編集します。

2. 列の「スタイル」タブから画像オプションを使用します。メディアライブラリから画像を選択するか、新しい画像をアップロードします。

3. 背景サイズをContinまたはCoeに設定します（このオプションを使用すると、画像が一部切り取られます）

4. [詳細設定] タブで、[塗りつぶし] プロパティのリンクを解除し、上部と下部のパディング (例: 40%) を適用します。これにより、画像の形状が維持され、タブレットやモバイル デバイスで応答するようになります。

5. 余白を追加して背景画像とコンテナーの間の隙間を広げ、背景画像に必要なテキストを入力できるようにします。

Elementoページエディタは非常に強力で、中国語をサポートしており、多くのWodPessテーマや他のプラグイン（ウーコマース) は、外国貿易ウェブサイト、B2B ウェブサイト、ディスプレイ ウェブサイト、企業ウェブサイトなどの設計に互換性があり、適しています。