コンテンツへスキップ

カスタムロゴリンクとナビゲーションリンクの追加方法

本ガイドでは、ロゴにカスタムURLを設定する方法と、ドキュメントのヘッダーおよびフッターにナビゲーションリンクを作成する方法を説明します。これらのリンクを設定することで、ユーザーはメインのウェブサイトや製品ページ、その他の主要なリソースへ簡単に移動できるようになります。これらの設定を行うには、プロジェクトがすでに公開されている必要があります。

  • プロジェクトページから設定アイコンをクリックし、プロジェクト設定 (Project Settings) を開きます。
  • 左側のメニューから 公開 (Publishing) タブを選択します。
Documentation image

カスタムロゴリンクの追加

  • ナビゲーション (Navigation) タブに移動します。
  • カスタムロゴリンク (Custom Logo Link) のスイッチを「オン」にします。
  • 表示された ロゴリンクURL (Logo Link URL) フィールドに、ロゴをクリックした際にユーザーを誘導したい完全なURLを入力します。
Documentation image

ヘッダーリンクの追加

  • ナビゲーション設定 (Navigation Settings) セクションの下にある + リンクを追加 (+ Add Link) ボタンをクリックします。
  • リンクテキスト (Link Text) フィールドにリンクの表示名(例:「アプリをダウンロード」など)を入力します。
  • URL フィールドにリンク先のURLを入力します。
  • 表示 スタイル (Style) を選択します。リンク (Link)プライマリボタン (Primary Button)、または セカンダリボタン (Secondary Button) から選択可能です。
  • 必要に応じて、新しいタブで開く (Open in new tab) スイッチをオンにすると、リンクをブラウザの新しいタブで開くことができます。
Documentation image

フッターリンクの追加

  • ページを下にスクロールして フッター設定 (Footer Settings) セクションを表示します。
  • フッターリンク (Footer Links) の下にある + リンクを追加 (+ Add Link) ボタンをクリックします。
  • フッターリンクの リンクテキスト (Link Text)URL を入力します。
Documentation image

変更の公開

  • ページ下部にある 設定を保存 (Save Settings) ボタンをクリックします。
  • 公開メイン画面に戻ります。変更を公開 (Publish Changes) ボタンをクリックすると、新しいリンクが反映されます。
Documentation image

まとめ

この記事では、公開されたドキュメントにカスタムナビゲーションを追加して利便性を高めるための手順を解説しました。ロゴへのカスタムリンク設定、ヘッダーへのリンクやアクションボタンの追加、そしてフッターへの便利なリンクの追加方法を網羅しています。これらの機能を活用することで、ユーザー体験が向上し、ドキュメントとメインのウェブサイトやアプリケーションとの連携がよりスムーズになります。

関連情報