ブロック 比較

メリット・デメリット表

AFFINGER6 最新版でご利用ください

メリット

デメリット

  • これはダミーのテキストです
  • これはダミーのテキストです
  • これはダミーのテキストです
  • これはダミーのテキストです
  • これはダミーのテキストです
  • これはダミーのテキストです
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:columns {"isStackedOnMobile":false,"className":"gap-0 mb0","stGap0":true} -->
<div class="wp-block-columns is-not-stacked-on-mobile gap-0 mb0"><!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20"}}},"backgroundColor":"vivid-cyan-blue","textColor":"white"} -->
<div class="wp-block-column has-white-color has-vivid-cyan-blue-background-color has-text-color has-background" style="padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">[st-i class="st-svg-circle-o" add_style="" /] <span class="huto">メリット</span></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20"}}},"backgroundColor":"pale-pink","textColor":"white"} -->
<div class="wp-block-column has-white-color has-pale-pink-background-color has-text-color has-background" style="padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">[st-i class="st-svg-times" add_style="" /] <span class="huto">デメリット</span></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"isStackedOnMobile":false,"className":"gap-0","stGap0":true} -->
<div class="wp-block-columns is-not-stacked-on-mobile gap-0"><!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"backgroundColor":"light-green-cyan"} -->
<div class="wp-block-column has-light-green-cyan-background-color has-background" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:list {"className":"is-style-st-border"} -->
<ul class="is-style-st-border"><!-- wp:list-item -->
<li>これはダミーのテキストです</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>これはダミーのテキストです</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>これはダミーのテキストです</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"backgroundColor":"light-grayish-red"} -->
<div class="wp-block-column has-light-grayish-red-background-color has-background" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:list {"className":"is-style-st-border"} -->
<ul class="is-style-st-border"><!-- wp:list-item -->
<li>これはダミーのテキストです</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>これはダミーのテキストです</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>これはダミーのテキストです</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

コピーしました

デザイン済みデータ配布中

-ブロック, 比較,