全てのブロックで使える特別なオプション

STORK SEでは、各ブロックで使用できる特別なオプションを追加しています。

これらのオプションを使用することで、ブロックにアニメーション効果を追加したり、PCやスマートフォンなどの画面ごとに表示を切り替えることができます。

これらのブロックオプションは、標準ブロックとカスタムブロック（STORK BLOCKS）で使用できます。

ブロックアニメーション設定

ブロックにアニメーションを設定することで、フェードインなどのスクロールアニメーションと一緒にコンテンツを表示できるようになります。

ブロックごとにアニメーションを設定することで、ページスクロールに合わせてフェードイン表示できます。

▼

STORK EDITOR

BLOCK ANIMATION

fadeInRight

fadeInLeft

スクロールに連動したアニメーションなので、ページを読み進めるのに合わせて動きを出すことができます。

ブロックをPCやスマートフォンなど、画面幅ごとに表示・非表示を切り替えることができます。

画面サイズによってブロックの表示切り替えができるので、PCでは表示してスマートフォンでは表示しない、逆にスマートフォンで表示してPCでは表示しないといったことができます。

※画面はSTORK19のものです。

「すべての端末で表示」以外を設定したブロックは、（選択していない状態の場合）エディタ上では薄く表示されます。

実際に見てみましょう▼

DISPLAY FOR PC / TABLET

このブロックは、PCまたはタブレットの画面サイズで表示されます。

ブラウザウィンドウのサイズが767px以下の場合は非表示になります。

DISPLAY FOR MOBILE

このブロックは、スマートフォンの画面サイズで表示されます。

ブラウザウィンドウのサイズが768px以上の場合は非表示になります。

PCとスマートフォンで異なるブロックを表示する場合は、PC表示用とスマホ表示用の2つのブロックを作って、それぞれに対してオプションを設定します。

ブロックの上下の余白（マージン）を設定できます。

ブロックの上、またはブロックの下のスペースを広げたり狭めたりできるため、レイアウトの調整に活用できます。

このオプションは、ブロックツールバーから設定することもできます。

それぞれの値で設定できる余白（マージン）は以下の通りになります。

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

その他、STORK SEのエディタ機能はこちらで確認できます！