機能強化を施した最新の記事エディターは、より直感的で充実したコンテンツ作成機能を提供し、コンテンツ作成プロセスを効率化し、読者の記事の閲覧率を高められるように設計されています。
- 新しい編集ツール:画像周りのテキストラップ、テーブルエディター、Markdownのサポートなど。
- 改良されたソースコード:コンテンツブロック挿入時のソースコードの制御が向上。
- 記事のコンポーネント:HTMLブロック、記事の概要、水平線など。
記事を新しいエディター仕様に変換する
EAPに登録すると、既存の記事が自動的に新しい記事エディターの仕様に変換されます。新しいエディターで記事を開くと、まず新しいエディター仕様に変換され、コンテンツは「必要に応じて」移行されます。
いったん新しいエディター仕様に変換された記事は、以前の仕様に戻すことはできません。
記事編集ツール
記事エディターには、コンテンツ作成プロセスを合理化し、強化するために設計された新しい編集ツールが追加されています。新しい記事編集ツールを使用するには、ヘルプセンターで記事を作成または編集し、新しい記事エディターのツールバーから各ツールにアクセスします。次のエディターツールバーの図は、新しいツールまたは変更されたツールのツールバー上の配置を示しています。
テーブルエディター
新しいテーブルエディターには、テーブルセル内にカーソルを置いたときに利用可能な機能を表示するコンテクストツールバーがあります。
新しいテーブルエディターを使用するには、記事エディターツールバーのテーブルアイコンの下向き矢印をクリックし、テーブルに必要な行と列の数をマウスでドラッグします。
テーブルのセル内をクリックすると、コンテキストメニューが表示されます。
メニューオプションを使用して、テーブルをフォーマットします。テーブルツールとその使用方法については、以下の表を参照してください。
ツール | 名前 | 説明 |
---|---|---|
キャプションをオンに切り替える | テーブルの上部に中央揃えで表示されるテーブルのキャプションを入力できます。 | |
セルの結合 | セルを選択し、クリックして結合するか、下矢印をクリックして結合および分割の追加オプションを選択します。 | |
セルのプロパティ | セルのプロパティウィンドウを表示して、以下のオプションを設定できます。
|
|
列 | 下矢印をクリックして以下のオプションを選択します。
|
|
テーブルのプロパティ | テーブルのプロパティウィンドウを表示して、以下のオプションを設定できます。
|
|
行 | 下矢印をクリックして以下のオプションを選択します。
|
|
テーブルを選択 | テーブルを選択して、以下の操作を実行します。
|
画像ツール
- 画像の周囲にテキストを回り込ませる
- 画像のサイズを変更する
- ALTテキストを追加して、記事のアクセシビリティを高める
画像ツールを使うときは、画像をクリックしてから、使いたいツールを選択します。
使用できる画像ツールとその使用方法については、以下の表を参照してください。
ツール | 名前 | 説明 |
---|---|---|
テキストを折り返し表示 | 画像の左側または右側にテキストを回り込ませます。 | |
画像を整列 | 記事内の画像の配置(右側、左側、中央)を指定します。 | |
画像のサイズ変更 | 画像を拡大するオプション(25%、50%、75%、100%)を選択できます。また、適切なサイズになるまで画像の隅をドラッグしてサイズを変更することもできます。 | |
ALTテキスト | 画像に使用するALTテキストの入力フィールドを表示します。スクリーンリーダー(画面読み上げソフトウェア)によって読み上げられるALTテキストは、記事のアクセシビリティを高めます。詳しくは「アクセシブルなヘルプセンターコンテンツの作成」を参照してください。
メモ:ALTテキストは記事内の画像の場所に追加されるもので、ヘルプセンター内の画像のすべてのインスタンスには追加されません。
|
コンテンツ要素のドラッグ&ドロップ機能
新しいドラッグ&ドロップ機能を使って、段落、コンテンツブロック、画像、テーブルなどの要素を記事エディター内で移動することができます。
- 要素をクリックして選択します。段落を移動する場合は、段落全体を選択する必要があります。
- 要素を新しい位置にドラッグして、ドロップします。要素をドラッグしている間、元の位置はハイライトされたままです(下の画像では赤で囲まれている)。
Markdownを使ったテキストの書式設定
- 太字:
**text**
または__text__
と入力する - 斜体:
*text*
または_text_
と入力する - コード:
`text`
と入力する - 記号付きリスト:行の先頭に
*
または-
を置き、後に続けてスペースを挿入する - 番号付きリスト:行の先頭に
1.
または1)
を置き、後に続けてスペースを挿入する - 見出し:行の先頭に
#
、##
または###
を置き、後に続けてスペースを挿入し、見出し1、見出し2、見出し3を作る(options
で、さらに見出し6まで定義できる) - 引用ブロック:行の先頭に
>
を置き、後に続けてスペースを挿入する - コードブロック:行の先頭に
```
を置く - 水平線:行の先頭に
---
を置く
ソースコードの改良
- HTMLブロック:以前はコンテンツブロックでのみ利用可能でしたが、HTMLブロックは挿入可能な記事コンポーネントとして記事エディターでも利用できるようになりました。詳しくは、後述の「記事のコンポーネント」を参照してください。
-
コンテンツブロック使用時のコードの明瞭化:以前は、記事エディターでコンテンツブロックの上にカーソルを置くと、コンテンツブロックの上のHTMLコードのテキストしか見ることができませんでした。コンテンツブロックの下にあるコードを見るには、エディターに戻ってカーソルをコンテンツブロックの下に置く必要がありました。この問題は解決され、カーソルが記事のどの位置にあっても、コンテンツブロックの上下に記事のソースコードを表示できるようになりました。
コンテンツブロックは、記事のソースコードのID番号で識別されます。この改良により、HTMLビューでコンテンツブロックIDの上下にソースコードを表示できるようになりました。
記事のコンポーネント
HTMLブロック
HTMLブロックを使用すると、記事内の複雑なHTMLコードにすばやくアクセスして編集することができ、記事エディター内で編集できないコードブロックを操作したり、ヘルプセンター内で安全な方法で表示したりできます。
HTMLブロックにより、HTML要素でサポートされていないコードをコピーしてソースコードエディターに貼り付けることができます。そのコードはHTMLブロックにラップされ、記事エディター内に表示されます。記事エディター内でHTMLブロックをクリックするとソースコードエディタが開き、そのブロックのコードだけが表示されます。このフォーカスビューを使用すると、記事全体のソースコードをスクロールすることなく、選択したコンテンツのHTMLを操作できます。
- 編集():ソースコードエディターでHTMLコードを編集します。また、このビューで「アクション」メニューをクリックすると、スタイルの解除、リンクの解除、ブロックの削除などができます。
- リンク解除():HTMLブロックをインライン化し、サポートされていないマークアップをコンテンツから削除します。コードのリンクを解除する前に、削除されるコードをプレビューすることができます。
- 削除():HTMLブロックを、そのブロック内のテキストとコードもいっしょに記事から削除します。「削除」をクリックすると、確認を求められることなくHTMLブロックは即座に削除されます。元に戻すことはできません。
- ヘルプセンターまたはGuideの管理で、記事を作成または編集します。
- 記事エディターのツールバーにあるソースコードアイコン()をクリックします。
- ソースコードエディタで、使用したいサポートされていないソースコードを作成または編集します。
- 「適用」をクリックしてコードを保存し、記事エディターに戻ります。サポートされていないコードは、エディター内にHTMLブロックとして表示されます。
HTMLブロックをクリックして追加オプション(編集、リンク解除、削除)を表示したり、エディタ内でブロックをドラッグして、要素を別の場所に移動することができます。
水平線
- ダッシュを3つ(---)入力し、Enterキーを押す。
- 記事エディターのツールバーにある「記事のコンポーネント」ボタン()をクリックし、「水平線」を選択します。
記事の概要
記事概要コンポーネントをヘルプセンターの記事に挿入することで、記事上部の網掛けボックスに記事の内容の要約を表示することができます。
早期アクセスプログラム(EAP)の期間中、このコンポーネントはAIを利用した概要を提供します。EAPが終了した後は、AIを利用した概要を作成するための「高度なAI」アドオンが必要になります。
- 「高度なAI」アドオンを持っていない場合は、空白の記事の概要を作成し、テキストボックスに概要を入力することができます。
- アドオンがあれば、AIを利用して概要を生成するオプションも表示されます。
- ヘルプセンターまたはGuideの管理で、記事を作成または編集します。
- 記事エディターのツールバーにある「記事のコンポーネント」ボタン()をクリックし、「概要」を選択します。
- 次のいずれの操作も可能です。
- 「概要」フィールドに概要を入力する。
- 「概要」フィールドをクリックしてAIメニューを表示し、「生成」をクリックする。
AIが作成した概要が網掛けボックスに表示されます。概要を生成し直したい場合は、生成結果に満足するまで何度も「再生成」をクリックします。
- 「保存」をクリックします。