ブロックサンプル：アイキャッチ画像（1/2）

アイキャッチ画像（1/2）

ブロックの設定を比較するサンプルです。各例の直前に変更設定と値を記載しています。

画像等は同梱素材を使用します。コピー用コードと書かれた例は、説明に従って必要なデータ・編集場所を用意してください。

sample-09210 / core/post-featured-image　基本形

sample-09211 / core/post-featured-image　isLink：isLink=false

sample-09212 / core/post-featured-image　isLink：isLink=true

sample-09213 / core/post-featured-image　aspectRatio：aspectRatio="auto"

sample-09214 / core/post-featured-image　aspectRatio：aspectRatio="1"

sample-09215 / core/post-featured-image　aspectRatio：aspectRatio="4/3"

sample-09216 / core/post-featured-image　aspectRatio：aspectRatio="3/4"

sample-09217 / core/post-featured-image　aspectRatio：aspectRatio="3/2"

sample-09218 / core/post-featured-image　aspectRatio：aspectRatio="2/3"

sample-09219 / core/post-featured-image　aspectRatio：aspectRatio="16/9"

sample-09220 / core/post-featured-image　aspectRatio：aspectRatio="9/16"

sample-09221 / core/post-featured-image　width：width="160px"

sample-09222 / core/post-featured-image　width：width="50%"

sample-09223 / core/post-featured-image　width：width="100%"

sample-09224 / core/post-featured-image　height：height="80px"

sample-09225 / core/post-featured-image　height：height="160px"

sample-09226 / core/post-featured-image　height：height="240px"

sample-09227 / core/post-featured-image　scale：scale="cover"

sample-09228 / core/post-featured-image　scale：scale="contain"

sample-09229 / core/post-featured-image　sizeSlug：sizeSlug="thumbnail"

sample-09230 / core/post-featured-image　sizeSlug：sizeSlug="medium"

sample-09231 / core/post-featured-image　sizeSlug：sizeSlug="large"

sample-09232 / core/post-featured-image　sizeSlug：sizeSlug="full"

sample-09233 / core/post-featured-image　rel：rel="nofollow"

sample-09234 / core/post-featured-image　rel：rel="noopener noreferrer"

sample-09235 / core/post-featured-image　linkTarget：linkTarget="_self"

sample-09236 / core/post-featured-image　linkTarget：linkTarget="_blank"

sample-09237 / core/post-featured-image　overlayColor：overlayColor="key-color"

sample-09238 / core/post-featured-image　overlayColor：overlayColor="red"

sample-09239 / core/post-featured-image　overlayColor：overlayColor="pink"

sample-09240 / core/post-featured-image　overlayColor：overlayColor="purple"

sample-09241 / core/post-featured-image　overlayColor：overlayColor="deep"

sample-09242 / core/post-featured-image　overlayColor：overlayColor="indigo"

sample-09243 / core/post-featured-image　overlayColor：overlayColor="blue"

sample-09244 / core/post-featured-image　overlayColor：overlayColor="light-blue"

sample-09245 / core/post-featured-image　overlayColor：overlayColor="cyan"

sample-09246 / core/post-featured-image　overlayColor：overlayColor="teal"

sample-09247 / core/post-featured-image　overlayColor：overlayColor="green"

sample-09248 / core/post-featured-image　overlayColor：overlayColor="light-green"

sample-09249 / core/post-featured-image　overlayColor：overlayColor="lime"

sample-09250 / core/post-featured-image　overlayColor：overlayColor="yellow"

sample-09251 / core/post-featured-image　overlayColor：overlayColor="amber"

sample-09252 / core/post-featured-image　overlayColor：overlayColor="orange"

sample-09253 / core/post-featured-image　overlayColor：overlayColor="deep-orange"

sample-09254 / core/post-featured-image　overlayColor：overlayColor="brown"

sample-09255 / core/post-featured-image　overlayColor：overlayColor="light-grey"

sample-09256 / core/post-featured-image　overlayColor：overlayColor="grey"

sample-09257 / core/post-featured-image　overlayColor：overlayColor="dark-grey"

sample-09258 / core/post-featured-image　overlayColor：overlayColor="cocoon-black"

sample-09259 / core/post-featured-image　overlayColor：overlayColor="cocoon-white"

sample-09260 / core/post-featured-image　overlayColor：overlayColor="watery-blue"

sample-09261 / core/post-featured-image　overlayColor：overlayColor="watery-yellow"

sample-09262 / core/post-featured-image　overlayColor：overlayColor="watery-red"

sample-09263 / core/post-featured-image　overlayColor：overlayColor="watery-green"

sample-09264 / core/post-featured-image　overlayColor：overlayColor="ex-a"

sample-09265 / core/post-featured-image　overlayColor：overlayColor="ex-b"

sample-09266 / core/post-featured-image　overlayColor：overlayColor="ex-c"

sample-09267 / core/post-featured-image　overlayColor：overlayColor="ex-d"

sample-09268 / core/post-featured-image　overlayColor：overlayColor="ex-e"

sample-09269 / core/post-featured-image　overlayColor：overlayColor="ex-f"

sample-09270 / core/post-featured-image　customOverlayColor：customOverlayColor="#19448e"

sample-09271 / core/post-featured-image　customOverlayColor：customOverlayColor="#fff3ce"

sample-09272 / core/post-featured-image　customOverlayColor：customOverlayColor="#a82d46"

sample-09273 / core/post-featured-image　dimRatio：dimRatio=0

sample-09274 / core/post-featured-image　dimRatio：dimRatio=25

sample-09275 / core/post-featured-image　dimRatio：dimRatio=50

sample-09276 / core/post-featured-image　dimRatio：dimRatio=75

sample-09277 / core/post-featured-image　dimRatio：dimRatio=100

sample-09278 / core/post-featured-image　customGradient：customGradient="短いサンプル"

sample-09279 / core/post-featured-image　customGradient：customGradient="長いサンプルの文章で折り返し方と余白の見え方を確認します。"

sample-09280 / core/post-featured-image　useFirstImageFromPost：useFirstImageFromPost=false

sample-09281 / core/post-featured-image　useFirstImageFromPost：useFirstImageFromPost=true

sample-09282 / core/post-featured-image　borderColor：borderColor="key-color"

sample-09283 / core/post-featured-image　borderColor：borderColor="red"

sample-09284 / core/post-featured-image　borderColor：borderColor="pink"

sample-09285 / core/post-featured-image　borderColor：borderColor="purple"

sample-09286 / core/post-featured-image　borderColor：borderColor="deep"

sample-09287 / core/post-featured-image　borderColor：borderColor="indigo"

sample-09288 / core/post-featured-image　borderColor：borderColor="blue"

sample-09289 / core/post-featured-image　borderColor：borderColor="light-blue"