の価格表ウィジェットに画像を追加しますか? Elementor ?

のプロバージョンElementor ウィジェットがあります 価格表 価格グリッドブロックをWebページに簡単に追加できるようにします。 このウィジェットには、XNUMXつの主要な要素が含まれています。

  • ヘッダー:提供するプランのタイトルを追加します。 つまり、「ブロンズまたはゴールド」です。
  • 価格:プランの価格を追加します。
  • 機能:プランによって提供される機能を追加します。
  • フッター:行動を促すメッセージボタンを追加する
  • リボン:ベストセラープラン、現在割引されているプラ​​ンなどを表示するために使用できるリボンを表示します。

ただし、このウィジェットに欠けている機能は、画像を追加する機能です。

また読みます: Elementorでタブ付き画像ギャラリーを作成する方法

提供しているプラ​​ンにロゴ、アイコン、その他の関連画像などの画像を追加したい場合があります。 ちょっとしたトリックで、価格表ウィジェットに画像を追加できます。

まず、価格表を配置するセクション(および列)を準備します。 価格表ウィジェットを既存の列のXNUMXつにドラッグします。

タブに移動します 高度な 左側のパネルでオプションを開きます バックグラウンド。 ブラシアイコンをクリックして、ボードに追加する画像を選択します。

Elementorの価格表ウィジェットに画像を追加する方法

オプションで 繰り返す、 に設定 非繰り返し。 オプションで 切る、 に設定 含む。 オプションで ポジション、 に設定 パーソナライズ X位置とY位置を設定します。

次に、タブに移動します 形式 オプションを開きます 価格設定。 パディングのグループ化を解除し、上部のパディングを約170に設定します(ニーズに合わせて任意の値を設定できます)。

タブの下で他のスタイリングオプションを設定できます スタイル。 として 定義 テキストの色、タイポグラフィ、ボタンの色など。

参照: Elementorで画像ギャラリーを作成する方法

タブにアクセスできます 中身 を変更するには コンテンツ。 時間を節約するには、カスタマイズした価格表ウィジェットをコピーし、次の列に貼り付けて、 コンテンツ 提供したい他のプランに応じて。

Elementorの価格表ウィジェットに画像を追加する方法

Elementor Proを今すぐ入手!

まとめ

それで ! 価格表ウィジェットに画像を追加する方法を説明するこの記事は以上です。 Elementor. そこへの行き方に不安がある場合fでお知らせください commentaires.

ただし、相談することもできます 私たちのリソース、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログ作成 または Divi:史上最高のWordPressテーマ.

しかし、その間に、 さまざまなソーシャルネットワークでこの記事を共有する.

...