クエリーループブロック

code:php

<!-- wp:post-template {"layout":{"type":"grid","columnCount":3}} -->

<!-- wp:post-featured-image {"isLink":true,"style":{"spacing":{"padding":{"top":"0","bottom":"0"}}}} /-->

<!-- wp:group {"className":"is-style-section-1","style":{"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|40","bottom":"var:preset|spacing|20","left":"var:preset|spacing|40"}}},"layout":{"inherit":false}} -->

<div class="wp-block-group is-style-section-1" style="padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40)"><!-- wp:post-date /-->

<!-- wp:categories {"showEmpty":true,"className":"hoge","style":{"border":{"radius":"0px","width":"0px","style":"none"}},"fontSize":"small"} /-->

<!-- wp:post-title {"level":5,"isLink":true} /--></div>

<!-- /wp:group -->

<!-- /wp:post-template -->

code:php

<div class="wp-block-query vk_custom_css"><!-- wp:post-template {"className":"vk_block-margin-0\u002d\u002dmargin-top vk_block-margin-0\u002d\u002dmargin-bottom","style":{"spacing":{"blockGap":"0em"}},"layout":{"type":"grid","columnCount":null,"minimumColumnWidth":"18rem"}} -->

<!-- wp:group {"className":"vk_block-margin-0\u002d\u002dmargin-top vk_block-margin-0\u002d\u002dmargin-bottom","style":{"spacing":{"padding":{"right":"2em","left":"2em"}}},"layout":{"type":"constrained"}} -->

<div class="wp-block-group vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom" style="padding-right:2em;padding-left:2em"><!-- wp:columns {"verticalAlignment":"center","isStackedOnMobile":false,"className":"vk_block-margin-0\u002d\u002dmargin-top vk_block-margin-xs\u002d\u002dmargin-bottom","style":{"spacing":{"blockGap":{"top":"0"}}}} -->

<div class="wp-block-columns are-vertically-aligned-center is-not-stacked-on-mobile vk_block-margin-0--margin-top vk_block-margin-xs--margin-bottom"><!-- wp:column {"verticalAlignment":"center","width":"5rem","className":"vk_block-margin-0\u002d\u002dmargin-top vk_block-margin-0\u002d\u002dmargin-bottom"} -->

<div class="wp-block-column is-vertically-aligned-center vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom" style="flex-basis:5rem"><!-- wp:post-date {"format":"Y/n/j","style":{"spacing":{"margin":{"right":"0","left":"0","top":"0","bottom":"0"},"padding":{"right":"0","left":"0"}},"typography":{"fontSize":"0.86rem"},"layout":{"selfStretch":"fit","flexSize":null}},"textColor":"vk-color-primary"} /--></div>

<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"","className":"vk_block-margin-0\u002d\u002dmargin-top vk_block-margin-0\u002d\u002dmargin-bottom"} -->

<div class="wp-block-column is-vertically-aligned-center vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><!-- wp:group {"className":"vk_block-margin-0\u002d\u002dmargin-top vk_block-margin-0\u002d\u002dmargin-bottom","style":{"border":{"bottom":{"color":"var:preset|color|vk-color-primary","style":"solid","width":"1px"},"top":{},"right":{},"left":{}}},"layout":{"type":"constrained"}} -->

<div class="wp-block-group vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom" style="border-bottom-color:var(--wp--preset--color--vk-color-primary);border-bottom-style:solid;border-bottom-width:1px"><!-- wp:spacer {"height":"0.5em","style":{"layout":{}}} -->

<div style="height:0.5em" aria-hidden="true" class="wp-block-spacer"></div>

<!-- /wp:spacer --></div>

<!-- /wp:group -->

<!-- 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:spacer {"height":"0.5em","style":{"layout":{}}} -->

<div style="height:0.5em" aria-hidden="true" class="wp-block-spacer"></div>

<!-- /wp:spacer --></div>

<!-- /wp:group --></div>

<!-- /wp:column --></div>

<!-- /wp:columns -->

<!-- wp:post-title {"isLink":true,"className":"text-light ","style":{"typography":{"fontSize":"1.2rem","fontStyle":"normal","fontWeight":"700"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} /-->

<!-- wp:vk-blocks/spacer {"spaceSize":"xxs"} -->

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

<!-- /wp:vk-blocks/spacer -->

<!-- wp:post-excerpt {"textAlign":"left","moreText":"","style":{"typography":{"fontSize":"0.96rem"},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}}} /-->

<!-- 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:group {"className":"vk_block-margin-0\u002d\u002dmargin-top vk_block-margin-sm\u002d\u002dmargin-bottom","style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|vk-color-primary"}}}},"textColor":"vk-color-primary","layout":{"type":"constrained","justifyContent":"right"}} -->

<div class="wp-block-group vk_block-margin-0--margin-top vk_block-margin-sm--margin-bottom has-vk-color-primary-color has-text-color has-link-color"><!-- wp:read-more {"content":"続きをみる","className":"vk_block-margin-0\u002d\u002dmargin-top vk_block-margin-0\u002d\u002dmargin-bottom","style":{"typography":{"fontSize":"0.9rem","textDecoration":"underline"}}} /--></div>

<!-- /wp:group -->

<!-- wp:post-featured-image {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"border":{"radius":"7px"}}} /-->

<!-- 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 -->

<!-- /wp:post-template -->

<!-- wp:query-no-results -->

<!-- wp:paragraph {"placeholder":"クエリーが何も結果を返さない場合に表示するテキストまたはブロックを追加します。"} -->

<p>お知らせはありません</p>

<!-- /wp:paragraph -->

<!-- /wp:query-no-results --></div>

<!-- /wp:query -->

<!-- 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 -->

code:php

<!-- wp:query {"queryId":6,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"parents":[]}} -->

<div class="wp-block-query"><!-- wp:post-template {"className":"vk_block-margin-0\u002d\u002dmargin-top","layout":{"type":"grid","columnCount":3}} -->

<!-- wp:group {"vkbCustomCss":"selector {\n position:relative;\n}","className":"vk_custom_css","layout":{"type":"constrained"}} -->

<div class="wp-block-group vk_custom_css"><!-- wp:post-featured-image {"isLink":true,"aspectRatio":"16/9","sizeSlug":"large","style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"}},"border":{"color":"#00000033","width":"1px","radius":"0px"}}} /-->

<!-- wp:vk-blocks/post-category-badge {"textAlign":"center","vkbCustomCss":"selector {\n position:absolute;\n top:0;\n right:0;\n}","className":"vk_custom_css vk_block-margin-0\u002d\u002dmargin-top vk_block-margin-0\u002d\u002dmargin-bottom","style":{"typography":{"fontSize":"0.8rem","fontWeight":"500"},"spacing":{"padding":{"top":"0","bottom":"0","left":"1em","right":"1em"}}}} /-->

<!-- 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:group {"className":"vk_block-margin-0\u002d\u002dmargin-top vk_block-margin-0\u002d\u002dmargin-bottom","style":{"spacing":{"blockGap":"1em"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->

<div class="wp-block-group vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><!-- wp:post-date {"style":{"typography":{"fontSize":"12px"}}} /-->

<!-- wp:post-author {"avatarSize":24,"vkbCustomCss":"selector .wp-block-post-author__avatar,\nselector\n .wp-block-post-author__content {\n display: grid;\n place-items: center;\n}\nselector .wp-block-post-author__avatar {\n margin-right:10px;\n}","className":"vk_custom_css","style":{"typography":{"fontSize":"12px"}}} /--></div>

<!-- /wp:group -->

<!-- wp:vk-blocks/spacer {"pc":3,"tablet":3,"mobile":3,"spaceSize":"custom","className":"vk_block-margin-0\u002d\u002dmargin-bottom vk_block-margin-0\u002d\u002dmargin-top"} -->

<div class="wp-block-vk-blocks-spacer vk_spacer vk_block-margin-0--margin-bottom vk_block-margin-0--margin-top"><div class="vk_spacer-display-pc" style="margin-top:3px"></div><div class="vk_spacer-display-tablet" style="margin-top:3px"></div><div class="vk_spacer-display-mobile" style="margin-top:3px"></div></div>

<!-- /wp:vk-blocks/spacer -->

<!-- wp:post-title {"level":4,"isLink":true,"style":{"spacing":{"margin":{"bottom":"0rem"},"padding":{"top":"0","bottom":"0","left":"0","right":"0"}},"color":{"background":"#ffffff00","text":"#333333"},"elements":{"link":{"color":{"text":"#333333"}}}},"fontSize":"small"} /-->

<!-- 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:columns {"isStackedOnMobile":false,"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"}}}} -->

<div class="wp-block-columns is-not-stacked-on-mobile" style="margin-top:0;margin-bottom:0"><!-- wp:column {"width":"10em","style":{"color":{"background":"#f5f5f5"},"typography":{"fontSize":"12px"}}} -->

<div class="wp-block-column has-background" style="background-color:#f5f5f5;font-size:12px;flex-basis:10em"><!-- wp:paragraph {"align":"center","vkbCustomCss":"","className":""} -->

<p class="has-text-align-center">カテゴリー</p>

<!-- /wp:paragraph --></div>

<!-- /wp:column -->

<!-- wp:column {"width":"70%"} -->

<div class="wp-block-column" style="flex-basis:70%"><!-- wp:post-terms {"term":"category","style":{"typography":{"textDecoration":"none","fontSize":"12px"},"elements":{"link":{"color":{"text":"#333333"}}},"color":{"text":"#333333"}}} /--></div>

<!-- /wp:column --></div>

<!-- /wp:columns -->

<!-- wp:vk-blocks/spacer {"pc":2,"tablet":2,"mobile":2,"spaceSize":"custom","className":"vk_block-margin-0\u002d\u002dmargin-top vk_block-margin-0\u002d\u002dmargin-bottom"} -->

<div class="wp-block-vk-blocks-spacer vk_spacer vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_spacer-display-pc" style="margin-top:2px"></div><div class="vk_spacer-display-tablet" style="margin-top:2px"></div><div class="vk_spacer-display-mobile" style="margin-top:2px"></div></div>

<!-- /wp:vk-blocks/spacer -->

<!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"}}}} -->

<div class="wp-block-columns is-not-stacked-on-mobile" style="margin-top:0;margin-bottom:0"><!-- wp:column {"width":"10em","style":{"color":{"background":"#f5f5f5"},"typography":{"fontSize":"12px"}}} -->

<div class="wp-block-column has-background" style="background-color:#f5f5f5;font-size:12px;flex-basis:10em"><!-- wp:paragraph {"align":"center","vkbCustomCss":"","className":""} -->

<p class="has-text-align-center">タグ</p>

<!-- /wp:paragraph --></div>

<!-- /wp:column -->

<!-- wp:column {"width":"70%"} -->

<div class="wp-block-column" style="flex-basis:70%"><!-- wp:post-terms {"term":"post_tag","style":{"typography":{"textDecoration":"none","fontSize":"12px"},"elements":{"link":{"color":{"text":"#333333"}}},"color":{"text":"#333333"}}} /--></div>

<!-- /wp:column --></div>

<!-- /wp:columns --></div>

<!-- /wp:group -->

<!-- /wp:post-template -->

<!-- wp:query-no-results -->

<!-- wp:paragraph {"placeholder":"クエリーが何も結果を返さない場合に表示するテキストまたはブロックを追加します。"} -->

<p>投稿はありません</p>

<!-- /wp:paragraph -->

<!-- /wp:query-no-results -->

<!-- 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:query-pagination {"paginationArrow":"chevron","layout":{"type":"flex","justifyContent":"center","orientation":"horizontal","flexWrap":"wrap"}} -->

<!-- wp:query-pagination-previous {"label":"前へ"} /-->

<!-- wp:query-pagination-numbers /-->

<!-- wp:query-pagination-next {"label":"次へ"} /-->

<!-- /wp:query-pagination --></div>

<!-- /wp:query -->