STORK SEでは、各ブロックで使用できる特別なオプションを追加しています。
これらのオプションを使用することで、ブロックにアニメーション効果を追加したり、PCやスマートフォンなどの画面ごとに表示を切り替えることができます。
これらのブロックオプションは、標準ブロックとカスタムブロック（STORK BLOCKS）で使用できます。
ブロックアニメーション設定
ブロックにアニメーションを設定することで、フェードインなどのスクロールアニメーションと一緒にコンテンツを表示できるようになります。
ver.1.17で追加した「アニメーションの遅延」「アニメーションの速度」を変更できるオプションについては、ブロック設定パネルでのみ操作できます。
ver.1.17より、zoomIn, bounceIn, flipInを追加しました。
bounceIn：バウンスイン
flipIn：フリップイン
ブロックアニメーションの使い方
ブロックごとにアニメーションを設定することで、ページスクロールに応じてアニメーション表示できます。
▼
▼
▼
STORK EDITOR
BLOCK ANIMATION
スクロールに連動したアニメーションなので、ページを読み進めるのに合わせて動きを出すことができます。
アニメーションの遅延を設定する（ver.1.17〜）
ブロック設定パネルの「アニメーション設定」セクションに「アニメーションの遅延」を指定できるオプションがあり、アニメーションを設定した要素（ブロック）が、ページスクロールで表示されてからアニメーションが実行されるまでの時間（秒数）を指定できます。
指定なし / 0.5秒 / 1秒 / 2秒 / 3秒 / カスタム（任意の秒数を入力）の中から選択できます。
アニメーションの速度を設定する（ver.1.17〜）
ブロック設定パネルの「アニメーション設定」セクションに「アニメーションの速度」を選択できるオプションがあり、アニメーションの動作速度に変化を付けることができます。
低速 / やや低速 / 標準 / やや高速 / 高速 の中から選択できます。
ブロック表示制御
ブロックをPCやスマートフォンなど、画面幅ごとに表示・非表示を切り替えることができます。
ブロック表示制御の使い方
画面サイズによってブロックの表示切り替えができるので、PCでは表示してスマートフォンでは表示しない、逆にスマートフォンで表示してPCでは表示しないといったことができます。
実際に見てみましょう▼
DISPLAY FOR PC / TABLET
このブロックは、PCまたはタブレットの画面サイズで表示されます。
ブラウザウィンドウのサイズが767px以下の場合は非表示になります。
DISPLAY FOR MOBILE
このブロックは、スマートフォンの画面サイズで表示されます。
ブラウザウィンドウのサイズが768px以上の場合は非表示になります。
PCとスマートフォンで異なるブロックを表示する場合は、PC表示用とスマホ表示用の2つのブロックを作って、それぞれに対してオプションを設定します。
ソースコードへの出力制御も可能（ver.1.12〜）
表示する画面サイズ以外では、画面上で非表示にするだけではなく、ソースコードにHTMLタグも出力したくない場合は「ソースコードからも取り除く」を有効化してください。
ブロック上下余白の設定
ブロックの上下の余白（マージン）を設定できます。
ブロック上下の余白設定の使い方
ブロックの上、またはブロックの下のスペースを広げたり狭めたりできるため、レイアウトの調整に活用できます。
このオプションは、ブロックツールバーから設定することもできます。
それぞれの値で設定できる余白（マージン）は以下の通りになります。
- 0 … マージンなし
- SS … デフォルトマージンの半分
- S … デフォルトマージン
- M … デフォルトマージンの2倍
- L … デフォルトマージンの3倍
デフォルトマージンは、行間とマージンの調節の「段落下のマージン」で設定している値が反映されます。
▼投稿下部のウィジェットエリア
▼投稿下部のウィジェットエリア
zoomIn：ズームイン