WordPress5.0より追加されたブロックエディタ（Gutenberg）で使うことができる、STORK19だけのオリジナル機能を紹介します。
ボックスや関連記事、記事リストなどのオリジナルブロックはもちろん、標準ブロックやツールバーの機能拡張も施し、使いやすさを追求しています。
簡単にデザイン性の高い装飾を追加することが可能です。
各ブロックの詳しい使い方は、ブロックエディタ機能の記事一覧ページにてご覧ください。
アコーディオンブロック
開閉式のコンテンツ（アコーディオンメニュー）を表示できます。（ver.1.1.0〜）
- タップ（クリック）することで内容が表示されます。
- CSSを利用した動作であるため、非常に軽量に動作します。
- サイトの見出しの背景色（すこし薄くしたもの）が適用されます。
- エディタ画面（編集画面）ではクリックしても開閉しません。（※開閉可能にすると編集中に入力欄が隠れてしまい操作しづらいため）
使い所は様々あるかとは思いますが、例えば「全員が見る必要のないような、簡易的な補足説明」で利用すると便利だと思います。
ブロック設定パネルでスタイルを変更できます。
ブロック設定パネルでスタイルを変更できます。
ブロック設定パネルでスタイルを変更できます。
ブロック設定パネルでスタイルを変更できます。
ステップブロック
ステップ形式で手順や流れなどを表現するコンテンツを作成できます。（ver.3.14〜）
デフォルトデザイン
まずはステップブロックを設置します。デザインスタイルは3種類あります。
ステップブロック内に文章を入力します。STEPのラベル名も変更できます。
ステップ2以降はステップパーツを追加します。ラベル色も変更できます。
デザイン1
まずはステップブロックを設置します。デザインスタイルは3種類あります。
ステップブロック内に文章を入力します。STEPのラベル名も変更できます。
ステップ2以降はステップパーツを追加します。ラベル色も変更できます。
デザイン2
まずはステップブロックを設置します。デザインスタイルは3種類あります。
ステップブロック内に文章を入力します。STEPのラベル名も変更できます。
ステップ2以降はステップパーツを追加します。ラベル色も変更できます。
グリッドブロック
カラム（横並び）のコンテンツを作成できます。
ブロックエディタ標準のカラムブロックよりもレイアウトの自由度が高く、モバイルとPCでカラム数を変更できるのが特徴です。
グリッド1
グリッド2
グリッド3
グリッド4
グリッド5
グリッド6
上記のように、PCは3列で表示、モバイルは2列で表示といった設定が可能です。また、グリッド同士の間隔も細かく調整できます。
アイコンサークル
あらかじめ、FontAwesomeのアイコンが配置されたブロックを用意しています。
アイコンサークル
アイコンサークル（暗）
アイコンサークル（影）
アイコンサークル（影・暗）
FontAwesomeのクラス名を入力してアイコンを変更することができます。
フルワイドセクション
背景色付きのコンテンツを画面幅いっぱいに表示できるブロックです。サイト型トップページやLPなどのフルワイドページで使用すると効果的です。
フルワイドセクション（見出し色背景）
背景色付きのコンテンツを画面幅いっぱいに表示できるブロックです。こちらのフルワイドセクションには、見出しと同じ背景色が反映されます。
ブロックスタイル（標準ブロックの機能拡張）
STORK19では、段落ブロックや画像ブロックなど、WordPressの標準ブロックも機能拡張しているので、様々なデザインスタイルを適用できます。
これらのスタイルは、テーマアップデートで随時追加されています！
段落スタイル
標準の段落ブロックで、STORK19オリジナルスタイルを適用できます。
段落スタイル：補足
段落スタイル：注意
段落スタイル：サクセス
段落スタイル：グレー
段落スタイル：背景（サイトカラー）
段落スタイル：背景（サイトカラー薄）
段落スタイル：背景（ストライプ）
段落スタイル：ステッチ風
段落スタイル：ボーダー（グレー）
段落スタイル：ボーダー（サイトカラー）
段落スタイル：マイクロコピー
段落スタイル：マイクロコピー（吹き出し）
画像スタイル
画像を装飾するためのオリジナルスタイルを適用できます。
リストスタイル
リストブロックで、箇条書きリストのアイコンを変更できます。
- ノーマル
- ノーマル
- ノーマル
テーブルスタイル
標準のテーブルブロックで、STORK19オリジナルスタイルやオプションを適用できます。
| デフォルトスタイル | デフォルトのテーブルデザイン |
| スタイル | デフォルトのテーブルデザイン |
| スタイル | デフォルトのテーブルデザイン |
| ストライプスタイル | ストライプのテーブルデザイン |
| ストライプスタイル | ストライプのテーブルデザイン |
| ストライプスタイル | ストライプのテーブルデザイン |
| ボーダースタイル | ボーダーのテーブルデザイン |
| ボーダースタイル | ボーダーのテーブルデザイン |
| ボーダースタイル | ボーダーのテーブルデザイン |
| 先頭セルをthデザインに | 先頭のtdをth風のデザインにします。 |
| 先頭セルをthデザインに | 先頭のtdをth風のデザインにします。 |
| 先頭セルをthデザインに | 先頭のtdをth風のデザインにします。 |
| 表のスクロール | 表を横スクロールできるようにする。（デバイス幅480px以下の場合のみ） |
| 表のスクロール | スマートフォン表示で確認してみてください。 |
| 表のスクロール | テーブルを横にスクロールできます。 |
テキスト装飾（ツールバーの機能拡張）
STORK19では、ブロックツールバーの機能も拡張しているので、インラインテキストの装飾も直感的に行うことができます。
マーカー（イエロー） マーカー（ピンク） マーカー（ブルー） マーカー（グリーン）
テキストラベル ラベル ラベル ラベル ラベル ラベル ラベル ラベル
フォントサイズ70% フォントサイズ90% フォントサイズ120% フォントサイズ150% フォントサイズ180%
テキストにGoogleFontを適用できます。
テキストにstrongタグではないBOLD(CSS)を適用できます。
FontAwesomeのアイコンを挿入できます。クラス名の入力で様々なアイコンを使用可能！
STORK19では、テキストにルビを振ることができます。
ブロック設定オプション
STORK19では、各ブロックに設定できる独自のブロックオプションも追加しています。
各ブロックをアニメーション効果で演出したり、形状でレイアウトに変化をつけるなど、魅せるページを作成するのに役立ちます。
ブロックの形状
グループブロックまたはカバーブロックの形状を変更することができます。（ver.3.7〜）
ランディングページなどでデザイン表現を高めることができます。
ブロックの形：down
ブロックの形：upscale
ブロックの形：up
使い方はこちら
ブロックの表示コントロール
メディアクエリ（ブレイクポイントの設定）によって、各ブロックを、PC・タブレット、そしてモバイル端末ごとに表示・非表示を切り替えることができます。（ver.3.8〜）
こちらは、すべての端末で表示されるブロックです。
こちらは、PCまたはタブレットのみで表示されるブロックです。
こちらは、スマートフォンなどのモバイル端末でのみ表示されるブロックです。
今あなたは、このページをPCまたはタブレットでご覧になられていると思いますので「モバイルで表示」のボックスは表示されていないはずです。
今あなたは、このページをモバイル端末でご覧になられていると思いますので「PC / タブレットで表示」のボックスは表示されていないはずです。
ブロック上下の余白設定
各ブロックの上下の余白を変更できます。（ver.3.7〜）
ブロックごとに上と下の余白（マージン）を指定できるため、ブロックの間隔を空ける場合に便利です。余白オプションのサイズ設定は下記の通りです。
- 0 … マージンなし
- SS … 0.8em（フォントサイズの0.8倍）
- S … 1.6em（フォントサイズの1.6倍）
- M … 3.2em（フォントサイズの3.2倍）
- L … 4.8em（フォントサイズの4.8倍）
ブロック上の余白［M］ブロック下の余白［0］
ブロック下の余白［0］
ブロック下の余白［L］
テーマデザインと親和性の高い余白をボタン一つで変更可能になります。
ver.3.10よりツールバーからも操作可能になりました。
今後も便利なブロック機能を追加していく予定です。もちろん、無料アップデートで！
タイトル付きのボックスです。（デフォルトスタイル）