記事内に手動でアンカーリンクを作成するにはどうすればよいですか？

記事内に手動でアンカーリンクを作成するにはどうすればよいですか？

回答

ナレッジベースの次の記事の説明に従い、エディタツールバーの「リンク」ボタンを使用して、目的の記事にアンカーを追加します：「記事へのリンクの挿入と編集」

この機能を使用する場合、カスタマーがアンカーリンクを選択してもセクションタイトルが表示されません。この問題を回避するには、記事のソースコード内にアンカーリンクを作成します。

アンカーリンクを手動で作成する

1. 記事エディタで、「HTML」アイコンまたは「ソースコード」アイコンを選択します。

   1. 

2. 目的のテキストに移動し、同じ行のテキストの前に以下のコードスニペットを挿入します。

   id="your_anchor_name">

3. アンカー名を入力します（例：id="your_anchor_name">）
   
4. 以下に示す2つの方法のいずれかで、アンカーにリンクします。

オプション1：

1. リンクとして使用するテキストを選択し、「リンク」アイコンをクリックします。
2. 「見出し」タブを選択し、追加したアンカー名を探し（または、エディター内の「アンカー」タブ）、そのアンカーを選択します。
3. 「リンクを追加」をクリックします。

オプション2：

1. 「ソースコード」エディターで、リンクに含めるテキストを探します。次に、アンカーターゲットの「id」を指すテキストを以下のようにタグで囲みます。

   <a href="#your_anchor_name">Link text</a>

   以下に、「Section I」をリンクに含める場合の例を示します。

   最初に、セクションタイトルに一意の「id」属性を指定することにより、アンカーターゲットを設定します。

   <h2 id="section1">Section I</h2>

   次に、リンクコードを以下のように変更します。

   <li>Section I</li>

   以下に変更しました：

   <li><a href="#section1">Section I</a></li>

   ユーザーが選択できるように、リンクテキストを<a>タグで囲みます。
   
   以下の例は、記事が保存される前のリンクがエディター内でどのように表示されるかを示しています。
   
   2.「適用」をクリックして変更内容を保存します。

アンカーが目的の位置よりも数行下に表示される場合、画面上部のツールバーが干渉している可能性があります。その場合は、ツールバーを最小化して、もう一度アンカーリンクをテストしてください。

別のページのアンカーターゲットにリンクすることもできます。完全なURLのほかに、アンカーの「#」記号と「id」値を指定します。以下に例を示します。

<a href="https://support.zendesk.com/entries/98542436#some_anchor_name"></a>

ヘルプセンターURLの例：https://yoursubdomain.zendesk.com/hc/en-us/articles/123456#some_anchor_name

アンカーターゲットが同じページにある場合は、「#」記号（例：href="#section1"）だけを指定します。ターゲットが別のページにある場合は、最初に完全なURLを含めてから「#id_value」を指定します。

アンカーリンクを下の行ではなくセクションタイトルに移動するには、セクションタイトルと本文の間に改ページをいくつか追加します。

詳細については、「記事へのリンクの挿入と編集」を参照してください。