ワードプレスのElementorで同じページ内リンク(アンカーリンク)を作る簡単な方法をご紹介いたします。

1　エレメンターで CSS　IDを設定する

まず、アンカーリンクを設定したい、レイアウトの部位を選択し、詳細(Advanced)タブをクリックし、CSS　IDのところに、アンカーリンクの名称を空白を含まない半角英数で入力します。

※下記の例では、l_overview　になります。

２　エレメンターはCSS　IDをアンカーリンクとして使用できる

エレメンターはCSS　IDをアンカーリンクとして使用できます。下記のページ内リンクを使用できるようになります。

http://アンカーリンクを設定したページのURL/#CSS ID

この例では　http://アンカーリンクを設定したページのURL/#l_overview　というURLになります。

３　メニュー等にアンカーリンクを設定

上記のリンクをメニューに設定されたい場合は、ワードプレスの管理画面＞外観＞メニューからカスタムメニューを追加する形になります。

WordPress ワードプレスのテーマのカスタマイズ、制作のご依頼・ご相談はお気軽にワードプレスドクターにお送りください

関連記事:

  1. ワードプレスの投稿やコメントの日付・時間を表示しない(消す)方法
    ワードプレスの投稿日時やコメント日時は、サイトによっては重要でない情報となり、非表示にされたい場合もあるかと存じます。この表示を消す方法を解説いたします。 ※ご注意　テーマによってはプログラム方法やスタイルシートの指定方法が違い、効かない場合もございます...
  2. ワードプレスのログインユーザーで管理者以外にアドミンバーを表示しない方法
    アドミンバーは、wp_headアクション　が含まれるテーマではログインユーザーに必ず表示されるサイト上部に現れる黒い管理用のバー(メニュー)です。今回はプラグインを使用せずにこのアドミンバーをPHPコードとCSSで隠す方法をご紹介いたします。...
  3. ワードプレスのリンク色の変更、リンクを新しいウィンドウで開く、リンク先を検索エンジンに評価させない
    ワードプレスのリンク色の変更、リンクを新しいウィンドウで開く、リンク先を検索エンジンに評価させない　３つのよく使われる方法を解説いたします。...
  4. 初めてのWordPress(ワードプレス)サイト構築でお勧めのカスタマイズ１０選
    こんにちは、ワードプレスドクターの佐藤です。今回はワードプレスでサイトを作成した時に多くのサイトで行われている、メジャーなカスタマイズをご紹介いたします。基本的なSEO対策や、アクセス解析、ワードプレスをもっと便利に使いやすくするtipsです。 1.パーマリンクを適切に設定しましょう パーマリンクとは、ワードプレスの投稿記事のURLをどのように表現するかの設定で、管理画面の「設定...
  5. WordPress (ワードプレス)のカスタマイズのアイデア７選
    ワードプレスはおそらく、地球上で最もカスタマイズ性の高いCMSでしょう。有志によって作られた数万の無料プラグインやテーマ、ほとんどあらゆるワードプレスの機能に独自の関数を追加できるフック関数これらは、ワードプレスをいかようにも好きな形に変えられると思えるほど充実しています。ここではワードプレスのカスタマイズの事例をご紹介します 管理画面をカスタマイズ１：ユーザー権限によってみせたくないメニュー項目を隠す adminimizeというプラグインを使用するとユーザー権限によってみせたくないメニュー項目を隠す事ができます。画面のようにプロフィールだけを表示する事も可能です。...
  6. ワードプレスのプラグインを作成してみよう：ショートリンク生成プラグイン
    ワードプレスでプラグインを作る方法をこのページの右上に付いている、「ショートリンク生成機能」として実際に動作しているプログラムを全てコードも含めて公開いたします。 このプラグインは、ワードプレスのパーマリンクを使用すると長ったらしい日本語のリンクとなり、それはSEO効果があるのですがリンクをしたいユーザーにとってはリンクしづらいという問題点を解決する為に作成しました。 ショートリンクはワードプレスの基本URL表記方式　？p＝形式　で取得しています（このURLにアクセスするとワードプレスが自動でパーマリンクにリダイレクトしてくれます）。...