Knowledge内の記事エディターから公開および内部記事をフォーマットし、顧客、チームメイト、AIが必要な情報を簡単にスキャン・抽出できるようにします。
テキストをフォーマットする
テキストをハイライトすると、テキストの書式設定オプションが表示されます。見出し、太字、斜体、インラインコード、リンク、またはテキストの配置を追加できます。
別の記事へのリンクを挿入する
別の記事にリンクしたいテキストをハイライトしてください:
リンクアイコンをクリックすると、記事検索ウィンドウが表示されます:
記事のタイトルまたはカスタム domain が変更された場合、既存のリンクは自動的に新しいURLにリダイレクトされます。
エディターツールバー
エディター下部のツールバーを使って以下の操作を行います:
画像を挿入する
デバイスから画像やGIFをアップロードするか、記事に直接貼り付けます。対応形式はPNG、JPEG、SVG、GIFです。画像をクリックするとリンク、代替テキスト、配置、テキストとのインライン化、サイズ変更ができます。
他のワークスペースから画像をコピー&ペーストするのは推奨しません。コピー元のワークスペースが非アクティブになると、記事に追加済みの画像も表示されなくなります。
altテキストに説明を入れることで、画像が検索エンジンやスクリーンリーダーに対応します。
画像の周りにテキストを回り込ませることもできます。これにより、記事内の任意の場所に画像を柔軟に配置できます。
画像やGIFのアップロード時の最大ファイルサイズは104MBです。
画像の最大幅は650ピクセルです。これは記事のテキストカラムの幅に合わせています。
注意:公開後に有効な画像やGIFが表示されない場合は、公開やキャッシュの問題が原因です。
これを解決するには、記事の公開を取り消して再度公開してください。画像がまだ表示されない場合は、ブラウザのハードリフレッシュやキャッシュクリアを試してください。それでも解決しない場合はサポートチームにお問い合わせください。
動画を埋め込む
YouTube、Vimeo、Wistia、Loom、JWPlayer、 Brightcove、Synthesia、Guidde経由で動画を埋め込めます。Supademoコンテンツ(モバイル、html、スクリーンショット、ショーケース形式を含む)も埋め込み可能です。
ツールバーの動画アイコンをクリックし、対応する動画ホスティングサイトのURLを埋め込みポップアップに直接入力して動画を埋め込みます。
ヒント:記事本文にYouTube Shortsを埋め込むには、次の形式でURLを挿入します:https://www.youtube.com/shorts/[VIDEO_ID]
表を作成する
ツールバーから表を追加した後、列や行の数を簡単に調整できます。各行や列の端の点にカーソルを合わせると、セルを追加(上、下、左、右)または削除できます。
|
|
|
|
|
|
|
|
|
表を削除すると、その表内のすべての内容も削除されます。
セルの背景色を変更するには、セルを選択して6つのプリセットカラーから選びます。背景色をリセットするには、セルを選択して白(カラーリストの最後のオプション)を選びます。
ドラッグハンドルを使って表の列幅を調整します。
区切り線を挿入する
区切り線を追加してコンテンツをセクションに分けます。👇
ボタンを挿入する
ボタンを挿入し、カスタムボタンテキストとターゲットURLを追加します。ボタンをクリックするとテキストやリンクの編集、配置(左寄せまたは中央揃え)ができます。
ボタンを削除するには、最初にリンクを入力する必要があります。リンクが空の場合、削除オプションは空のリンクフィールドにデフォルトされ、実際のボタンを削除できません。
リンクを入力すると、ボタンを選択して削除するか、カーソルをボタンの後ろに置いてキーボードのバックスペースを押して削除できます。
注意:記事はカスタムJavaScriptやonclickハンドラーをサポートしていません。記事に追加されたボタンはスタイル付きリンクとして表示され、クリックしてもJavaScriptは実行されません。Messengerをボタンから開くには、Intercomがインストールされたアプリ内のページにリンクし、そこでJavaScript(例:Intercom('show'))でMessengerを起動してください。
コールアウトを挿入する
コールアウトブロックを追加し、色を選択して記事内の重要な情報を強調します。
コールアウトから抜けて記事本文の執筆を続けるには、コールアウトの外をクリックしてください。
コールアウトを削除するには、内容を削除してからキーボードのバックスペースキーをもう一度押してください。
コードを挿入する
コードブロックを追加するには、エディター下部のツールバーを使うか、コードスニペットの前後に3つのバックティック(```)を入力します。完成したコードブロックは次のようになります:
example code block
example code block
インラインコードを追加するには、コードスニペットの前後にバックティック(`)を入力します。次のように表示されます:
この行には例のインラインコードが含まれています。
コード挿入機能はコードブロックの表示専用です。このコードはアクティブではなく、要素、スタイル、スクリプト、タグはページに影響しません。
箇条書きまたは番号付きリストを作成する
番号付きリストを始めるには「1.」と入力し、スペースを入れてから入力を続けます。これがリストの最初の行になり、リターンキーで次の番号に進みます。番号付きリストは次のようになります:
最初の行
2行目
3行目
箇条書きリストを始めるには、ダッシュ(- )またはアスタリスク(*)を入力し、新しい行の先頭にスペースを入れてから入力を続けます。記事はこの行を箇条書きリストの最初の行にします。箇条書きリストは次のようになります:
最初のポイント
2番目のポイント
3番目のポイント
ネストされたリストは、リスト項目にカーソルを置いてタブキーを押すだけです。ネストされたリストは次のようになります:
第一レベルのポイント
別の第一レベルのポイント
ネストされたポイント
さらに深いネストされたポイント
リストを終了するにはリターンキーを2回押します。
折りたたみセクションを追加
折りたたみセクションは補助情報を隠し、顧客が関連情報に集中できるようにします。
折りたたみセクションにコンテンツを追加する
折りたたみセクションにコンテンツを追加する
コンテンツを追加するには、ツールバーから折りたたみセクションを選択し、折りたたみセクション見出しの最後でEnterを押して既存の情報を入力または貼り付けます。折りたたみセクション内のコンテンツは少しインデントされ、見出しと揃います。
折りたたみセクションに含められるもの:
テキスト
画像
動画
ボタン
区切り線
コールアウトブロック
コードブロック
リスト
ネストされた折りたたみセクション
ファイルを挿入する
デバイスから記事にファイル(PDF、CSV、JPEG、PNG、MP4)をアップロードして添付します。これらは記事の下部に添付ファイルとして表示されます:
注意:記事のHTMLでは、記事タイトルは<header>タグ(H1ではありません)で作成されます。記事タイトルのHTML形式は編集できません。ただし、支援技術のためにタイトル名でH1見出しを記事内に使用し、記事内のセクション区切りにはH2やH3を使用できます。











