でポップアップを作成する方法を知る必要があります Elementor ?
Elementor 単なるページビルダーではありません。 それは WordPressのプラグイン 多用途。 あなたがそれでできることは他にもいくつかあります Elementor ホームページ作成以外。 それらの XNUMX つは、ポップアップの作成です。
この記事では、ポップアップ ビルダー機能を使用してポップアップを作成する方法を説明します。Elementor.
Elementor でポップアップを作成するのはとても簡単です。 すべてがドラッグ アンド ドロップされる Elementor のビジュアル インターフェイスを使用して、ポップアップを作成できます。 Elementor には、ポップアップの作成に使用できるポップアップ テンプレートも用意されています。 モデルを選択して公開し、トリガーを定義するだけです。
発見 WordPressにElementorをインストールする方法
先に進む前に、Elementor の Popup Builder はプロ バージョンでのみ使用できることに注意することが重要です。
Elementorでポップアップを作成する方法
Elementor でポップアップを作成する場合、トリガー (ポップアップを表示するアクション) を設定し、条件 (ポップアップを表示するページ) を構成できます。 さらに、高度なルールを設定することもできます (以下で詳しく説明します)。
また読みます： Elementor で多色グラデーション ボタンを作成する方法
このガイドでは、ボタンのクリックでトリガーされる行動を促すフレーズのポップアップを作成します。 ユーザーがボタンをクリックすると、ポップアップが表示されます。
インストールしたと仮定して Elementorプロ、WordPress ダッシュボードにログインして、 テンプレート – > ポップアップ ボタンをクリックします アドオン 上記。
ポップアップに名前を付けて、ボタンをクリックします モデルを作成する.
使用するポップアップ テンプレートを選択します。 その上にマウスを置き、ボタンをクリックします インサート Elementorエディターに挿入します。
ポップアップを最初から作成したい場合は、テンプレート ライブラリを閉じて、Elementor のエディターを開くことができます。
Elementor エディターでは、ポップアップをカスタマイズできます。 デフォルトのコンテンツ (特にテキスト) を独自のコンテンツに置き換えることができます。 ブラウザーを使用して、セクションとウィジェットの間を簡単にジャンプできるようにします。
開始/終了アニメーションを追加したり、オーバーレイを有効/無効にしたり、閉じるボタンを有効/無効にしたりすることもできます。
完了したら、ボタンをクリックします PUBLISH.
次のステップでは、表示条件とトリガーを設定するよう求められます。 高度なルールを設定するオプションもあります。
- 表示用語: Web サイトでポップアップが表示されるページを決定します。 Web サイト全体、特定のページ、特定の投稿、特定のカテゴリなどに表示されるようにポップアップを構成できます。
- トリガー: トリガーは、ポップアップを表示するためのアクションです。 Elementor は 6 種類のトリガーをサポートしています: ページの読み込み時、スクロール時、要素のスクロール時、クリック時、 非アクティブ後、ページ終了時
- 高度なルール: ポップアップが表示されるために満たす必要がある要件。 たとえば、訪問者が検索エンジンまたは特定の URL から Web サイトにアクセスした場合にポップアップが表示されるように構成できます。 Elementor の Popup Builder 自体は、設定可能な 7 つの高度なルール オプションを提供します。
ユーザーがボタンをクリックしたときにポップアップを表示したいので、タブを開きます トリガ オプションを有効にします クリック時。 Cliquez sur 保存して閉じます.
新しいページ/投稿を作成し、Elementor で編集します (既存のページを編集することもできます)。
追加します ボタンウィジェット 左パネルから編集領域にドラッグします。 または、既にボタンが含まれている既存のページを編集している場合は、ボタン ウィジェットをクリックして編集モードにします。
また発見： Elementorボタンアイコンのカスタムサイズを設定する方法
オプションで ボタン タブの下 中身、リンクをに設定します ポップアップ. これを行うには、セクションをクリックします 動的リンク.
フィールドのレンチ アイコンをクリックします。 ポップアップ 作成したポップアップを選択します。 ポップアップ名を入力して、ポップアップを検索します。
上をクリックします 公開/更新 ページを編集した後。 ボタンをクリックする前に 公開/更新、最初にページをプレビューして、ポップアップが既に機能しているかどうかを確認できます。
ElementorProを今すぐ入手!!!
まとめ
Elementor Pro を使用すると、Elementor Pro が提供する機能にポップアップ ビルダーが含まれているため、ポップアップ プラグインをインストールする必要がなくなりました。
Elementor の Popup Builder を使用すると、あらゆるタイプのポップアップを作成できます。 上で作成したような行動を促すフレーズのポップアップから、 フォーム 登録、通知バー、ソーシャル共有ボタンなど。
ポップアップは Elementor のエディターで作成されるため、基本的にポップアップに任意のウィジェットを追加できます。 Elementor の Popup Builder を使用すると、以下のようなクリエイティブな Web サイト メニューを作成することもできます。
Elementor には、ポップアップを作成する時間を節約するためのポップアップ テンプレートが用意されています。 作成したいポップアップ デザインがわからない場合は、テンプレートを使用することもできます。
ここに ！ 方法を示すこの記事は以上です Elementor でポップアップを作成する. そこに着く方法について懸念がある場合は、以内にお知らせください commentaires.
ただし、相談することもできます 私たちのリソース、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログ作成 または Divi：史上最高のWordPressテーマ.
しかし、その間に、 さまざまなソーシャルネットワークでこの記事を共有する.
...
