整形済みブロック

タイプ入力したとおりにテキストが表示される方法で投稿やページにテキストを追加するには、「整形済みブロック」が適しています。「ブロック挿入」アイコンをクリックすると、このブロックを作成できます。

空の段落ブロックで「/整形済み」と入力して Enter キーを押す方法でもすばやく作成できます。

ブロックを追加する手順の詳細についてはこちらを参照してください。

整形済みブロックには段落ブロックやソースコードブロックと似ている点がたくさんあります。整形ブロックはこの2つを統合したものと考えてください。

段落ブロックと同じように、整形済みブロックはテキスト表示を主眼としています。段落ブロックと異なる点を挙げると、整形済みブロックは入力したとおりにスペースや改行が表示されます。

ソースコードブロックとの類似点を挙げると、整形済みブロックは固定幅フォントで表示されるため、テキストを非常に細やかに調整できます。一方、整形済みブロックには、スタイル設定やハイパーリンク追加機能（以下の説明を参照）も含まれていますが、ソースコードブロックにこれらの機能はありません。

ブロックツールバーを表示するには、ブロックをクリックします。各ブロックに独自のツールバーアイコンとユーザーコントロールが備わっており、エディターで直接ブロックを編集できます。

整形済みブロックのツールバーには、ベーシックな書式設定オプションがそろっています。

このツールバーにはスタイル設定オプションとして太字、斜体、~~取り消し線~~の3つがあり、加えてハイパーリンクボタンがあります。この点は通常の段落ブロックと共通です。

すべてのブロックでは、ブロックツールバーのオプションに加えて、エディターのサイドバーに独自のオプションが表示されます。サイドバーが表示されない場合は、「公開」ボタンの隣にある歯車アイコンをクリックしてください。

整形済みブロックでサイドバー設定に用意されているオプションは、高度な設定のタブのみです。

以下の設定で、ブロックのテキストの外観を調整します。

設定が表示されていない場合は、「タイポグラフィ」の右側にある3つの点をクリックします (右図)。その後、以下のアクセスするオプションを選択できます。

「フォントサイズ」ではテキストのサイズを調整できます。S サイズ、M サイズ、L サイズなど、プリセットされたサイズから選択できます。

また、以下のスクリーンショットで「1」と表示されているデフォルトの選択項目の真上にあるスライダーアイコンをクリックすると、具体的な値を設定できます。以下のスクリーンショットの「2」をクリックすると、単位を変更することができます。選択肢はemまたはremのピクセルです。

フォントファミリーは、使用するフォントスタイルを変更するオプションです。ドロップダウンメニューでフォントの一覧から選択します。

「外観」では、通常とイタリックの間、細字から極太の範囲で文字のスタイルを変更できます。

「行の高さ」では、テキストの上下の間隔を設定します。0を選択する場合は、モバイル端末でサイトを確認してください。

「装飾」には、下線と~~打ち消し線~~のオプションがあります。

「大文字小文字」ではすべて大文字、先頭文字のみ大文字、すべて小文字のいずれかにテキストを設定できます。

「文字間隔」では、テキストの文字間隔を設定します。単位は、デフォルト (ピクセル) から、パーセント、em、rem、vw、vhに変更できます。相対単位の詳細についてはこちらをご覧ください。

高度な設定のタブでブロックに CSS クラスを追加することで、カスタム CSS を記述してブロックを好きなようにスタイリングできます。