質問

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

回答

Guideを使用して、編集者のツールバーにある「リンクの挿入／編集」を選択して記事にアンカーを追加することができます。次の記事を参照してください：「記事へのリンクの挿入と編集」


この機能を使用する場合、カスタマーがアンカーリンクを選択したときに、見出しが表示されません。この問題を回避するには、アンカーリンクを記事の「ソースコード」内に作成します。

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

  1. 記事エディタが開いたら、「ソースコード」</>アイコンを選択します。
  2. リンクを使用してターゲットに設定するテキストに移動します。以下のコードスニペットをテキストの前に挿入します（通常、同じ行に挿入します）。
    <a name=your_anchor_name></a>
  3. 目的のアンカーリンク名を入力します。以下に、=アンカーの例を示します。
  4. これらの2つのオプションのいずれかを選択して、アンカーにリンクします。

オプション1

  1. リンクとして使用するテキストを選択し、「リンクの挿入/編集」アイコンをクリックします。
  2. 「見出し」タブ（編集者バージョンで表示している場合は「アンカー」タブ）を選択して、追加したアンカー名を見つけ、目的のアンカーを選択します。
  3. 「リンクを追加」をクリックします。

オプション2

  1. 「ソースコード」エディタで、リンクに含めるテキストを見つけます。以下のタグにテキストを入力します。
    <a href="#your_anchor_name">Link text</a>
    この記事の例では、「セクションI」をリンクにしたいと考えています。コードを以下から変更しました：
    <li>Section I</li>
    以下に変更しました：
    <li><a href="#section1">Section I</a></li>
    リンクテキストを開始および終了タグ＜a＞で囲んでください。そうしないとユーザーはクリックすることができません。

    以下の例は、記事が保存される前のリンクがエディタの背後でどのように見えるかを示しています。

    2.「OK」をクリックして変更を保存します。

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

完全なURLとハッシュタグを使用すれば、別のページのアンカーリンクにリンクすることもできます。以下に例を示します。

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

アンカーが同じページにある場合のみ、URLなしでハッシュタグを使用することができます。

アンカーリンクを数行分下に挿入するのではなく、ヘッダーに挿入する場合は、見出しと本文の間に改ページをいくつか含めます。

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

Powered by Zendesk