ログインユーザー限定(1/1)
ブロックの設定を比較するサンプルです。各例の直前に変更設定と値を記載しています。
画像等は同梱素材を使用します。コピー用コードと書かれた例は、説明に従って必要なデータ・編集場所を用意してください。
sample-01966 / cocoon-blocks/login-user-only 基本形
sample-01967 / cocoon-blocks/login-user-only msg:msg="短いサンプル"
sample-01968 / cocoon-blocks/login-user-only msg:msg="長いサンプルの文章で折り返し方と余白の見え方を確認します。"
sample-01969 / cocoon-blocks/login-user-only align:align=""
sample-01970 / cocoon-blocks/login-user-only align:align="wide"
sample-01971 / cocoon-blocks/login-user-only align:align="full"
sample-01972 / cocoon-blocks/login-user-only lock:lock={"move":false,"remove":false}
sample-01973 / cocoon-blocks/login-user-only lock:lock={"move":true,"remove":false}
sample-01974 / cocoon-blocks/login-user-only lock:lock={"move":false,"remove":true}
sample-01975 / cocoon-blocks/login-user-only lock:lock={"move":true,"remove":true}
sample-01976 / cocoon-blocks/login-user-only anchor:anchor="sample-anchor"
sample-01977 / cocoon-blocks/login-user-only className:className="block-gallery-example"
sample-01978 / cocoon-blocks/login-user-only layout:layout={"type":"constrained"}
sample-01979 / cocoon-blocks/login-user-only layout:layout={"type":"flex","flexWrap":"wrap","justifyContent":"center"}
sample-01980 / cocoon-blocks/login-user-only layout:layout={"type":"flex","orientation":"vertical","justifyContent":"left"}
sample-01981 / cocoon-blocks/login-user-only layout:layout={"type":"grid","columnCount":2}
sample-01982 / cocoon-blocks/login-user-only extraBottomMargin:extraBottomMargin=""
sample-01983 / cocoon-blocks/login-user-only extraBottomMargin:extraBottomMargin="0"
sample-01984 / cocoon-blocks/login-user-only extraBottomMargin:extraBottomMargin="2"
sample-01985 / cocoon-blocks/login-user-only extraBottomMargin:extraBottomMargin="10"
sample-01986 / cocoon-blocks/login-user-only extraBottomMargin:extraBottomMargin="20"
