theme json 有効時、全幅or幅広のグリッドカラムカードアイテムが中央寄せの影響を受けないように修正

[goutetsuguma]

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

#1210

どういう変更をしたか？

theme.json を有効時、全幅のグリッドカラムカードのグリッドカラムアイテムが中央寄せの影響を受けないように、:not指定に.vk_gridcolcard_itemを追加しました。
Lightningの世代 Generation 2 は中央によっていなかったので Generation 3 のみの修正です。

スクリーンショットまたは動画

変更前 Before

変更後 After

実装者の確認事項

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

• 複数の意図の変更 （ 機能の不具合修正 + 別の機能追加など ） を含んでいないか？
• Files changed (変更ファイル)の内容は目視で確認したか？
• readme.txt に変更内容は書いたか？
• 本当にちゃんと確認をしたか？

プログラムの変更の場合

テストを書かないのは普通ではありません。書けるテストは極力書くようにしてください。

• 書けそうなテストは書いたか？
  CSSの修正のみなので描いていません

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

• Lightningのtmeme.jsonは有効で世代はGeneration 3 にして、masterブランチにして、固定ページをコードエディタ表示にして、以下のコードを貼り付けます。

<!-- wp:vk-blocks/gridcolcard {"gap":"0px","headerDisplay":"delete","footerDisplay":"delete","borderRadius":"0px","blockId":"1569e77d-72f8-40b0-9de7-c53fedffc16f","align":"full"} -->
<div class="wp-block-vk-blocks-gridcolcard alignfull vk_gridcolcard vk_gridcolcard-1569e77d-72f8-40b0-9de7-c53fedffc16f"><!-- wp:vk-blocks/gridcolcard-item {"headerDisplay":"delete","footerDisplay":"delete","borderRadius":"0px"} -->
<div class="wp-block-vk-blocks-gridcolcard-item vk_gridcolcard_item vk_gridcolcard_item-noHeader vk_gridcolcard_item-noFooter" style="border-radius:0px"><div class="vk_gridcolcard_item_container"><!-- wp:vk-blocks/gridcolcard-item-header {"headerDisplay":"delete"} /-->

<!-- wp:vk-blocks/gridcolcard-item-body -->
<div class="wp-block-vk-blocks-gridcolcard-item-body vk_gridcolcard_item_body"><!-- wp:cover {"url":"https://patterns.vektor-inc.co.jp/wp-content/uploads/2024/11/DALL·E-2024-11-06-15.12.43-A-professional-40s-50s-Japanese-man-in-a-suit-looking-confidently-upwards-towards-a-bright-future.-The-background-shows-Japanese-nature-with-a-serene.jpg","id":20105,"dimRatio":40,"overlayColor":"black","isUserOverlayColor":true,"minHeight":300,"layout":{"type":"constrained"},"linkUrl":"#"} -->
<div class="wp-block-cover has-link" style="min-height:300px"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-40 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-20105" alt="" src="https://patterns.vektor-inc.co.jp/wp-content/uploads/2024/11/DALL·E-2024-11-06-15.12.43-A-professional-40s-50s-Japanese-man-in-a-suit-looking-confidently-upwards-towards-a-bright-future.-The-background-shows-Japanese-nature-with-a-serene.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"タイトルを入力...","className":"vk_block-margin-xs\u002d\u002dmargin-bottom","fontSize":"large"} -->
<p class="has-text-align-center vk_block-margin-xs--margin-bottom has-large-font-size">応援する</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">あなたの応援が未来を動かす力に！</p>
<!-- /wp:paragraph --></div><a href="#" target="_self" rel="noopener" aria-label="カバーリンク" class="wp-block-cover-vk-link"></a></div>
<!-- /wp:cover --></div>
<!-- /wp:vk-blocks/gridcolcard-item-body -->

<!-- wp:vk-blocks/gridcolcard-item-footer {"footerDisplay":"delete"} /--></div></div>
<!-- /wp:vk-blocks/gridcolcard-item -->

<!-- wp:vk-blocks/gridcolcard-item {"headerDisplay":"delete","footerDisplay":"delete","borderRadius":"0px"} -->
<div class="wp-block-vk-blocks-gridcolcard-item vk_gridcolcard_item vk_gridcolcard_item-noHeader vk_gridcolcard_item-noFooter" style="border-radius:0px"><div class="vk_gridcolcard_item_container"><!-- wp:vk-blocks/gridcolcard-item-header {"headerDisplay":"delete"} /-->

<!-- wp:vk-blocks/gridcolcard-item-body -->
<div class="wp-block-vk-blocks-gridcolcard-item-body vk_gridcolcard_item_body"><!-- wp:cover {"url":"https://patterns.vektor-inc.co.jp/wp-content/uploads/2024/11/DALL·E-2024-11-06-15.12.43-A-professional-40s-50s-Japanese-man-in-a-suit-looking-confidently-upwards-towards-a-bright-future.-The-background-shows-Japanese-nature-with-a-serene.jpg","id":20105,"dimRatio":40,"overlayColor":"black","isUserOverlayColor":true,"minHeight":300,"layout":{"type":"constrained"},"linkUrl":"#"} -->
<div class="wp-block-cover has-link" style="min-height:300px"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-40 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-20105" alt="" src="https://patterns.vektor-inc.co.jp/wp-content/uploads/2024/11/DALL·E-2024-11-06-15.12.43-A-professional-40s-50s-Japanese-man-in-a-suit-looking-confidently-upwards-towards-a-bright-future.-The-background-shows-Japanese-nature-with-a-serene.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"タイトルを入力...","className":"vk_block-margin-xs\u002d\u002dmargin-bottom","fontSize":"large"} -->
<p class="has-text-align-center vk_block-margin-xs--margin-bottom has-large-font-size"> 寄付のお願い</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">あなたのご支援が活動を支えます</p>
<!-- /wp:paragraph --></div><a href="#" target="_self" rel="noopener" aria-label="カバーリンク" class="wp-block-cover-vk-link"></a></div>
<!-- /wp:cover --></div>
<!-- /wp:vk-blocks/gridcolcard-item-body -->

<!-- wp:vk-blocks/gridcolcard-item-footer {"footerDisplay":"delete"} /--></div></div>
<!-- /wp:vk-blocks/gridcolcard-item -->

<!-- wp:vk-blocks/gridcolcard-item {"headerDisplay":"delete","footerDisplay":"delete","borderRadius":"0px"} -->
<div class="wp-block-vk-blocks-gridcolcard-item vk_gridcolcard_item vk_gridcolcard_item-noHeader vk_gridcolcard_item-noFooter" style="border-radius:0px"><div class="vk_gridcolcard_item_container"><!-- wp:vk-blocks/gridcolcard-item-header {"headerDisplay":"delete"} /-->

<!-- wp:vk-blocks/gridcolcard-item-body -->
<div class="wp-block-vk-blocks-gridcolcard-item-body vk_gridcolcard_item_body"><!-- wp:cover {"url":"https://patterns.vektor-inc.co.jp/wp-content/uploads/2024/11/DALL·E-2024-11-06-15.12.43-A-professional-40s-50s-Japanese-man-in-a-suit-looking-confidently-upwards-towards-a-bright-future.-The-background-shows-Japanese-nature-with-a-serene.jpg","id":20105,"dimRatio":40,"overlayColor":"black","isUserOverlayColor":true,"minHeight":300,"layout":{"type":"constrained"},"linkUrl":"#"} -->
<div class="wp-block-cover has-link" style="min-height:300px"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-40 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-20105" alt="" src="https://patterns.vektor-inc.co.jp/wp-content/uploads/2024/11/DALL·E-2024-11-06-15.12.43-A-professional-40s-50s-Japanese-man-in-a-suit-looking-confidently-upwards-towards-a-bright-future.-The-background-shows-Japanese-nature-with-a-serene.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"タイトルを入力...","className":"vk_block-margin-xs\u002d\u002dmargin-bottom","fontSize":"large"} -->
<p class="has-text-align-center vk_block-margin-xs--margin-bottom has-large-font-size">ボランティア募集</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">あなたの力を必要としています！</p>
<!-- /wp:paragraph --></div><a href="#" target="_self" rel="noopener" aria-label="カバーリンク" class="wp-block-cover-vk-link"></a></div>
<!-- /wp:cover --></div>
<!-- /wp:vk-blocks/gridcolcard-item-body -->

<!-- wp:vk-blocks/gridcolcard-item-footer {"footerDisplay":"delete"} /--></div></div>
<!-- /wp:vk-blocks/gridcolcard-item --><style>
				.vk_gridcolcard-1569e77d-72f8-40b0-9de7-c53fedffc16f {
					grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
					gap:0px;
				}
				@media (min-width: 576px) {
					.vk_gridcolcard-1569e77d-72f8-40b0-9de7-c53fedffc16f {
						grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
					}
				}
				@media (min-width: 992px) {
					.vk_gridcolcard-1569e77d-72f8-40b0-9de7-c53fedffc16f {
						grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
					}
				}
				</style></div>
<!-- /wp:vk-blocks/gridcolcard -->

• グリッドカラムカードアイテム内のカバーブロックが中央によっていることを確認してから、このブランチに切り替え、npm run build して、カバーブロックが中央によっていないことを確認しました。
• パターンでグリッドカラムカードを使用しているパターンをいくつか貼ってみて、表示上問題がないことを確認しました。
  例：https://patterns.vektor-inc.co.jp/vk-patterns/17957/
  例：https://patterns.vektor-inc.co.jp/vk-patterns/measures-of-virus/

レビュワーに回す前の確認事項

• 実装者はこのテンプレートのチェック項目をちゃんと確認してチェックしたか？

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

• 実装者と同じ方法で確認をお願いします。

---

レビュワー向け

レビュワーが確認して変更が反映されていない場合の確認事項

レビューしてみて意図した動作をしない場合は再度ビルドするなど以下の項目を確認してください。

• プルしたか？
• ビルドしたか？
• ビルドしたディレクトリは正しいか（別の開発環境のディレクトリを見ていないか）？
• npm install したか？
• composer install したか？
• キャッシュをクリアして確認したか？

[drill-lancer]

問題ないようなので承認しました。どなたか２人目確認お願いします。

[sysbird]

解決されているのを確認しました
マージします