エディターの使い方
なおと / naoto.k ここでは、記事を書いたり編集する画面「エディター」の使い方について紹介します。
実際の公開画面とエディターは、ほとんど同じ見た目で構成されていますので、直感的に操作することができます。
基本的な使い方
エディターは、それぞれの要素が「ブロック」として構成されています。テキストや画像などは全て1つずつのブロックとして、積み重ねるような感覚で使います。
- テキスト入力後、Enterを押すと新たな段落が追加されます。改行はShift+Enterを使います。
- 「下書き保存」をすることで、公開することなく記事を保存できます。複数の記事を並行して書く場合に便利です。
追加メニュー
エディター内にカーソルがある場合に表示される「」ボタン、または/で追加メニューが開きます。
追加メニューから各種ブロックの追加ができます。
設定メニュー
ブロックにカーソルがある場合に表示される「」ボタン、またはCtrl+/で設定メニューが開きます。
設定メニューからブロックの移動や削除、一部のブロックでは中央寄せや右寄せの配置設定などができます。ブロックの移動は「」ボタンをドラッグすることでも可能です。
文字の装飾
見出しを追加して段落ごとに区切ったり、太字やマーカーを使って文字を強調することで、より読みやすく理解しやすい文章にすることができます。
文字を選択すると次のようなツールバーが表示されます。
【ツールバーの項目】
※ブロックによっては項目が違ったり、ツールバー自体が表示されません。
- 変換
- リンク
- 太字
- 斜体
- 下線
- マーカー
文字の配置
段落と見出しは文字の配置を変えることができます。設定メニューから左寄せ・中央寄せ・右寄せを選択できます。
ブロック一覧
段落
最も使用頻度が高いブロックです。適度に段落分けすることで読みやすい記事になります。
- Enterを押すことで段落ブロックが追加されます。
- 段落内での改行はShift+Enterを使います。
見出し
段落ごとに区切ったり、文章の流れが変わる場合などに使います。特に、文字数が多い記事には必須です。
見出しは2・3・4という段階(レベル)があり、昇順で2→3→4という形で使用します。見出し2を使ったら必ず3と4を使う必要はありませんが、見出し3を使う場合は、見出し2の次に使用してください。
- 入れ子形式で使用します。見出し2は3が入り、見出し3には4が入ります。入れ子形式であれば、見出しが連続しても問題ありません。
- 見出しレベルは設定メニューから変更できます。
画像
1枚の画像を追加する場合に使用します。それぞれの画像には説明文(キャプション)を追加できます。説明文があると画像が理解しやすく、アクセシビリティの観点でも有効です。画像を直接エディター上にドラッグ&ドロップすることでも画像ブロックとして追加できます。
- 1記事につき最大40枚まで画像を追加できます。総枚数はスライダー内の画像も含まれます。
- jpg、png、webpファイルがアップロードできます。
スライダー
多くの画像を使用したい時に最適なブロックです。横にスライドできる、スライドショーのような形で画像を追加できます。
- 2枚以上の画像が必要です。
- 1つのスライダーブロックに対して最大20枚まで画像を追加できます。
- エディター上では実際の動作はしません。プレビュー画面または公開画面で動作を確認できます。
リスト
箇条書きでテキストを追加します。
- Enterを押すとリスト項目が追加されます。2回押すことで段落ブロックに戻ります。
順序付きリスト
手順などを分かりやすく示す場合に使用します。上から順番に数字が付きます。
- Enterを押すとリスト項目が追加されます。2回押すことで段落ブロックに戻ります。
便利な機能
リストビュー
PCでは左側の「リストビュー」、タブレットやスマホでは上部の「」ボタンを押すことで、そのページで使われているブロック一覧が表示されます。そのブロックに対してスクロールしたり、削除ができます。
プレビュー
公開前に、実際の公開画面と同じ画面で記事の確認ができます。
キーボードショートカット
ブロックの追加や太字の適用など、使用頻度が高い項目については特定のキーボード操作をすることで素早く作業ができるようになります。
自動保存
エディターには、内容が変更されたときに、定期的に下書き保存をする自動保存機能が搭載されています。
万が一エディターを使っているときに停電したりインターネット接続が途切れても、自動保存された内容はサーバー側に残ります。自動保存が行われた場合は「下書き保存」ボタンの左上にチェックマークが表示されます。※公開済みの記事では自動保存は行われません。
他にご質問がありましたら「サポートリクエスト」を送信してください。
お探しの情報は見つかりましたか？
