Usage Guide

記事エディタの基本操作

記事エディタの画面構成と、本文編集、装飾、埋め込み確認の基本的な流れを整理します。

エディタ全体の構成が分かる
本文編集の起点が分かる
埋め込みやプレビューとの関係を理解できる

このページで分かること

各セクションの見出しから直接ジャンプできます。

SECTION 1

エディタ画面の見方

エディタでは、本文編集エリア、補助的な設定、保存や確認の導線が同じ画面にまとまっています。最初は全体の配置を把握することが重要です。

  • 本文を書く場所を確認する
  • 保存や確認の導線を把握する
  • 設定系の入口がどこにあるかを見る

ここに「記事エディタ全体」部分が映るスクショを貼り付け

実スクリーンショット取得後、この仮枠を差し替える

ここに「エディタ上部の主要操作」部分が映るスクショを貼り付け

実スクリーンショット取得後、この仮枠を差し替える

SECTION 2

本文を組み立てる

本文は、見出しと段落を先に作ってから、必要な装飾や埋め込みを足すと整理しやすくなります。使い方ページでもその順番で説明すると伝わりやすくなります。

  • 見出しで構造を先に作る
  • 本文を流れに沿って入れる
  • あとから装飾や補足要素を追加する

ここに「本文編集エリア」部分が映るスクショを貼り付け

実スクリーンショット取得後、この仮枠を差し替える

ここに「見出しや段落を入力している画面」部分が映るスクショを貼り付け

実スクリーンショット取得後、この仮枠を差し替える

SECTION 3

装飾や補助機能を使う

エディタには、文章の読みやすさを整えるための補助機能があります。最初は全部覚える必要はなく、よく使う操作から順に慣れていけば十分です。

  • 基本的な装飾導線を確認する
  • 画像や埋め込みを差し込む位置を把握する
  • 設定系のシートやモーダルがどこから開くかを見る

ここに「エディタツールバー周辺」部分が映るスクショを貼り付け

実スクリーンショット取得後、この仮枠を差し替える

ここに「補助機能を開いた画面」部分が映るスクショを貼り付け

実スクリーンショット取得後、この仮枠を差し替える

SECTION 4

迷わない進め方

基本は、本文を作る、保存する、プレビューで確認する、必要なら戻って修正する、の繰り返しです。操作を小さく区切ると作業が安定します。

  • 書く
  • 保存する
  • 確認する
  • 必要なら修正する

ここに「エディタの基本ループが分かる画面」部分が映るスクショを貼り付け

実スクリーンショット取得後、この仮枠を差し替える