メインコンテンツにスキップ

記事をフォーマットする

記事エディタでテキストスタイル、コールアウト、リスト、表、マルチメディアなどを使用して記事を整形します。

対応者:Alek Toumert

Knowledge内のKnowledgeのアーティクルエディタから公開記事や社内記事をフォーマットして、顧客、チームメイト、AIが必要な情報を簡単に読み取り抽出できるようにします。


テキストをフォーマットする

テキストをハイライトすると、テキスト書式オプションが表示されます。見出し、太字、斜体、インラインコード、リンクの追加や文字揃えが可能です。


別の記事へのリンクを挿入する

別の記事にリンクしたいテキストをハイライトします:

リンクアイコンをクリックすると、記事検索ウィンドウが表示されます:

記事のタイトルやcustom domainが変更された場合、既存のリンクは自動的にredirectして新しいURLに移動します。


エディタツールバー

アーティクルエディタのツールバー

エディタ下部のツールバーで次の操作を行えます:

画像を挿入する

デバイスから画像やGIFをアップロードするか、記事に直接貼り付けます。対応形式はPNG、JPEG、SVG、GIFです。画像をクリックしてリンク、altテキスト、配置、テキスト内にインライン表示、サイズ変更ができます。

他のワークスペースから画像をコピー&ペーストすることは推奨しません。画像を追加したワークスペースが非アクティブになると、たとえその前に記事に追加されていても画像が表示されなくなります。

画像の altテキストに説明を付けると、検索エンジンやスクリーンリーダーに対して画像がアクセシブルになります。

また、画像の周りにテキストを回り込ませることもできます。これにより、記事内の任意の場所に画像を配置する柔軟性が高まります。

注意:

  • 画像やGIFをアップロードする際の最大ファイルサイズは104MBです。

  • 画像の最大幅は記事のテキストカラム幅である650ピクセルです。

  • 公開後に画像やGIFが表示されない場合、通常は公開またはキャッシュの問題が原因です。これを修正するには、記事を非公開にして再度公開してみてください。それでも表示されない場合は、ブラウザをハードリフレッシュするかキャッシュをクリアして再試行してください。それでも解決しない場合は、サポートチームにお問い合わせください。

動画を埋め込む

YouTube、Vimeo、Wistia、Loom、JW Player、Microsoft Stream、Brightcove、Synthesiaを介して動画を埋め込めます。Supademo、Clueso、Arcade、Supercut、Tella、Storylane経由でデモコンテンツ(モバイル、html、スクリーンショット、ショーケース形式を含む)を埋め込むこともできます。

ツールバーの動画アイコンをクリックし、埋め込みポップアップに動画のURLを直接入力してこれらサポート対象の動画ホスティングサイトから動画を埋め込みます。

ヒント:YouTube Shortsを記事の本文に埋め込むには、次のパターンのURLを挿入します:https://www.youtube.com/shorts/[VIDEO_ID]

表を作成する

カスタマイズ可能な表を作成します。デフォルトは3x3で、エディタから列・行数を簡単に調整できます。

列の追加または削除

列を追加するには、任意の列の上部にあるドットにカーソルを合わせて列メニューを表示します。そこから次の操作ができます:

  • 左に列を追加

  • 右に列を追加

  • 列を削除

行の追加または削除

行を追加するには、任意の行の左のドットにカーソルを合わせて行メニューを表示します。そこから次の操作ができます:

  • 上に行を追加

  • 下に行を追加

  • 行を削除

注意:

  • テーブルは折りたたみセクションやコールアウト内には追加できません。

  • テーブルを削除すると、そのテーブル内のすべてのコンテンツも削除されます。

セルの背景色を変更するには、セルを選択して6つのプリセットカラーから選びます。背景色をリセットするには、セルを選択してカラ―リストの最後の白を選んでください。

列幅はドラッグハンドルで調整できます。

区切り線を挿入する

コンテンツをセクションに分けるために区切り線を追加します。👇


ボタンを挿入する

ボタンを挿入し、ターゲットURL付きのカスタムボタンテキストを追加します。ボタンをクリックしてテキストやリンクを編集したり、配置(左寄せまたは中央)を変更できます。

ボタンを削除する必要がある場合、最初にリンクを入力する必要があります。そうしないと削除オプションは空のリンクフィールドにデフォルトされ、実際のボタンを削除できなくなります。

リンクを入力した後は、ボタンを選択して削除するか、ボタンの後にカーソルを置いてキーボードのバックスペースを押してください。

注意:記事はカスタムJavaScriptやonclickハンドラをサポートしていません。記事に追加されたボタンはスタイル付きリンクとして表示され、クリックしてもJavaScriptは実行されません。ボタンからMessengerを開くには、Intercomがインストールされたアプリ内のページにリンクし、そこでJavaScript(例:Intercom('show'))でMessengerをトリガーしてください。

コールアウトを挿入する

コールアウトブロックを追加し、色を選択して記事内の重要な情報を強調できます。

コールアウトから抜けて記事本文の執筆を続けるには、単にコールアウト外をクリックしてください。

コールアウトを削除するには、コンテンツを削除してからもう一度キーボードのバックスペースキーを押してください。

コードを挿入する

コードブロックを追加するには、エディタ下部のツールバーを使うか、コードスニペットの先頭と末尾にバックティック3つ(```)を入力してください。完了したコードブロックは次のようになります:

example code block
example code block

Classic MessengerとAndroid SDKでは、コードブロックは構文ハイライトと行番号付きの専用のスクロール可能なブロックで表示されます。顧客はワンクリックでコードをコピーしたり、長いスニペットを読みやすくするためにフルスクリーン表示に拡大できます。

インラインコードを追加するには、コードスニペットの先頭と末尾にバックティック(`)を入力してください。次のようになります:

この行にはexample inline codeが含まれています。

挿入コード機能はコードブロックの表示専用です。このコードはアクティブではないため、要素、スタイル、スクリプト、タグはページに影響を与えません。

箇条書きまたは番号付きリストを作成する

番号付きリストを開始するには、'1.'と入力してスペースを押してください。これがリストの最初の行になり、改行すると次の番号に進みます。番号付きリストは次のようになります:

  1. 最初の行

  2. 2行目

  3. 3行目

箇条書きを開始するには、ダッシュ(-)またはアスタリスク(*)を入力し、新しい行の先頭にスペースを追加してから入力を続けてください。記事はこの行を箇条書きの最初の行にします。箇条書きは次のようになります:

  • 最初のポイント

  • 2つ目のポイント

  • 3つ目のポイント

ネストされたリストは、リスト項目でTabキーを押してください。ネストリストは次のようになります:

  • 第一レベルのポイント

  • 別の第一レベルポイント

    • ネストされたポイント

      • さらに深いネストポイント

リストを終了するには改行を2回押してください。


折りたたみセクションを追加

折りたたみセクションは補助情報を隠し、顧客が関連情報に集中できるようにします。

折りたたみセクションにコンテンツを追加する

コンテンツを追加するには、ツールバーからCollapsible Sectionを選択し、折りたたみセクション見出しの末尾でEnterを押して、テキストを入力または貼り付けます。折りたたみセクション内のコンテンツはややインデントされ見出しと揃って表示されます。

プロのコツ:折りたたみセクションから抜けるには下矢印キーを2回押してください。

Screen Capture on 2024-05-29 at 13-50-45.gif

折りたたみセクションには次が含まれます:

  • テキスト

  • 画像

  • 動画

  • ボタン

  • 区切り線

  • コールアウトブロック

  • コードブロック

  • リスト

  • ネストされた折りたたみセクション

ファイルを挿入する

デバイスからPDF、CSV、JPEG、PNG、MP4などのファイルをアップロードして記事に添付できます。これらは記事の下部に添付ファイルとして表示されます:

ファイル添付の画像

注意: 記事のHTMLでは、記事のタイトルは<header>タグで作成されます(H1ではありません)。記事タイトルのHTML形式を編集することはできません。ただし、補助技術のためにタイトル名でH1見出しを記事内に使用し、その後セクションを分けるためにH2やH3を使用できます。

こちらの回答で解決しましたか?