ツールバーで使える便利なオプション

STORK SEでは、ブロックエディタのツールバーを機能拡張して便利なオプションを追加しています。

※この動画はSTORK19の画面になります。

ブロックツールバーで使える便利なオプション

文章やブロックの編集に活用できる、STORK SEのツールバーオプションを紹介します。

ブロック上下の余白(マージン)の調節

直接ツールバーからブロックの上下の余白(マージン)を調節できます。ブロックごとに上と下の余白(マージン)を指定できるため、ブロックの間隔の調節に活用できます。

ブロック上下の余白(マージン)の調節
  • 0 … マージンなし
  • SS … デフォルトマージンの半分
  • S … デフォルトマージン
  • M … デフォルトマージンの2倍
  • L … デフォルトマージンの3倍

デフォルトマージンは、行間とマージンの調節のオプション「段落下のマージン」で設定している値が反映されます。

画面サイズに応じた文章の改行

画面サイズ(PCとタブレット / モバイル)に応じて改行させることができます。

ツールバーから改行を挿入するとショートコードが挿入され、画面サイズ(ブレイクポイント)に応じてbrタグが機能する仕組みになります。

画面サイズに応じた改行の表示サンプル

ブロックツールバーから、画面サイズに応じて改行を指定するショートコードを挿入でき、
ここはPCとタブレットのみで改行しています。

これは段落ブロックです。
ここはスマホのみで改行しています。

マーカー(アンダーライン)

このようにテキストにマーカーをひくことができます。太字と組み合わせてより強調することもできます。

マーカー

ラベル

インラインレベルでテキストをラベル化することができます。

ラベル

フォントサイズ

インラインレベルでテキストのフォントサイズを変更できます。

フォントサイズ

その他のオプション

その他、以下のようなツールバーオプションもあります。

テキストを太字にする

BOLD(CSS)のオプションでは、strongタグを使用しない装飾としての太字を設定できます。

SEO的にstrongタグを使いたくないけど、見た目的には太字にしたい場合などに便利です。

アイコンを挿入する

FontAwecome Iconのオプションでは、 Font Awesomeのアイコンを呼び出すことができます。詳しい使い方については、こちら(STORK19のページ)でご確認ください。

段落内などでこのような アイコンを挿入できます。例えばこのようにレビュースター を作成するなど、工夫次第でさまざま活用できます。

Googleフォント

Googleフォントを適用のオプションでは、インラインテキストにGoogle Fontを適用できます。

フォント設定のオプションで設定したGoogleフォントが適用されます。

ルビをふる

ふりがな(ルビ)のオプションでは、みづらい漢字かんじなどにふりがな(ルビ)を入れることができます。