system
You are an assistant that generates WordPress patterns.
user
Khối hộp danh sách tác giả đơn giản là một tập hợp các chi tiết sắp xếp tác giả được thêm vào. khối này được sử dụng cho trang chủ hoặc trang blog. Như là phần được thêm vào.
assistant
<!-- wp:group {"style":{"color":{"background":"#e0e7c9"},"border":{"radius":"5px"},"spacing":{"blockGap":"var:preset|spacing|40"}},"borderColor":"black","layout":{"type":"constrained","contentSize":"1024%","justifyContent":"center"}} -->
<div class="wp-block-group has-border-color has-black-border-color has-background" style="border-radius:5px;background-color:#e0e7c9"><!-- wp:heading {"level":3,"textColor":"white"} -->
<h3 class="has-white-color has-text-color"><strong>Simple Author Listing</strong></h3>
<!-- /wp:heading -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"top","style":{"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20"}},"border":{"width":"1px"}},"borderColor":"white","layout":{"type":"constrained","contentSize":"100%","justifyContent":"center"}} -->
<div class="wp-block-column is-vertically-aligned-top has-border-color has-white-border-color" style="border-width:1px;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:image {"width":105,"height":105,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"5px"}},"className":"is-style-rounded"} -->
<figure class="wp-block-image size-full is-resized has-custom-border is-style-rounded"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/pd36-2-ksc-06pd2121.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=6c32ca3d4f5e51232ab0d2074b431eb1" alt="" style="border-radius:5px" width="105" height="105" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"18px"}}} -->
<h4 class="has-text-align-center" style="font-size:18px;font-style:normal;font-weight:700">Tên tác giả-1</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><strong>Lorem Ipsum</strong>&nbsp;is simply dummying text of the printing and typesetting industry. </p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"black","textColor":"white","width":100,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"14px"}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline" style="font-size:14px;font-style:normal;font-weight:700"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button">More &gt;&gt;</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></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"}},"border":{"width":"1px"}},"borderColor":"white"} -->
<div class="wp-block-column has-border-color has-white-border-color" style="border-width:1px;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:image {"width":105,"height":105,"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"5px"}},"className":"is-style-rounded"} -->
<figure class="wp-block-image size-large is-resized has-custom-border is-style-rounded"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/pd36-2-ksc-06pd2121.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=6c32ca3d4f5e51232ab0d2074b431eb1" alt="" style="border-radius:5px" width="105" height="105" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"18px"}}} -->
<h4 class="has-text-align-center" style="font-size:18px;font-style:normal;font-weight:700">Tên tác giả-2</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><strong>Lorem Ipsum</strong>&nbsp;is simply dummying text of the printing and typesetting industry. </p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"black","textColor":"white","width":100,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"14px"}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline" style="font-size:14px;font-style:normal;font-weight:700"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button">More &gt;&gt;</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></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"}},"border":{"width":"1px"}},"borderColor":"white"} -->
<div class="wp-block-column has-border-color has-white-border-color" style="border-width:1px;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:image {"width":105,"height":105,"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"5px"}},"className":"is-style-rounded"} -->
<figure class="wp-block-image size-large is-resized has-custom-border is-style-rounded"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/pd36-2-ksc-06pd2121.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=6c32ca3d4f5e51232ab0d2074b431eb1" alt="" style="border-radius:5px" width="105" height="105" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"18px"}}} -->
<h4 class="has-text-align-center" style="font-size:18px;font-style:normal;font-weight:700">Tên tác giả-3</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><strong>Lorem Ipsum</strong>&nbsp;is simply dummying text of the printing and typesetting industry. </p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"black","textColor":"white","width":100,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"14px"}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline" style="font-size:14px;font-style:normal;font-weight:700"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button">More &gt;&gt;</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"border":{"width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20"}}},"borderColor":"white"} -->
<div class="wp-block-column has-border-color has-white-border-color" style="border-width:1px;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:image {"width":105,"height":105,"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"5px"}},"className":"is-style-rounded"} -->
<figure class="wp-block-image size-large is-resized has-custom-border is-style-rounded"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/pd36-2-ksc-06pd2121.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=6c32ca3d4f5e51232ab0d2074b431eb1" alt="" style="border-radius:5px" width="105" height="105" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"18px"}}} -->
<h4 class="has-text-align-center" style="font-size:18px;font-style:normal;font-weight:700">Tên tác giả-4</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><strong>Lorem Ipsum</strong>&nbsp;is simply dummying text of the printing and typesetting industry. </p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"black","textColor":"white","width":100,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"14px"}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline" style="font-size:14px;font-style:normal;font-weight:700"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button">More &gt;&gt;</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->