記事エディタの基本操作
記事エディタの画面構成と、本文編集、装飾、埋め込み確認の基本的な流れを整理します。
エディタ全体の構成が分かる本文編集の起点が分かる埋め込みやプレビューとの関係を理解できる
エディタ画面の見方
エディタでは、本文編集エリア、補助的な設定、保存や確認の導線が同じ画面にまとまっています。最初は全体の配置を把握することが重要です。
- 本文を書く場所を確認する
- 保存や確認の導線を把握する
- 設定系の入口がどこにあるかを見る
ここに「記事エディタ全体」部分が映るスクショを貼り付け
実スクリーンショット取得後、この仮枠を差し替える
ここに「エディタ上部の主要操作」部分が映るスクショを貼り付け
実スクリーンショット取得後、この仮枠を差し替える
本文を組み立てる
本文は、見出しと段落を先に作ってから、必要な装飾や埋め込みを足すと整理しやすくなります。使い方ページでもその順番で説明すると伝わりやすくなります。
- 見出しで構造を先に作る
- 本文を流れに沿って入れる
- あとから装飾や補足要素を追加する
ここに「本文編集エリア」部分が映るスクショを貼り付け
実スクリーンショット取得後、この仮枠を差し替える
ここに「見出しや段落を入力している画面」部分が映るスクショを貼り付け
実スクリーンショット取得後、この仮枠を差し替える
装飾や補助機能を使う
エディタには、文章の読みやすさを整えるための補助機能があります。最初は全部覚える必要はなく、よく使う操作から順に慣れていけば十分です。
- 基本的な装飾導線を確認する
- 画像や埋め込みを差し込む位置を把握する
- 設定系のシートやモーダルがどこから開くかを見る
ここに「エディタツールバー周辺」部分が映るスクショを貼り付け
実スクリーンショット取得後、この仮枠を差し替える
ここに「補助機能を開いた画面」部分が映るスクショを貼り付け
実スクリーンショット取得後、この仮枠を差し替える
迷わない進め方
基本は、本文を作る、保存する、プレビューで確認する、必要なら戻って修正する、の繰り返しです。操作を小さく区切ると作業が安定します。
- 書く
- 保存する
- 確認する
- 必要なら修正する
ここに「エディタの基本ループが分かる画面」部分が映るスクショを貼り付け
実スクリーンショット取得後、この仮枠を差し替える