search

vektor-inc / x-t9

GNU General Public License v2.0
18 stars 1 forks source link

Fix/wp66 width 65 #290

Closed kurudrive closed 2 months ago

kurudrive commented 2 months ago

チケットへのリンク / 変更の理由（元のissueがあればリンクを貼り付ければOK）

CSSの読み込み切り替え処理が正しく動作してなかった

Previous https://github.com/vektor-inc/x-t9/pull/289

https://github.com/vektor-inc/x-t9/issues/283 https://github.com/vektor-inc/x-t9/issues/284

どういう変更をしたか？

編集画面用CSS切り替え処理の修正

実装者はレビュワーに回す前に以下の事を確認してチェックをつけてください。

ソースコードについて

その他

変更内容について何を確認したか、どういう方法で確認をしたかなど

レビュワーの確認方法・確認する内容など

<!-- wp:heading {"level":3,"className":"is-style-vk-heading-background_fill_lightgray"} -->
<h3 class="wp-block-heading is-style-vk-heading-background_fill_lightgray">何もラップしていない</h3>
<!-- /wp:heading -->

<!-- wp:group {"style":{"border":{"width":"5px"}},"borderColor":"primary","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border-color has-primary-border-color" style="border-width:5px"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">なし</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"wide","style":{"border":{"width":"5px"}},"borderColor":"primary","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide has-border-color has-primary-border-color" style="border-width:5px"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">幅広</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"full","style":{"border":{"width":"5px"}},"borderColor":"primary","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-border-color has-primary-border-color" style="border-width:5px"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">全幅</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:vk-blocks/spacer -->
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top"><div class="vk_block-margin-md--margin-top"></div></div>
<!-- /wp:vk-blocks/spacer -->

<!-- wp:group {"align":"full","style":{"border":{"width":"1px"},"spacing":{"blockGap":"var:preset|spacing|40"}},"borderColor":"vk-color-primary","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-border-color has-vk-color-primary-border-color" style="border-width:1px"><!-- wp:heading {"level":3,"className":"is-style-vk-heading-background_fill_lightgray"} -->
<h3 class="wp-block-heading is-style-vk-heading-background_fill_lightgray">グループブロック 全幅 でラップ</h3>
<!-- /wp:heading -->

<!-- wp:group {"style":{"border":{"width":"5px"}},"borderColor":"primary","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border-color has-primary-border-color" style="border-width:5px"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">なし</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"wide","style":{"border":{"width":"5px"}},"borderColor":"primary","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide has-border-color has-primary-border-color" style="border-width:5px"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">幅広</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"full","style":{"border":{"width":"5px"}},"borderColor":"primary","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-border-color has-primary-border-color" style="border-width:5px"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">全幅</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:vk-blocks/spacer -->
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top"><div class="vk_block-margin-md--margin-top"></div></div>
<!-- /wp:vk-blocks/spacer -->

<!-- wp:cover {"customOverlayColor":"#f3f3f3","isUserOverlayColor":true,"minHeight":50,"contentPosition":"center center","isDark":false,"style":{"spacing":{"padding":{"right":"0","left":"0"}}}} -->
<div class="wp-block-cover is-light" style="padding-right:0;padding-left:0;min-height:50px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#f3f3f3"></span><div class="wp-block-cover__inner-container"><!-- wp:heading {"level":4,"textColor":"black"} -->
<h4 class="wp-block-heading has-black-color has-text-color" id="カバーブロック幅広">カバーブロック通常幅</h4>
<!-- /wp:heading --></div></div>
<!-- /wp:cover -->

<!-- wp:cover {"customOverlayColor":"#d8f2ff","isUserOverlayColor":true,"minHeight":10,"contentPosition":"center center","isDark":false,"align":"wide","style":{"spacing":{"padding":{"right":"0","left":"0"}}}} -->
<div class="wp-block-cover alignwide is-light" style="padding-right:0;padding-left:0;min-height:10px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#d8f2ff"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"level":4,"textColor":"black"} -->
<h4 class="wp-block-heading has-black-color has-text-color" id="カバーブロック全幅">カバーブロック幅広 &gt; 通常グループ化</h4>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:heading {"level":4,"align":"wide","className":"vk_block-margin-0\u002d\u002dmargin-bottom","textColor":"black"} -->
<h4 class="wp-block-heading alignwide vk_block-margin-0--margin-bottom has-black-color has-text-color" id="カバーブロック全幅">カバーブロック幅広 &gt; 幅広</h4>
<!-- /wp:heading --></div></div>
<!-- /wp:cover -->

<!-- wp:cover {"customOverlayColor":"#f3f3f3","isUserOverlayColor":true,"minHeight":250,"contentPosition":"center center","isDark":false,"align":"full","style":{"spacing":{"padding":{"right":"0","left":"0"}}}} -->
<div class="wp-block-cover alignfull is-light" style="padding-right:0;padding-left:0;min-height:250px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#f3f3f3"></span><div class="wp-block-cover__inner-container"><!-- wp:heading {"level":4,"textColor":"black"} -->
<h4 class="wp-block-heading has-black-color has-text-color" id="カバーブロック全幅">カバーブロック全幅 &gt; 見出し（親の全幅に追従）</h4>
<!-- /wp:heading -->

<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"level":4,"align":"wide","textColor":"black"} -->
<h4 class="wp-block-heading alignwide has-black-color has-text-color" id="カバーブロック全幅">カバーブロック全幅 &gt; グループ通常 &gt; 見出し 幅広</h4>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"full","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull"><!-- wp:heading {"level":4,"align":"full","textColor":"black"} -->
<h4 class="wp-block-heading alignfull has-black-color has-text-color" id="カバーブロック全幅">カバーブロック全幅 &gt; グループ通常 &gt; 見出し 全幅</h4>
<!-- /wp:heading --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->

<!-- wp:vk-blocks/spacer -->
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top"><div class="vk_block-margin-md--margin-top"></div></div>
<!-- /wp:vk-blocks/spacer -->

<!-- wp:paragraph -->
<p>通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":3519,"sizeSlug":"full","linkDestination":"media"} -->
<figure class="wp-block-image size-full"><a href="http://localhost:8888/wp-content/uploads/2021/06/width-test-1-scaled.jpg"><img src="http://localhost:8888/wp-content/uploads/2021/06/width-test-1-scaled.jpg" alt="" class="wp-image-3519"/></a><figcaption class="wp-element-caption">通常幅</figcaption></figure>
<!-- /wp:image -->

<!-- wp:image {"id":3519,"sizeSlug":"large","linkDestination":"media","align":"wide"} -->
<figure class="wp-block-image alignwide size-large"><a href="http://localhost:8888/wp-content/uploads/2021/06/width-test-1-scaled.jpg"><img src="http://localhost:8888/wp-content/uploads/2021/06/width-test-1-1024x55.jpg" alt="" class="wp-image-3519"/></a><figcaption class="wp-element-caption">幅広</figcaption></figure>
<!-- /wp:image -->

<!-- wp:image {"id":42,"sizeSlug":"full","linkDestination":"media","align":"full"} -->
<figure class="wp-block-image alignfull size-full"><a href="http://wpnext.local/wp-content/uploads/2022/10/width-test-1-scaled-1.jpg"><img src="http://wpnext.local/wp-content/uploads/2022/10/width-test-1-scaled-1.jpg" alt="" class="wp-image-42"/></a><figcaption class="wp-element-caption">全幅</figcaption></figure>
<!-- /wp:image -->

<!-- wp:vk-blocks/spacer {"spaceSize":"large"} -->
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top"><div class="vk_block-margin-lg--margin-top"></div></div>
<!-- /wp:vk-blocks/spacer -->

<!-- wp:vk-blocks/outer {"bgColor":"#f6d3dc","outerWidth":"full","borderColor":"#000","blockId":"05bd9968-552b-4a1e-bc2c-ba78a730d365"} -->
<div class="wp-block-vk-blocks-outer vkb-outer-05bd9968-552b-4a1e-bc2c-ba78a730d365 vk_outer vk_outer-width-full alignfull vk_outer-paddingLR-none vk_outer-paddingVertical-use vk_outer-bgPosition-normal"><span class="vk_outer-background-area has-background has-background-dim" style="background-color:#f6d3dc;opacity:0.5"></span><div><div class="vk_outer_container"><!-- wp:heading {"level":3,"className":"is-style-vk-heading-plain vk_block-margin-0\u002d\u002dmargin-top"} -->
<h3 class="wp-block-heading is-style-vk-heading-plain vk_block-margin-0--margin-top">Outer 全幅（コンテナ幅通常）</h3>
<!-- /wp:heading -->

<!-- wp:heading {"level":4,"textColor":"black"} -->
<h4 class="wp-block-heading has-black-color has-text-color" id="カバーブロック全幅">Outer 全幅 &gt; 通常</h4>
<!-- /wp:heading -->

<!-- wp:heading {"level":4,"align":"wide","textColor":"black"} -->
<h4 class="wp-block-heading alignwide has-black-color has-text-color" id="カバーブロック全幅">Outer 全幅 &gt; 幅広（ブロックテーマの編集画面では alignwide がつかないので通常幅 / 公開画面では幅広）</h4>
<!-- /wp:heading -->

<!-- wp:heading {"level":4,"align":"full","textColor":"black"} -->
<h4 class="wp-block-heading alignfull has-black-color has-text-color" id="カバーブロック全幅">Outer 全幅 &gt; 全幅（ブロックテーマの編集画面では alignfull がつかないので通常幅 / 公開画面では全幅）</h4>
<!-- /wp:heading --></div></div></div><style type="text/css">
    .vk_outer.vkb-outer-05bd9968-552b-4a1e-bc2c-ba78a730d365 > div > .vk_outer_container{
        padding-left:0px!important;
        padding-right:0px!important;
    }
    @media (min-width: 576px) {
        .vk_outer.vkb-outer-05bd9968-552b-4a1e-bc2c-ba78a730d365 > div > .vk_outer_container{
            padding-left:0px!important;
            padding-right:0px!important;
        }
    }
    @media (min-width: 992px) {
        .vk_outer.vkb-outer-05bd9968-552b-4a1e-bc2c-ba78a730d365 > div > .vk_outer_container{
            padding-left:0px!important;
            padding-right:0px!important;
        }
    }
    </style>
<!-- /wp:vk-blocks/outer -->

<!-- wp:vk-blocks/outer {"bgColor":"vk-color-custom-5","outerWidth":"full","padding_left_and_right":"1","borderColor":"#000","blockId":"a8d5845b-22ee-408f-884b-fe20715ac048"} -->
<div class="wp-block-vk-blocks-outer vkb-outer-a8d5845b-22ee-408f-884b-fe20715ac048 vk_outer vk_outer-width-full alignfull vk_outer-paddingLR-use vk_outer-paddingVertical-use vk_outer-bgPosition-normal"><span class="vk_outer-background-area has-background has-vk-color-custom-5-background-color has-background-dim" style="opacity:0.5"></span><div><div class="vk_outer_container"><!-- wp:heading {"level":3,"className":"is-style-vk-heading-plain"} -->
<h3 class="wp-block-heading is-style-vk-heading-plain">Outer 全幅（コンテナ幅 余白追加）</h3>
<!-- /wp:heading -->

<!-- wp:heading {"level":4,"textColor":"black"} -->
<h4 class="wp-block-heading has-black-color has-text-color" id="カバーブロック全幅">Outer 全幅 &gt; 通常</h4>
<!-- /wp:heading -->

<!-- wp:heading {"level":4,"align":"wide","textColor":"black"} -->
<h4 class="wp-block-heading alignwide has-black-color has-text-color" id="カバーブロック全幅">Outer 全幅 > 幅広（ブロックテーマの編集画面では alignwide がつかないので通常幅 / 公開画面では幅広）</h4>
<!-- /wp:heading -->

<!-- wp:heading {"level":4,"align":"full","textColor":"black"} -->
<h4 class="wp-block-heading alignfull has-black-color has-text-color" id="カバーブロック全幅">Outer 全幅 > 全幅（ブロックテーマの編集画面では alignfull がつかないので通常幅 / 公開画面では全幅）</h4>
<!-- /wp:heading --></div></div></div><style type="text/css">
    .vk_outer.vkb-outer-a8d5845b-22ee-408f-884b-fe20715ac048 > div > .vk_outer_container{
        padding-left:0px!important;
        padding-right:0px!important;
    }
    @media (min-width: 576px) {
        .vk_outer.vkb-outer-a8d5845b-22ee-408f-884b-fe20715ac048 > div > .vk_outer_container{
            padding-left:0px!important;
            padding-right:0px!important;
        }
    }
    @media (min-width: 992px) {
        .vk_outer.vkb-outer-a8d5845b-22ee-408f-884b-fe20715ac048 > div > .vk_outer_container{
            padding-left:0px!important;
            padding-right:0px!important;
        }
    }
    </style>
<!-- /wp:vk-blocks/outer -->

<!-- wp:vk-blocks/outer {"bgColor":"vk-color-custom-2","outerWidth":"full","padding_left_and_right":"2","borderColor":"#000","blockId":"77de277a-dc33-4459-b895-7403d0875b44"} -->
<div class="wp-block-vk-blocks-outer vkb-outer-77de277a-dc33-4459-b895-7403d0875b44 vk_outer vk_outer-width-full alignfull vk_outer-paddingLR-zero vk_outer-paddingVertical-use vk_outer-bgPosition-normal"><span class="vk_outer-background-area has-background has-vk-color-custom-2-background-color has-background-dim" style="opacity:0.5"></span><div><div class="vk_outer_container"><!-- wp:heading {"level":3,"className":"is-style-vk-heading-plain vk_block-margin-0\u002d\u002dmargin-top"} -->
<h3 class="wp-block-heading is-style-vk-heading-plain vk_block-margin-0--margin-top">Outer 全幅（コンテナ幅 余白なくす）</h3>
<!-- /wp:heading -->

<!-- wp:heading {"level":4,"align":"full","textColor":"black"} -->
<h4 class="wp-block-heading alignfull has-black-color has-text-color" id="カバーブロック全幅">Outer 全幅 &gt; 見出し（親の幅に追従）</h4>
<!-- /wp:heading -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"level":4,"textColor":"black"} -->
<h4 class="wp-block-heading has-black-color has-text-color" id="カバーブロック全幅">Outer 全幅 &gt; グループ（constrain）</h4>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"level":4,"align":"wide","textColor":"black"} -->
<h4 class="wp-block-heading alignwide has-black-color has-text-color" id="カバーブロック全幅">Outer 全幅 &gt; グループ（constrain） &gt; 幅広</h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>幅広にするのか、コンテンツ幅に制限するのか判断が微妙なので幅広中央になってなくても良い</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div></div></div><style type="text/css">
    .vk_outer.vkb-outer-77de277a-dc33-4459-b895-7403d0875b44 > div > .vk_outer_container{
        padding-left:0px!important;
        padding-right:0px!important;
    }
    @media (min-width: 576px) {
        .vk_outer.vkb-outer-77de277a-dc33-4459-b895-7403d0875b44 > div > .vk_outer_container{
            padding-left:0px!important;
            padding-right:0px!important;
        }
    }
    @media (min-width: 992px) {
        .vk_outer.vkb-outer-77de277a-dc33-4459-b895-7403d0875b44 > div > .vk_outer_container{
            padding-left:0px!important;
            padding-right:0px!important;
        }
    }
    </style>
<!-- /wp:vk-blocks/outer -->

<!-- wp:vk-blocks/slider {"unit":"rem","width":"full","blockId":"f1a218df-8934-4abc-b0fc-b4a99611bfb8","metadata":{"categories":["featured"],"patternName":"full-width-slider","name":"Full width Slider"}} -->
<div class="wp-block-vk-blocks-slider swiper swiper-container vk_slider vk_slider_f1a218df-8934-4abc-b0fc-b4a99611bfb8 alignfull" data-vkb-slider="{&quot;autoPlay&quot;:true,&quot;autoPlayStop&quot;:false,&quot;autoPlayDelay&quot;:2500,&quot;pagination&quot;:&quot;bullets&quot;,&quot;blockId&quot;:&quot;f1a218df-8934-4abc-b0fc-b4a99611bfb8&quot;,&quot;width&quot;:&quot;full&quot;,&quot;loop&quot;:true,&quot;effect&quot;:&quot;slide&quot;,&quot;speed&quot;:500,&quot;slidesPerViewMobile&quot;:1,&quot;slidesPerViewTablet&quot;:1,&quot;slidesPerViewPC&quot;:1,&quot;slidesPerGroup&quot;:&quot;one-by-one&quot;,&quot;centeredSlides&quot;:false}"><div class="swiper-wrapper"><!-- wp:vk-blocks/slider-item {"bgColor":"black","opacity":0.7,"bgSize":"cover","blockId":"324aaa7d-b316-4a66-8143-fd3d55c7cf14","style":{"spacing":{"padding":{"left":"0","right":"0"}}}} -->
<div class="wp-block-vk-blocks-slider-item vk_slider_item swiper-slide vk_valign-center vk_slider_item-324aaa7d-b316-4a66-8143-fd3d55c7cf14  is-layout-constrained vk_slider_item-paddingVertical-none" style="padding-right:0;padding-left:0"><div class="vk_slider_item-background-area has-background has-black-background-color has-background-dim has-background-dim-7" style="padding-left:0;padding-right:0"></div><div class="vk_slider_item_container container"><!-- wp:vk-blocks/spacer {"spaceSize":"large"} -->
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top"><div class="vk_block-margin-lg--margin-top"></div></div>
<!-- /wp:vk-blocks/spacer -->

<!-- wp:heading {"textAlign":"center","className":"is-style-vk-heading-plain vk_block-margin-0\u002d\u002dmargin-top","textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-top has-white-color has-text-color" id="コンセプトやキャッチコピー-1">コンセプトやキャッチコピー</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","className":"vk_block-margin-md\u002d\u002dmargin-bottom","textColor":"white"} -->
<p class="has-text-align-center vk_block-margin-md--margin-bottom has-white-color has-text-color">この部分には、自社について説明が入ります。<br>自社のコンセプトや理念など、大切にしていることについて説明しましょう。<br>お客様に一番伝えたいことを書くことをおススメします。</p>
<!-- /wp:paragraph -->

<!-- wp:vk-blocks/button-outer {"buttonsJustify":"center","className":"vk_block-margin-0\u002d\u002dmargin-bottom"} -->
<div class="wp-block-vk-blocks-button-outer vk_buttons vk_block-margin-0--margin-bottom"><div class="vk_buttons_col vk_buttons_col-justify-center"><!-- wp:vk-blocks/button {"buttonType":"1","buttonColor":"custom","buttonColorCustom":"white","buttonAlign":"block","fontAwesomeIconBefore":"\u003ci class=\u0022fas fa-arrow-circle-right\u0022\u003e\u003c/i\u003e","blockId":"b24e9dbb-a2dd-4432-941f-31f6cc4ff1d8","className":"is-style-undefined vk_block-margin-0\u002d\u002dmargin-bottom"} -->
<div class="wp-block-vk-blocks-button vk_button vk_button-color-custom vk_button-align-block is-style-undefined vk_block-margin-0--margin-bottom"><a class="vk_button_link btn has-text-color is-style-outline has-white-color btn-md btn-block" role="button" aria-pressed="true" rel="noopener"><div class="vk_button_link_caption"><i class="fas fa-arrow-circle-right vk_button_link_before"></i><span class="vk_button_link_txt">ログイン</span></div></a></div>
<!-- /wp:vk-blocks/button -->

<!-- wp:vk-blocks/button {"buttonType":"1","buttonColor":"custom","buttonColorCustom":"white","fontAwesomeIconBefore":"\u003ci class=\u0022fas fa-user\u0022\u003e\u003c/i\u003e","blockId":"b11d027b-1d06-4845-829f-55b51542a748","className":"is-style-undefined vk_block-margin-0\u002d\u002dmargin-bottom"} -->
<div class="wp-block-vk-blocks-button vk_button vk_button-color-custom vk_button-align-left is-style-undefined vk_block-margin-0--margin-bottom"><a class="vk_button_link btn has-text-color is-style-outline has-white-color btn-md" role="button" aria-pressed="true" rel="noopener"><div class="vk_button_link_caption"><i class="fas fa-user vk_button_link_before"></i><span class="vk_button_link_txt">新規会員登録</span></div></a></div>
<!-- /wp:vk-blocks/button --></div></div>
<!-- /wp:vk-blocks/button-outer -->

<!-- wp:vk-blocks/spacer {"spaceSize":"large"} -->
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top"><div class="vk_block-margin-lg--margin-top"></div></div>
<!-- /wp:vk-blocks/spacer --></div></div>
<!-- /wp:vk-blocks/slider-item -->

<!-- wp:vk-blocks/slider-item {"bgColor":"bg-primary","opacity":0.3,"bgSize":"cover","padding_left_and_right":"2","blockId":"345f096d-8a94-4a60-acd2-596ecbb2aaf2","style":{"spacing":{"padding":{"left":"0","right":"0"}}}} -->
<div class="wp-block-vk-blocks-slider-item vk_slider_item swiper-slide vk_valign-center vk_slider_item-345f096d-8a94-4a60-acd2-596ecbb2aaf2  vk_slider_item-paddingLR-zero vk_slider_item-paddingVertical-none" style="padding-right:0;padding-left:0"><div class="vk_slider_item-background-area has-background has-bg-primary-background-color has-background-dim has-background-dim-3" style="padding-left:0;padding-right:0"></div><div class="vk_slider_item_container"><!-- wp:cover {"dimRatio":40,"overlayColor":"black","isUserOverlayColor":true,"minHeight":100,"contentPosition":"center center","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"0px","bottom":"0px","right":"0px","left":"0px"}}}} -->
<div class="wp-block-cover alignfull is-light" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;min-height:100px"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-40 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"className":"vk_block-margin-0\u002d\u002dmargin-top vk_block-margin-0\u002d\u002dmargin-bottom","layout":{"type":"constrained"}} -->
<div class="wp-block-group vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><!-- wp:vk-blocks/spacer {"spaceSize":"large"} -->
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top"><div class="vk_block-margin-lg--margin-top"></div></div>
<!-- /wp:vk-blocks/spacer -->

<!-- wp:heading {"textAlign":"left","className":"is-style-vk-heading-plain vk_block-margin-0\u002d\u002dmargin-top","textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-left is-style-vk-heading-plain vk_block-margin-0--margin-top has-white-color has-text-color" id="コンセプトやキャッチコピー-1"><strong>- WEB TOTAL CONSULTING -</strong></h2>
<!-- /wp:heading -->

<!-- wp:vk-blocks/spacer {"spaceSize":"xs"} -->
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top"><div class="vk_block-margin-xs--margin-top"></div></div>
<!-- /wp:vk-blocks/spacer -->

<!-- wp:paragraph {"align":"left","textColor":"white"} -->
<p class="has-text-align-left has-white-color has-text-color">Lorem ipsum dolor sit amet, consectetur adipiscing elit, <br>sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<!-- /wp:paragraph -->

<!-- wp:vk-blocks/spacer {"spaceSize":"small"} -->
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top"><div class="vk_block-margin-sm--margin-top"></div></div>
<!-- /wp:vk-blocks/spacer -->

<!-- wp:buttons {"fontSize":"small","layout":{"type":"flex","justifyContent":"left"}} -->
<div class="wp-block-buttons has-custom-font-size has-small-font-size"><!-- wp:button {"textColor":"white","width":50,"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50 is-style-outline"><a class="wp-block-button__link has-white-color has-text-color wp-element-button" href="/school/">Read More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:vk-blocks/spacer {"spaceSize":"large"} -->
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top"><div class="vk_block-margin-lg--margin-top"></div></div>
<!-- /wp:vk-blocks/spacer --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div></div>
<!-- /wp:vk-blocks/slider-item --></div><div class="swiper-button-next swiper-button-mobile-bottom"></div><div class="swiper-button-prev swiper-button-mobile-bottom"></div><div class="swiper-pagination swiper-pagination-bullets"></div></div>
<!-- /wp:vk-blocks/slider -->

レビュワー向け

確認して変更が反映されていない場合の確認事項