クリック率に関しては、ボタンはテキストよりもはるかに強力です。 の Elementor、ボタン要素をページに追加するためのボタンウィジェットがあります。 ボタンウィジェットを使用して、次のような実用的なボタンを作成できます。 whatsappボタン、 スカイプボタン、[メール] ボタンなど。 インストールせずに WordPressのプラグイン 追加。 外観については、任意のレイアウトを設定できます。 たとえば、同じ列に XNUMX つのボタンを並べて追加できます。 この記事では、これを実現する方法について説明します。

論理的には、Inner SectionウィジェットをXNUMXつの列に追加し、ボタンを内部セクションの各列に配置して、列のレイアウトを並べて表示できます。 この方法は悪くはありませんが、より良い選択方法があります。 インラインポジショニング調整オプションを使用して、XNUMXつ以上のボタンを同じ列に並べて配置できます。 この配置オプションは、ウィジェットを垂直ではなく水平スタックに配置します。

同じ列にXNUMXつのボタンを並べて追加する方法 Elementor

まず、ボタンを配置する列を指定し、最初のボタンを追加します。

ボタンが追加されたら、タブに移動します 高度な 設定パネルからブロックを開きます ポジショニング。 ドロップダウンリスト 幅、 選択 列をなして.

XNUMX番目のボタンを追加し、上記の手順を繰り返します。最初のボタンの横にXNUMX番目のボタンがあります。

新しいボタンを追加して位置を設定した場合 インラインで、XNUMX番目の列の横に配置されます。

列間のギャップを設定するには、任意のボタンを変更して、ブロックのマージンを設定するだけです。 高度な タブの下 高度な 設定パネルから。

ボタンの配置を定義するために、XNUMXつのボタンの列を変更できます。 リスト内 水平方向の配置ドロップダウン ブロックの下 配置 タブの下 配置、 必要な配置を選択します。

要約すると、列に XNUMX つのボタンを並べて追加するには、少なくとも XNUMX つの方法があります。 Elementor. 最初のオプションでは、Internal Section ウィジェットを使用できます。 XNUMX 番目のオプションは、上記で見つけたオンライン ポジショニング オプションを使用できます。

最初の方法は悪くありませんが、新しいウィジェット（この場合は内部セクション）を追加するとページのHTML需要が増加し、ページの速度に影響するため、お勧めしません。

Elementor Proを今すぐ入手！

まとめ

それで ！ XNUMX つのボタンを同じ列に並べて追加する方法を説明するこの記事は以上です。 Elementor. そこへの行き方に不安がある場合fでお知らせください commentaires.

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

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

...