ブロックエディタで記事を書く – シンブログサポートサイト

ブロックエディタ(Gutenberg)について

ブロックエディタ(Gutenberg)とは、記事内の文章や画像をブロック単位で編集できる機能のことを指します。
従来のクラシックエディタと異なり、HTMLやCSSの知識がなくても、デザインやレイアウトの調整を簡単に行うことができます。

記事投稿画面にて「＋」をクリック、もしくは直接「/」を入力します。
標準では「段落」が自動的に選択された状態になっています。

使用したいブロックを選択します。
(このサンプルでは「見出し」を選択します)

選択したブロックが画面に追加されます。
新たにブロックを追加したい場合は、再び「＋」をクリックします。

ブロックエディタでは、入力した段落ブロックを別のブロックへ変換することが可能です。
あらかじめ入力した文章を後からふき出しやアイコンボックス等に変更できます。

記事投稿画面で変換したい段落ブロックを選択し、アイコンをクリックします。

変換可能なブロックタイプの一覧とプレビューが表示されます。
一覧から変換するブロックを選択します。
(このサンプルでは「ふき出し」を選択します)

選択したブロックへ変換が反映されます。

削除したいブロックをクリックして選択します。
(選択したブロックには青い枠が表示されます)

「BackSpace」もしくは「Delete」キーを押すと、ブロックが削除できます。

当社の機能アップデート後やユーザーにてブロックをhtmlで編集した際などに、ブロックのリカバリーが必要になることがあります。
「ブロックのリカバリーを試行」を押すと、ブロックをリカバリーできます。

記事投稿画面に表示されるツールバーでテキストの装飾を細かく設定できます。
一部分だけ文字の大きさを変えたい、文章にマーカーを引きたいといった時に便利な機能です。

ツールバー内の以下のアイコンで設定が可能です。