Elementorのセクションにアンカーリンクを追加する方法

Rifat Elementor Oct 5, 2022

ランディング ページにアンカー リンクを含める最も簡単な方法をお探しですか ? 実行可能な答えに非常に近づいています。

Elementorのようなドラッグ アンド ドロップ ページ ビルダーを使用すると、Web ページをよりスマートかつ柔軟に作成できます。 このため、Elementor は、アンカー タグの作成に関しては、同等の WordPress プラグインよりもはるかに便利です。

ボタンまたはリンクをクリックした後にページの特定の領域までスクロールできるようにするために、この記事ではElementorでアンカー リンクを設定する方法を示します。 その結果、あなたのウェブページはよりコンバージョンしやすく、ユーザーフレンドリーになります。 読み続けてください。

Web ページでアンカー リンクを使用する理由

船にアンカーが必要な理由? これは、船が特定の水域に浮く能力を高めるのに役立ちます。 捨てないようにしてください。 その結果、アンカーの周りのシャックルの範囲内で自由に弧を描くことができます。

素晴らしいウェブサイトを作成します

最高の無料ページビルダーElementor を使用

今すぐ始める

アンカー リンクでも同じ問題が発生します。 訪問者がアンカー タグをクリックすると、ランディング ページの指定された領域に誘導されます。 別のページにもセクションにも。

アンカー付きのリンクが必要です。 訪問者は、アンカー タグをクリックすることで、Web サイトの特定の領域にすばやく移動できます。 また、訪問者が望む行動を取るように動機付ける可能性もあります。 さらに、同期を維持するのに役立ちます。

Elementor でアンカーを追加する方法

Web サイトにElementorが既にインストールされていることを願っています。 それでは、さらにプロセスを進めていきましょう。

ページインエディタを選択

WordPress ウェブサイトにサインインします。 アンカー リンクを配置するページにアクセスします。 トップメニューバーの「Elementorで編集」に移動します。 Elementorエディターを使用して、Webサイトをカスタマイズできます.

メニュー アンカーを検索する

Elementor でページを編集することを決定すると、前述のページに移動します。 エディタは Elementor です。 左側のサイドバーに「anchor」とだけ入力してください。 その結果、メニュー アンカー ウィジェットが見つかります。 これを使用して、必要なアンカー接続を構築できます。

アンカーリンクを追加

ページの特定のセグメントにアンカー タグを追加するには、そこにメニュー アンカーをドラッグ アンド ドロップするだけです。

たとえば、価格セクションにアンカーを配置することができます。 これはあなたがすべきことです。

下にスクロールして、エディターでページの価格設定エリアに移動します。 メニュー アンカー ウィジェットを価格の上にドラッグしてドロップします。

選択したセクションの上にウィジェットをドラッグした後、ウィジェットのコンテンツ領域にセクションの名前を入力する必要があります。

したがって。 訪問者に価格をクリックしてもらいたいので、ID フィールドで「価格」を使用します。

リンクするには、どのテキストまたは要素を選択する必要がありますか?? 訪問者を再ルーティングするには、アンカー テキスト、タブ、または WordPress メニューの項目を使用します。

わかりやすくするために、この例では「開始する」ボタンを選択しました。

ページに移動するには、上にスクロールします。 メニューから「はじめよう」を選択。 ボタン リンクは、設定されたリンクに表示されます。 ボタン リンクを削除し、「#prices」などのハッシュタグを含むアンカー リンクに置き換えます (アンカーは価格セクションであるため)。 今すぐ「保存」をクリックしてください。

その結果、ランディング ページにもう一度アクセスします。 [アンカー] ボタンを選択します。 すぐに、価格設定に戻ります。

メニューを使用して Elemntor にアンカーを追加する

以前の方法に比べて、さらに簡単です。 WordPress メニューに追加する前に、まずアンカーを作成します。

たとえば、FAQ セクションにアンカーを追加したい場合があります。 それでは、FAQ ページに行きましょう。 その上に、「メニュー アンカー」ウィジェットをドラッグします。

ID フィールドには「よくある質問」という用語を含める必要があります。 そしてそれを保ちます。

WordPress メニューが表示されます。 パーソナライズされたリンクを選択します。

URL欄に「#faq」、リンクテキスト名欄に「 FAQ 」と入力してください。 次に、「メニューに追加」を選択します。 最後に、「メニューを保存」を選択します。

今すぐランディング ページに戻ります。 メニューを使用して FAQ を選択します。 すぐに FAQ セクションに移動します。

終わりの思い

したがって、 Elementorがある場合、アンカー接続を確立するために必要なのはそれだけです。 したがって、いくつかの重要なアドバイスを覚えておいてください。 簡単に言えば、ランダムにアンカーリンクを追加することはできません。 これは、Web ページへのユーザー エンゲージメントを高めるための優れたツールです。 したがって、どのセクションが最も重要かを判断する必要があります。 その後、アンカーに最適なアンカー テキストを選択します。 したがって、CodeWatchers にはElementor のチュートリアルがたくさんあります。それらをチェックして、友達と共有してください。

Divi WordPress Theme