page icon

WordPress アンカーリンクの作成方法

 

概要


ウェブページ上で他のウェブページや特定の場所へのリンクを設定したいと 思ったことはありませんか? このような機能は、アンカーリンクと呼ばれます。
アンカーリンクは、テキストや画像などのコンテンツをクリックしたときに ユーザーを別のウェブページや同じページ内の別の場所に移動させます。
WordPressでもアンカーリンクを簡単に作成できます。
アンカーリンクを使用すると読者を記事内の特定の場所に直接リンクすることができます。
この記事では、WordPressでアンカーリンクを作成する方法について詳しく説明します。
 

アンカーの設定


  1. WordPressのブロックエディターを開き、アンカーを設定したい場所にカーソルを置きます。
  1. ブロックの上側にある「オプション」アイコン(「…」アイコン)をクリックし、ブロックの追加オプションを表示します。
    1.  
  1. 「HTML」を選択し、HTMLに のように、idを記載します。
    1. 今回は、見出し2に飛ばすようにしてみます。
      のような形式でアンカーを挿入します。
      の部分は、任意のアンカー名で大丈夫です。
      なるべくわかりやすい名前を設定した方が後々管理が楽になります。
 

アンカーリンクの挿入


  1. リンクを挿入したいテキストまたはオブジェクトを選択します。
    1.  
  1. リンクを挿入するために「リンクを挿入」ボタンをクリックします(チェーンのようなアイコン)。
    1.  
  1. URLフィールドに、先ほど作成したのアンカー名に#をつけて記載します。
    1. のような形式でアンカー名を入力します。 先ほど設定したアンカー名と一致している必要があります。
       
  1. リンクを追加すると、設定したアンカーにスクロールするリンクが作成されます。
 
これで、WordPressでアンカーリンクを作成する方法が完了しました。読者は、記事内の特定の場所に簡単に移動できるようになります。
 
 
 
その他 関連記事
 
 
ご意見・ご要望は「📩 お問い合わせ」にお願いいたします。
 
 
 
 
☑ New Post

 
Icons by icons8.com