{"id":52,"date":"2021-11-05T16:22:30","date_gmt":"2021-11-05T16:22:30","guid":{"rendered":"https:\/\/stax.organicthemes.com\/?page_id=52"},"modified":"2023-06-07T13:00:32","modified_gmt":"2023-06-07T19:00:32","slug":"patterns","status":"publish","type":"page","link":"https:\/\/www.thinksai.com\/asia\/zh\/patterns\/","title":{"rendered":"Patterns"},"content":{"rendered":"<p><strong>STAX<\/strong> includes several patterns for quickly creating a variety of content sections. This page features examples of a few patterns. However, there are several patterns demonstrated throughout the <strong>STAX<\/strong> demo for each block, and patterns may be copied directly from the demo, and pasted into the block editor.<\/p>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center\">Hero Pattern<\/h4>\n\n\n\n<div class=\"wp-block-obb-hero-block alignfull organic-block obb-hero obb-position-bottom-center obb-featured-img-parallax is-style-obb-clip-arrow-down\" style=\"background-color:#000;background-image:url(https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/11\/stacking-stones-01.jpg);min-height:780px\"><svg class=\"clipping-path\" width=\"0\" height=\"0\"><defs><clippath id=\"wave-curve-right\" clippathunits=\"objectBoundingBox\" transform=\"scale(0.01, 0.02)\"><path d=\"M100,0H0v44.7c0,0,8.1,4.8,26.4,5C48.7,49.8,59,38.5,79,37.3c12.7-0.7,21,4.6,21,4.6V0z\"><\/path><\/clippath><\/defs><\/svg><svg class=\"clipping-path\" width=\"0\" height=\"0\"><defs><clippath id=\"wave-curve-left\" clippathunits=\"objectBoundingBox\" transform=\"scale(0.01, 0.02)\"><path d=\"M0,0l100,0v44.7c0,0-8.1,4.8-26.4,5C51.3,49.8,41,38.5,21,37.3C8.2,36.6,0,41.9,0,41.9L0,0z\"><\/path><\/clippath><\/defs><\/svg><svg class=\"clipping-path\" width=\"0\" height=\"0\"><defs><clippath id=\"bulge\" clippathunits=\"objectBoundingBox\" transform=\"scale(0.01, 0.02)\"><path d=\"M100,40c0,0-20.7,10-50,10S0,40,0,40V0h100V40z\"><\/path><\/clippath><\/defs><\/svg><div class=\"obb-content-overlay\" style=\"background-color:#0b4d4d;opacity:0.6\"><\/div><div class=\"obb-background-video-container\" style=\"background-image:url(https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/11\/stacking-stones-01.jpg)\"><video class=\"obb-background-video\" autoplay muted loop><source type=\"video\/mp4\" src=\"https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/12\/blocks-hero-vid-02.mp4\"\/><\/video><\/div><div class=\"obb-hero-content\" style=\"max-width:980px\">\n<div class=\"wp-block-group obb-content is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-white-color has-css-opacity has-white-background-color has-background is-style-default\"\/>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/11\/stax-logo-white.png\" alt=\"\" class=\"wp-image-40\" width=\"242\" height=\"76\" srcset=\"https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/11\/stax-logo-white.png 800w, https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/11\/stax-logo-white-300x94.png 300w, https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/11\/stax-logo-white-768x241.png 768w, https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/11\/stax-logo-white-18x6.png 18w\" sizes=\"(max-width: 242px) 100vw, 242px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center has-white-color has-text-color\" id=\"stax-changes-everything\" style=\"font-weight:300\">Changes Everything<\/h2>\n\n\n\n<h6 class=\"wp-block-heading has-text-align-center has-white-color has-text-color has-large-font-size\" id=\"the-future-of-wordpress-is-here\" style=\"font-weight:400\">\"(\u300a\u4e16\u754c\u4eba\u6743\u5ba3\u8a00\u300b) <strong>Future of WordPress<\/strong> Is Here<\/h6>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color\"><strong>STAX<\/strong> is a block-based WordPress theme designed for the Full Site Editor. Meaning, you can change everything about this theme \u00e2\u20ac\u201d directly in the WordPress editor. Goodbye clunky page-builder plugins. Hello <strong>STAX<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-03627597 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-subtle-teal-gradient-background has-text-color has-background wp-element-button\" href=\"https:\/\/organicthemes.com\/stax\/\" target=\"_blank\" rel=\"noreferrer noopener\">Get Started<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:160px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group obb-featured-img is-layout-flow wp-block-group-is-layout-flow\"><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-small-font-size\">Copy this pattern using the button, and paste it into your WordPress block editor. <strong>STAX<\/strong> and the <strong>\u6709\u673a\u5757<\/strong> \u9700\u8981\u4f7f\u7528\u63d2\u4ef6\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div id=\"obb-clipboard-id-5\" class=\"wp-block-obb-clipboard-block organic-block obb-clipboard wp-block-button obb-clipboard-button is-style-outline\" style=\"text-align:right\"><a id=\"obb-clipboard-button-5\" class=\"wp-block-button__link\" data-alert-target=\"obb-clipboard-alert-5\" data-clipboard-text=\"&lt;!-- wp:obb\/hero-block {&quot;position&quot;:&quot;bottom center&quot;,&quot;videoID&quot;:1833,&quot;videoURL&quot;:&quot;https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/12\/blocks-hero-vid-02.mp4&quot;,&quot;imgID&quot;:1180,&quot;imgURL&quot;:&quot;https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/11\/stacking-stones-01.jpg&quot;,&quot;youtubeurl&quot;:&quot;&quot;,&quot;videooverlaycolor&quot;:&quot;#0b4d4d&quot;,&quot;videooverlayopacity&quot;:0.6,&quot;videoheight&quot;:&quot;780px&quot;,&quot;contentwidth&quot;:&quot;980px&quot;,&quot;bggradient&quot;:&quot;linear-gradient(135deg, rgb(0, 219, 255), rgb(0, 197, 93) 100%)&quot;,&quot;className&quot;:&quot;is-style-obb-clip-arrow-down&quot;} --&gt;&lt;div class=&quot;wp-block-obb-hero-block alignfull organic-block obb-hero obb-position-bottom-center obb-featured-img-parallax is-style-obb-clip-arrow-down&quot; style=&quot;background-color:#000;background-image:url(https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/11\/stacking-stones-01.jpg);min-height:780px&quot;&gt;&lt;svg class=&quot;clipping-path&quot; width=&quot;0&quot; height=&quot;0&quot;&gt;&lt;defs&gt;&lt;clipPath id=&quot;wave-curve-right&quot; clipPathUnits=&quot;objectBoundingBox&quot; transform=&quot;scale(0.01, 0.02)&quot;&gt;&lt;path d=&quot;M100,0H0v44.7c0,0,8.1,4.8,26.4,5C48.7,49.8,59,38.5,79,37.3c12.7-0.7,21,4.6,21,4.6V0z&quot;&gt;&lt;\/path&gt;&lt;\/clipPath&gt;&lt;\/defs&gt;&lt;\/svg&gt;&lt;svg class=&quot;clipping-path&quot; width=&quot;0&quot; height=&quot;0&quot;&gt;&lt;defs&gt;&lt;clipPath id=&quot;wave-curve-left&quot; clipPathUnits=&quot;objectBoundingBox&quot; transform=&quot;scale(0.01, 0.02)&quot;&gt;&lt;path d=&quot;M0,0l100,0v44.7c0,0-8.1,4.8-26.4,5C51.3,49.8,41,38.5,21,37.3C8.2,36.6,0,41.9,0,41.9L0,0z&quot;&gt;&lt;\/path&gt;&lt;\/clipPath&gt;&lt;\/defs&gt;&lt;\/svg&gt;&lt;svg class=&quot;clipping-path&quot; width=&quot;0&quot; height=&quot;0&quot;&gt;&lt;defs&gt;&lt;clipPath id=&quot;bulge&quot; clipPathUnits=&quot;objectBoundingBox&quot; transform=&quot;scale(0.01, 0.02)&quot;&gt;&lt;path d=&quot;M100,40c0,0-20.7,10-50,10S0,40,0,40V0h100V40z&quot;&gt;&lt;\/path&gt;&lt;\/clipPath&gt;&lt;\/defs&gt;&lt;\/svg&gt;&lt;div class=&quot;obb-content-overlay&quot; style=&quot;background-color:#0b4d4d;opacity:0.6&quot;&gt;&lt;\/div&gt;&lt;div class=&quot;obb-background-video-container&quot; style=&quot;background-image:url(https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/11\/stacking-stones-01.jpg)&quot;&gt;&lt;video class=&quot;obb-background-video&quot; autoplay muted loop&gt;&lt;source type=&quot;video\/mp4&quot; src=&quot;https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/12\/blocks-hero-vid-02.mp4&quot;\/&gt;&lt;\/video&gt;&lt;\/div&gt;&lt;div class=&quot;obb-hero-content&quot; style=&quot;max-width:980px&quot;&gt;&lt;!-- wp:group {&quot;align&quot;:&quot;center&quot;,&quot;className&quot;:&quot;obb-content&quot;} --&gt;&lt;div class=&quot;wp-block-group obb-content&quot;&gt;&lt;!-- wp:spacer --&gt;&lt;div style=&quot;height:100px&quot; aria-hidden=&quot;true&quot; class=&quot;wp-block-spacer&quot;&gt;&lt;\/div&gt;&lt;!-- \/wp:spacer --&gt;&lt;!-- wp:separator {&quot;opacity&quot;:&quot;css&quot;,&quot;backgroundColor&quot;:&quot;white&quot;,&quot;className&quot;:&quot;is-style-default&quot;} --&gt;&lt;hr class=&quot;wp-block-separator has-text-color has-white-color has-css-opacity has-white-background-color has-background is-style-default&quot;\/&gt;&lt;!-- \/wp:separator --&gt;&lt;!-- wp:image {&quot;align&quot;:&quot;center&quot;,&quot;id&quot;:40,&quot;width&quot;:242,&quot;height&quot;:76,&quot;sizeSlug&quot;:&quot;full&quot;,&quot;linkDestination&quot;:&quot;none&quot;} --&gt;&lt;figure class=&quot;wp-block-image aligncenter size-full is-resized&quot;&gt;&lt;img src=&quot;https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/11\/stax-logo-white.png&quot; alt=&quot;&quot; class=&quot;wp-image-40&quot; width=&quot;242&quot; height=&quot;76&quot;\/&gt;&lt;\/figure&gt;&lt;!-- \/wp:image --&gt;&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;center&quot;,&quot;style&quot;:{&quot;typography&quot;:{&quot;fontWeight&quot;:&quot;300&quot;}},&quot;textColor&quot;:&quot;white&quot;} --&gt;&lt;h2 class=&quot;has-text-align-center has-white-color has-text-color&quot; id=&quot;stax-changes-everything&quot; style=&quot;font-weight:300&quot;&gt;Changes Everything&lt;\/h2&gt;&lt;!-- \/wp:heading --&gt;&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;center&quot;,&quot;level&quot;:6,&quot;style&quot;:{&quot;typography&quot;:{&quot;fontWeight&quot;:&quot;400&quot;}},&quot;textColor&quot;:&quot;white&quot;,&quot;fontSize&quot;:&quot;large&quot;} --&gt;&lt;h6 class=&quot;has-text-align-center has-white-color has-text-color has-large-font-size&quot; id=&quot;the-future-of-wordpress-is-here&quot; style=&quot;font-weight:400&quot;&gt;The &lt;strong&gt;Future of WordPress&lt;\/strong&gt; Is Here&lt;\/h6&gt;&lt;!-- \/wp:heading --&gt;&lt;!-- wp:paragraph {&quot;align&quot;:&quot;center&quot;,&quot;textColor&quot;:&quot;white&quot;} --&gt;&lt;p class=&quot;has-text-align-center has-white-color has-text-color&quot;&gt;&lt;strong&gt;STAX&lt;\/strong&gt; is a block-based WordPress theme designed for the Full Site Editor. Meaning, you can change everything about this theme \u00e2\u20ac\u201d directly in the WordPress editor. Goodbye clunky page-builder plugins. Hello &lt;strong&gt;STAX&lt;\/strong&gt;.&lt;\/p&gt;&lt;!-- \/wp:paragraph --&gt;&lt;!-- wp:buttons {&quot;layout&quot;:{&quot;type&quot;:&quot;flex&quot;,&quot;justifyContent&quot;:&quot;center&quot;,&quot;orientation&quot;:&quot;horizontal&quot;}} --&gt;&lt;div class=&quot;wp-block-buttons&quot;&gt;&lt;!-- wp:button {&quot;placeholder&quot;:&quot;Example Button&quot;,&quot;textColor&quot;:&quot;white&quot;,&quot;gradient&quot;:&quot;subtle-teal&quot;,&quot;className&quot;:&quot;is-style-fill&quot;} --&gt;&lt;div class=&quot;wp-block-button is-style-fill&quot;&gt;&lt;a class=&quot;wp-block-button__link has-white-color has-subtle-teal-gradient-background has-text-color has-background wp-element-button&quot; href=&quot;https:\/\/organicthemes.com\/stax\/&quot; target=&quot;_blank&quot; rel=&quot;noreferrer noopener&quot;&gt;Get Started&lt;\/a&gt;&lt;\/div&gt;&lt;!-- \/wp:button --&gt;&lt;\/div&gt;&lt;!-- \/wp:buttons --&gt;&lt;!-- wp:spacer {&quot;height&quot;:&quot;160px&quot;} --&gt;&lt;div style=&quot;height:160px&quot; aria-hidden=&quot;true&quot; class=&quot;wp-block-spacer&quot;&gt;&lt;\/div&gt;&lt;!-- \/wp:spacer --&gt;&lt;!-- wp:paragraph --&gt;&lt;p&gt;&lt;\/p&gt;&lt;!-- \/wp:paragraph --&gt;&lt;\/div&gt;&lt;!-- \/wp:group --&gt;&lt;!-- wp:group {&quot;className&quot;:&quot;obb-featured-img&quot;} --&gt;&lt;div class=&quot;wp-block-group obb-featured-img&quot;&gt;&lt;!-- wp:post-featured-image \/--&gt;&lt;\/div&gt;&lt;!-- \/wp:group --&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;!-- \/wp:obb\/hero-block --&gt;\" style=\"border-radius:3px;border-width:2px;border-style:solid;border-color:#ccc\"><span class=\"obb-clipboard-button-text\">Copy Pattern<\/span><\/a><div id=\"obb-clipboard-alert-5\" class=\"obb-clipboard-alert\">Copied pattern to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center\">Featured Pages Pattern<\/h4>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-obb-content-block organic-block obb-featured obb-mobile-reset obb-orientation-vertical\" style=\"z-index:4;background-color:#fff;border-radius:6px;box-shadow:0 0 24px #00000040\">\n<div class=\"wp-block-group obb-featured-content is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/11\/blocks-icon.png\" alt=\"\" class=\"wp-image-1289\" width=\"36\" height=\"36\" srcset=\"https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/11\/blocks-icon.png 180w, https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/11\/blocks-icon-150x150.png 150w, https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/11\/blocks-icon-12x12.png 12w\" sizes=\"(max-width: 36px) 100vw, 36px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center has-black-color has-text-color has-large-font-size\" id=\"blocks\"><strong>\u5757<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-center\">\"(\u300a\u4e16\u754c\u4eba\u6743\u5ba3\u8a00\u300b) <strong>\u6709\u673a\u5757<\/strong> plugin includes <strong>20 premium blocks<\/strong> for creating amazing content. Each block is showcased in <strong>STAX<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-03627597 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 scroll-link\"><a class=\"wp-block-button__link has-subtle-teal-gradient-background has-background wp-element-button\" href=\"#get-stacking\">Learn About Blocks<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-obb-content-block organic-block obb-featured obb-mobile-reset obb-orientation-vertical\" style=\"z-index:4;background-color:#fff;border-radius:6px;box-shadow:0 0 24px #00000040\">\n<div class=\"wp-block-group obb-featured-content is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/11\/patterns-icon.png\" alt=\"\" class=\"wp-image-1290\" width=\"36\" height=\"36\" srcset=\"https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/11\/patterns-icon.png 180w, https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/11\/patterns-icon-150x150.png 150w, https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/11\/patterns-icon-12x12.png 12w\" sizes=\"(max-width: 36px) 100vw, 36px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center has-black-color has-text-color has-large-font-size\" id=\"blocks\"><strong>Patterns<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-center\"><strong>STAX<\/strong> includes a large collection of patterns. A pattern is a group of blocks organized in a unique layout for a specific purpose.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-03627597 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-subtle-teal-gradient-background has-background wp-element-button\" href=\"\/patterns\/\">View Patterns<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-obb-content-block organic-block obb-featured obb-mobile-reset obb-orientation-vertical\" style=\"z-index:4;background-color:#fff;border-radius:6px;box-shadow:0 0 24px #00000040\">\n<div class=\"wp-block-group obb-featured-content is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/11\/templates-icon.png\" alt=\"\" class=\"wp-image-1291\" width=\"36\" height=\"36\" srcset=\"https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/11\/templates-icon.png 180w, https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/11\/templates-icon-150x150.png 150w, https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/11\/templates-icon-12x12.png 12w\" sizes=\"(max-width: 36px) 100vw, 36px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center has-black-color has-text-color has-large-font-size\" id=\"blocks\"><strong>Templates<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-center\"><strong>STAX<\/strong> features a variety of useful page templates. Templates provide a great starting place for adding patterns and blocks.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-03627597 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-subtle-teal-gradient-background has-background wp-element-button\" href=\"#\">View Templates<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-small-font-size\">Copy this pattern using the button, and paste it into your WordPress block editor. <strong>STAX<\/strong> and the <strong>\u6709\u673a\u5757<\/strong> \u9700\u8981\u4f7f\u7528\u63d2\u4ef6\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div id=\"obb-clipboard-id-6\" class=\"wp-block-obb-clipboard-block organic-block obb-clipboard wp-block-button obb-clipboard-button is-style-outline\" style=\"text-align:right\"><a id=\"obb-clipboard-button-6\" class=\"wp-block-button__link\" data-alert-target=\"obb-clipboard-alert-6\" data-clipboard-text=\"&lt;!-- wp:columns {&quot;verticalAlignment&quot;:&quot;center&quot;,&quot;align&quot;:&quot;wide&quot;} --&gt;&lt;div class=&quot;wp-block-columns alignwide are-vertically-aligned-center&quot;&gt;&lt;!-- wp:column {&quot;verticalAlignment&quot;:&quot;center&quot;} --&gt;&lt;div class=&quot;wp-block-column is-vertically-aligned-center&quot;&gt;&lt;!-- wp:obb\/content-block {&quot;styleborderwidth&quot;:0,&quot;styleshadowcolor&quot;:&quot;#00000040&quot;,&quot;bgcolor&quot;:&quot;#fff&quot;,&quot;className&quot;:&quot;obb-orientation-vertical&quot;} --&gt;&lt;div class=&quot;wp-block-obb-content-block organic-block obb-featured obb-mobile-reset obb-orientation-vertical&quot; style=&quot;z-index:4;background-color:#fff;border-radius:6px;box-shadow:0 0 24px #00000040&quot;&gt;&lt;!-- wp:group {&quot;className&quot;:&quot;obb-featured-content&quot;} --&gt;&lt;div class=&quot;wp-block-group obb-featured-content&quot;&gt;&lt;!-- wp:image {&quot;align&quot;:&quot;center&quot;,&quot;id&quot;:1289,&quot;width&quot;:36,&quot;height&quot;:36,&quot;sizeSlug&quot;:&quot;full&quot;,&quot;linkDestination&quot;:&quot;none&quot;} --&gt;&lt;figure class=&quot;wp-block-image aligncenter size-full is-resized&quot;&gt;&lt;img src=&quot;https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/11\/blocks-icon.png&quot; alt=&quot;&quot; class=&quot;wp-image-1289&quot; width=&quot;36&quot; height=&quot;36&quot;\/&gt;&lt;\/figure&gt;&lt;!-- \/wp:image --&gt;&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;center&quot;,&quot;level&quot;:3,&quot;placeholder&quot;:&quot;Featured Content&quot;,&quot;textColor&quot;:&quot;black&quot;,&quot;className&quot;:&quot;wp-block-heading&quot;,&quot;fontSize&quot;:&quot;large&quot;,&quot;anchor&quot;:&quot;blocks&quot;} --&gt;&lt;h3 class=&quot;wp-block-heading has-text-align-center has-black-color has-text-color has-large-font-size&quot; id=&quot;blocks&quot;&gt;&lt;strong&gt;Blocks&lt;\/strong&gt;&lt;\/h3&gt;&lt;!-- \/wp:heading --&gt;&lt;!-- wp:paragraph {&quot;align&quot;:&quot;center&quot;,&quot;placeholder&quot;:&quot;The Featured Content Block displays a group of editable content types within a featured section.&quot;} --&gt;&lt;p class=&quot;has-text-align-center&quot;&gt;The &lt;strong&gt;Organic Blocks&lt;\/strong&gt; plugin includes &lt;strong&gt;20 premium blocks&lt;\/strong&gt; for creating amazing content. Each block is showcased in &lt;strong&gt;STAX&lt;\/strong&gt;.&lt;\/p&gt;&lt;!-- \/wp:paragraph --&gt;&lt;!-- wp:buttons {&quot;layout&quot;:{&quot;type&quot;:&quot;flex&quot;,&quot;justifyContent&quot;:&quot;center&quot;,&quot;orientation&quot;:&quot;horizontal&quot;}} --&gt;&lt;div class=&quot;wp-block-buttons&quot;&gt;&lt;!-- wp:button {&quot;placeholder&quot;:&quot;Example Button&quot;,&quot;gradient&quot;:&quot;subtle-teal&quot;,&quot;width&quot;:100,&quot;className&quot;:&quot;scroll-link&quot;} --&gt;&lt;div class=&quot;wp-block-button has-custom-width wp-block-button__width-100 scroll-link&quot;&gt;&lt;a class=&quot;wp-block-button__link has-subtle-teal-gradient-background has-background wp-element-button&quot; href=&quot;#get-stacking&quot;&gt;Learn About Blocks&lt;\/a&gt;&lt;\/div&gt;&lt;!-- \/wp:button --&gt;&lt;\/div&gt;&lt;!-- \/wp:buttons --&gt;&lt;\/div&gt;&lt;!-- \/wp:group --&gt;&lt;\/div&gt;&lt;!-- \/wp:obb\/content-block --&gt;&lt;\/div&gt;&lt;!-- \/wp:column --&gt;&lt;!-- wp:column {&quot;verticalAlignment&quot;:&quot;center&quot;} --&gt;&lt;div class=&quot;wp-block-column is-vertically-aligned-center&quot;&gt;&lt;!-- wp:obb\/content-block {&quot;styleborderwidth&quot;:0,&quot;styleshadowcolor&quot;:&quot;#00000040&quot;,&quot;bgcolor&quot;:&quot;#fff&quot;,&quot;className&quot;:&quot;obb-orientation-vertical&quot;} --&gt;&lt;div class=&quot;wp-block-obb-content-block organic-block obb-featured obb-mobile-reset obb-orientation-vertical&quot; style=&quot;z-index:4;background-color:#fff;border-radius:6px;box-shadow:0 0 24px #00000040&quot;&gt;&lt;!-- wp:group {&quot;className&quot;:&quot;obb-featured-content&quot;} --&gt;&lt;div class=&quot;wp-block-group obb-featured-content&quot;&gt;&lt;!-- wp:image {&quot;align&quot;:&quot;center&quot;,&quot;id&quot;:1290,&quot;width&quot;:36,&quot;height&quot;:36,&quot;sizeSlug&quot;:&quot;full&quot;,&quot;linkDestination&quot;:&quot;none&quot;} --&gt;&lt;figure class=&quot;wp-block-image aligncenter size-full is-resized&quot;&gt;&lt;img src=&quot;https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/11\/patterns-icon.png&quot; alt=&quot;&quot; class=&quot;wp-image-1290&quot; width=&quot;36&quot; height=&quot;36&quot;\/&gt;&lt;\/figure&gt;&lt;!-- \/wp:image --&gt;&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;center&quot;,&quot;level&quot;:3,&quot;placeholder&quot;:&quot;Featured Content&quot;,&quot;textColor&quot;:&quot;black&quot;,&quot;className&quot;:&quot;wp-block-heading&quot;,&quot;fontSize&quot;:&quot;large&quot;,&quot;anchor&quot;:&quot;blocks&quot;} --&gt;&lt;h3 class=&quot;wp-block-heading has-text-align-center has-black-color has-text-color has-large-font-size&quot; id=&quot;blocks&quot;&gt;&lt;strong&gt;Patterns&lt;\/strong&gt;&lt;\/h3&gt;&lt;!-- \/wp:heading --&gt;&lt;!-- wp:paragraph {&quot;align&quot;:&quot;center&quot;,&quot;placeholder&quot;:&quot;The Featured Content Block displays a group of editable content types within a featured section.&quot;} --&gt;&lt;p class=&quot;has-text-align-center&quot;&gt;&lt;strong&gt;STAX&lt;\/strong&gt; includes a large collection of patterns. A pattern is a group of blocks organized in a unique layout for a specific purpose.&lt;\/p&gt;&lt;!-- \/wp:paragraph --&gt;&lt;!-- wp:buttons {&quot;layout&quot;:{&quot;type&quot;:&quot;flex&quot;,&quot;justifyContent&quot;:&quot;center&quot;,&quot;orientation&quot;:&quot;horizontal&quot;}} --&gt;&lt;div class=&quot;wp-block-buttons&quot;&gt;&lt;!-- wp:button {&quot;placeholder&quot;:&quot;Example Button&quot;,&quot;gradient&quot;:&quot;subtle-teal&quot;,&quot;width&quot;:100} --&gt;&lt;div class=&quot;wp-block-button has-custom-width wp-block-button__width-100&quot;&gt;&lt;a class=&quot;wp-block-button__link has-subtle-teal-gradient-background has-background wp-element-button&quot; href=&quot;\/patterns\/&quot;&gt;View Patterns&lt;\/a&gt;&lt;\/div&gt;&lt;!-- \/wp:button --&gt;&lt;\/div&gt;&lt;!-- \/wp:buttons --&gt;&lt;\/div&gt;&lt;!-- \/wp:group --&gt;&lt;\/div&gt;&lt;!-- \/wp:obb\/content-block --&gt;&lt;\/div&gt;&lt;!-- \/wp:column --&gt;&lt;!-- wp:column {&quot;verticalAlignment&quot;:&quot;center&quot;} --&gt;&lt;div class=&quot;wp-block-column is-vertically-aligned-center&quot;&gt;&lt;!-- wp:obb\/content-block {&quot;styleborderwidth&quot;:0,&quot;styleshadowcolor&quot;:&quot;#00000040&quot;,&quot;bgcolor&quot;:&quot;#fff&quot;,&quot;className&quot;:&quot;obb-orientation-vertical&quot;} --&gt;&lt;div class=&quot;wp-block-obb-content-block organic-block obb-featured obb-mobile-reset obb-orientation-vertical&quot; style=&quot;z-index:4;background-color:#fff;border-radius:6px;box-shadow:0 0 24px #00000040&quot;&gt;&lt;!-- wp:group {&quot;className&quot;:&quot;obb-featured-content&quot;} --&gt;&lt;div class=&quot;wp-block-group obb-featured-content&quot;&gt;&lt;!-- wp:image {&quot;align&quot;:&quot;center&quot;,&quot;id&quot;:1291,&quot;width&quot;:36,&quot;height&quot;:36,&quot;sizeSlug&quot;:&quot;full&quot;,&quot;linkDestination&quot;:&quot;none&quot;} --&gt;&lt;figure class=&quot;wp-block-image aligncenter size-full is-resized&quot;&gt;&lt;img src=&quot;https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/11\/templates-icon.png&quot; alt=&quot;&quot; class=&quot;wp-image-1291&quot; width=&quot;36&quot; height=&quot;36&quot;\/&gt;&lt;\/figure&gt;&lt;!-- \/wp:image --&gt;&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;center&quot;,&quot;level&quot;:3,&quot;placeholder&quot;:&quot;Featured Content&quot;,&quot;textColor&quot;:&quot;black&quot;,&quot;className&quot;:&quot;wp-block-heading&quot;,&quot;fontSize&quot;:&quot;large&quot;,&quot;anchor&quot;:&quot;blocks&quot;} --&gt;&lt;h3 class=&quot;wp-block-heading has-text-align-center has-black-color has-text-color has-large-font-size&quot; id=&quot;blocks&quot;&gt;&lt;strong&gt;Templates&lt;\/strong&gt;&lt;\/h3&gt;&lt;!-- \/wp:heading --&gt;&lt;!-- wp:paragraph {&quot;align&quot;:&quot;center&quot;,&quot;placeholder&quot;:&quot;The Featured Content Block displays a group of editable content types within a featured section.&quot;} --&gt;&lt;p class=&quot;has-text-align-center&quot;&gt;&lt;strong&gt;STAX&lt;\/strong&gt; features a variety of useful page templates. Templates provide a great starting place for adding patterns and blocks.&lt;\/p&gt;&lt;!-- \/wp:paragraph --&gt;&lt;!-- wp:buttons {&quot;layout&quot;:{&quot;type&quot;:&quot;flex&quot;,&quot;justifyContent&quot;:&quot;center&quot;,&quot;orientation&quot;:&quot;horizontal&quot;}} --&gt;&lt;div class=&quot;wp-block-buttons&quot;&gt;&lt;!-- wp:button {&quot;placeholder&quot;:&quot;Example Button&quot;,&quot;gradient&quot;:&quot;subtle-teal&quot;,&quot;width&quot;:100} --&gt;&lt;div class=&quot;wp-block-button has-custom-width wp-block-button__width-100&quot;&gt;&lt;a class=&quot;wp-block-button__link has-subtle-teal-gradient-background has-background wp-element-button&quot; href=&quot;#&quot;&gt;View Templates&lt;\/a&gt;&lt;\/div&gt;&lt;!-- \/wp:button --&gt;&lt;\/div&gt;&lt;!-- \/wp:buttons --&gt;&lt;\/div&gt;&lt;!-- \/wp:group --&gt;&lt;\/div&gt;&lt;!-- \/wp:obb\/content-block --&gt;&lt;\/div&gt;&lt;!-- \/wp:column --&gt;&lt;\/div&gt;&lt;!-- \/wp:columns --&gt;\" style=\"border-radius:3px;border-width:2px;border-style:solid;border-color:#ccc\"><span class=\"obb-clipboard-button-text\">Copy Pattern<\/span><\/a><div id=\"obb-clipboard-alert-6\" class=\"obb-clipboard-alert\">Copied pattern to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center\">Icon Boxes Pattern<\/h4>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-vertical obb-vertical-align-center\" style=\"background-color:#fff;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:12px;box-shadow:0 0 24px #00000040\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/11\/content-slider.png\" alt=\"\" class=\"wp-image-13\" width=\"36\" height=\"36\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"wp-block-heading has-text-align-center has-black-color has-text-color has-small-font-size\" id=\"customizable\" style=\"line-height:1.2\">Content Slideshow<\/h6>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\">Display posts types within a customizable slideshow.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-03627597 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-extra-small-font-size is-style-outline--1\"><a class=\"wp-block-button__link has-medium-gray-color has-text-color wp-element-button\" href=\"\/blocks\/organic-blocks\/content-slideshow-block\/\">View Example<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-vertical obb-vertical-align-center\" style=\"background-color:#fff;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:12px;box-shadow:0 0 24px #00000040\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/11\/posts-icon.png\" alt=\"\" class=\"wp-image-24\" width=\"36\" height=\"36\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"wp-block-heading has-text-align-center has-black-color has-text-color has-small-font-size\" id=\"customizable\" style=\"line-height:1.2\">Posts<\/h6>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\">Display post types in a custom blog layout.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-03627597 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-extra-small-font-size is-style-outline--2\"><a class=\"wp-block-button__link has-medium-gray-color has-text-color wp-element-button\" href=\"\/blocks\/organic-blocks\/posts-block\/\">View Example<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-vertical obb-vertical-align-center\" style=\"background-color:#fff;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:12px;box-shadow:0 0 24px #00000040\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/11\/portfolio-icon.png\" alt=\"\" class=\"wp-image-23\" width=\"36\" height=\"36\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"wp-block-heading has-text-align-center has-black-color has-text-color has-small-font-size\" id=\"customizable\" style=\"line-height:1.2\">Portfolio<\/h6>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\">Display a collection of posts in a portfolio.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-03627597 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-extra-small-font-size is-style-outline--3\"><a class=\"wp-block-button__link has-medium-gray-color has-text-color wp-element-button\" href=\"\/blocks\/organic-blocks\/portfolio-block\/\">View Example<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-vertical obb-vertical-align-center\" style=\"background-color:#fff;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:12px;box-shadow:0 0 24px #00000040\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/11\/profile-icon.png\" alt=\"\" class=\"wp-image-25\" width=\"36\" height=\"36\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"wp-block-heading has-text-align-center has-black-color has-text-color has-small-font-size\" id=\"customizable\" style=\"line-height:1.2\">Profile<\/h6>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\">Showcase personal profiles with social media links.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-03627597 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-extra-small-font-size is-style-outline--4\"><a class=\"wp-block-button__link has-medium-gray-color has-text-color wp-element-button\" href=\"\/blocks\/organic-blocks\/profile-block\/\">View Example<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-vertical obb-vertical-align-center\" style=\"background-color:#fff;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:12px;box-shadow:0 0 24px #00000040\">\n<figure class=\"wp-block-image aligncenter size-full is-resized obb-icon-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/11\/testimonials-icon.png\" alt=\"\" class=\"wp-image-27\" width=\"36\" height=\"36\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group obb-icon-content is-layout-flow wp-block-group-is-layout-flow\">\n<h6 class=\"wp-block-heading has-text-align-center has-black-color has-text-color has-small-font-size\" id=\"customizable\" style=\"line-height:1.2\">Testimonials<\/h6>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\">Client testimonials in a customizable slideshow.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-03627597 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-extra-small-font-size is-style-outline--5\"><a class=\"wp-block-button__link has-medium-gray-color has-text-color wp-element-button\" href=\"\/blocks\/organic-blocks\/testimonials-block\/\">View Example<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-small-font-size\">Copy this pattern using the button, and paste it into your WordPress block editor. <strong>STAX<\/strong> and the <strong>\u6709\u673a\u5757<\/strong> \u9700\u8981\u4f7f\u7528\u63d2\u4ef6\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div id=\"obb-clipboard-id-7\" class=\"wp-block-obb-clipboard-block organic-block obb-clipboard wp-block-button obb-clipboard-button is-style-outline\" style=\"text-align:right\"><a id=\"obb-clipboard-button-7\" class=\"wp-block-button__link\" data-alert-target=\"obb-clipboard-alert-7\" data-clipboard-text=\"&lt;!-- wp:columns {&quot;align&quot;:&quot;wide&quot;} --&gt;&lt;div class=&quot;wp-block-columns alignwide&quot;&gt;&lt;!-- wp:column --&gt;&lt;div class=&quot;wp-block-column&quot;&gt;&lt;!-- wp:obb\/icon-block {&quot;vertpadding&quot;:&quot;24px&quot;,&quot;horizpadding&quot;:&quot;24px&quot;,&quot;styleshadowcolor&quot;:&quot;#00000040&quot;} --&gt;&lt;div class=&quot;wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-vertical obb-vertical-align-center&quot; style=&quot;background-color:#fff;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:12px;box-shadow:0 0 24px #00000040&quot;&gt;&lt;!-- wp:image {&quot;align&quot;:&quot;center&quot;,&quot;id&quot;:13,&quot;width&quot;:36,&quot;height&quot;:36,&quot;sizeSlug&quot;:&quot;full&quot;,&quot;linkDestination&quot;:&quot;none&quot;,&quot;className&quot;:&quot;obb-icon-img&quot;} --&gt;&lt;figure class=&quot;wp-block-image aligncenter size-full is-resized obb-icon-img&quot;&gt;&lt;img src=&quot;https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/11\/content-slider.png&quot; alt=&quot;&quot; class=&quot;wp-image-13&quot; width=&quot;36&quot; height=&quot;36&quot;\/&gt;&lt;\/figure&gt;&lt;!-- \/wp:image --&gt;&lt;!-- wp:group {&quot;className&quot;:&quot;obb-icon-content&quot;} --&gt;&lt;div class=&quot;wp-block-group obb-icon-content&quot;&gt;&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;center&quot;,&quot;level&quot;:6,&quot;placeholder&quot;:&quot;Icon Box&quot;,&quot;style&quot;:{&quot;typography&quot;:{&quot;lineHeight&quot;:&quot;1.2&quot;}},&quot;textColor&quot;:&quot;black&quot;,&quot;fontSize&quot;:&quot;small&quot;} --&gt;&lt;h6 class=&quot;has-text-align-center has-black-color has-text-color has-small-font-size&quot; id=&quot;customizable&quot; style=&quot;line-height:1.2&quot;&gt;Content Slideshow&lt;\/h6&gt;&lt;!-- \/wp:heading --&gt;&lt;!-- wp:paragraph {&quot;align&quot;:&quot;center&quot;,&quot;placeholder&quot;:&quot;The Icon Box Block displays featured content with an icon and a link.&quot;,&quot;fontSize&quot;:&quot;small&quot;} --&gt;&lt;p class=&quot;has-text-align-center has-small-font-size&quot;&gt;Display posts types within a customizable slideshow.&lt;\/p&gt;&lt;!-- \/wp:paragraph --&gt;&lt;!-- wp:buttons {&quot;layout&quot;:{&quot;type&quot;:&quot;flex&quot;,&quot;justifyContent&quot;:&quot;center&quot;,&quot;orientation&quot;:&quot;horizontal&quot;}} --&gt;&lt;div class=&quot;wp-block-buttons&quot;&gt;&lt;!-- wp:button {&quot;placeholder&quot;:&quot;Example Button&quot;,&quot;textColor&quot;:&quot;medium-gray&quot;,&quot;width&quot;:100,&quot;className&quot;:&quot;is-style-outline&quot;,&quot;fontSize&quot;:&quot;extra-small&quot;} --&gt;&lt;div class=&quot;wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-extra-small-font-size&quot;&gt;&lt;a class=&quot;wp-block-button__link has-medium-gray-color has-text-color wp-element-button&quot; href=&quot;\/blocks\/organic-blocks\/content-slideshow-block\/&quot;&gt;View Example&lt;\/a&gt;&lt;\/div&gt;&lt;!-- \/wp:button --&gt;&lt;\/div&gt;&lt;!-- \/wp:buttons --&gt;&lt;\/div&gt;&lt;!-- \/wp:group --&gt;&lt;\/div&gt;&lt;!-- \/wp:obb\/icon-block --&gt;&lt;\/div&gt;&lt;!-- \/wp:column --&gt;&lt;!-- wp:column --&gt;&lt;div class=&quot;wp-block-column&quot;&gt;&lt;!-- wp:obb\/icon-block {&quot;vertpadding&quot;:&quot;24px&quot;,&quot;horizpadding&quot;:&quot;24px&quot;,&quot;styleshadowcolor&quot;:&quot;#00000040&quot;} --&gt;&lt;div class=&quot;wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-vertical obb-vertical-align-center&quot; style=&quot;background-color:#fff;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:12px;box-shadow:0 0 24px #00000040&quot;&gt;&lt;!-- wp:image {&quot;align&quot;:&quot;center&quot;,&quot;id&quot;:24,&quot;width&quot;:36,&quot;height&quot;:36,&quot;sizeSlug&quot;:&quot;full&quot;,&quot;linkDestination&quot;:&quot;none&quot;,&quot;className&quot;:&quot;obb-icon-img&quot;} --&gt;&lt;figure class=&quot;wp-block-image aligncenter size-full is-resized obb-icon-img&quot;&gt;&lt;img src=&quot;https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/11\/posts-icon.png&quot; alt=&quot;&quot; class=&quot;wp-image-24&quot; width=&quot;36&quot; height=&quot;36&quot;\/&gt;&lt;\/figure&gt;&lt;!-- \/wp:image --&gt;&lt;!-- wp:group {&quot;className&quot;:&quot;obb-icon-content&quot;} --&gt;&lt;div class=&quot;wp-block-group obb-icon-content&quot;&gt;&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;center&quot;,&quot;level&quot;:6,&quot;placeholder&quot;:&quot;Icon Box&quot;,&quot;style&quot;:{&quot;typography&quot;:{&quot;lineHeight&quot;:&quot;1.2&quot;}},&quot;textColor&quot;:&quot;black&quot;,&quot;fontSize&quot;:&quot;small&quot;} --&gt;&lt;h6 class=&quot;has-text-align-center has-black-color has-text-color has-small-font-size&quot; id=&quot;customizable&quot; style=&quot;line-height:1.2&quot;&gt;Posts&lt;\/h6&gt;&lt;!-- \/wp:heading --&gt;&lt;!-- wp:paragraph {&quot;align&quot;:&quot;center&quot;,&quot;placeholder&quot;:&quot;The Icon Box Block displays featured content with an icon and a link.&quot;,&quot;fontSize&quot;:&quot;small&quot;} --&gt;&lt;p class=&quot;has-text-align-center has-small-font-size&quot;&gt;Display post types in a custom blog layout.&lt;\/p&gt;&lt;!-- \/wp:paragraph --&gt;&lt;!-- wp:buttons {&quot;layout&quot;:{&quot;type&quot;:&quot;flex&quot;,&quot;justifyContent&quot;:&quot;center&quot;,&quot;orientation&quot;:&quot;horizontal&quot;}} --&gt;&lt;div class=&quot;wp-block-buttons&quot;&gt;&lt;!-- wp:button {&quot;placeholder&quot;:&quot;Example Button&quot;,&quot;textColor&quot;:&quot;medium-gray&quot;,&quot;width&quot;:100,&quot;className&quot;:&quot;is-style-outline&quot;,&quot;fontSize&quot;:&quot;extra-small&quot;} --&gt;&lt;div class=&quot;wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-extra-small-font-size&quot;&gt;&lt;a class=&quot;wp-block-button__link has-medium-gray-color has-text-color wp-element-button&quot; href=&quot;\/blocks\/organic-blocks\/posts-block\/&quot;&gt;View Example&lt;\/a&gt;&lt;\/div&gt;&lt;!-- \/wp:button --&gt;&lt;\/div&gt;&lt;!-- \/wp:buttons --&gt;&lt;\/div&gt;&lt;!-- \/wp:group --&gt;&lt;\/div&gt;&lt;!-- \/wp:obb\/icon-block --&gt;&lt;\/div&gt;&lt;!-- \/wp:column --&gt;&lt;!-- wp:column --&gt;&lt;div class=&quot;wp-block-column&quot;&gt;&lt;!-- wp:obb\/icon-block {&quot;vertpadding&quot;:&quot;24px&quot;,&quot;horizpadding&quot;:&quot;24px&quot;,&quot;styleshadowcolor&quot;:&quot;#00000040&quot;} --&gt;&lt;div class=&quot;wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-vertical obb-vertical-align-center&quot; style=&quot;background-color:#fff;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:12px;box-shadow:0 0 24px #00000040&quot;&gt;&lt;!-- wp:image {&quot;align&quot;:&quot;center&quot;,&quot;id&quot;:23,&quot;width&quot;:36,&quot;height&quot;:36,&quot;sizeSlug&quot;:&quot;full&quot;,&quot;linkDestination&quot;:&quot;none&quot;,&quot;className&quot;:&quot;obb-icon-img&quot;} --&gt;&lt;figure class=&quot;wp-block-image aligncenter size-full is-resized obb-icon-img&quot;&gt;&lt;img src=&quot;https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/11\/portfolio-icon.png&quot; alt=&quot;&quot; class=&quot;wp-image-23&quot; width=&quot;36&quot; height=&quot;36&quot;\/&gt;&lt;\/figure&gt;&lt;!-- \/wp:image --&gt;&lt;!-- wp:group {&quot;className&quot;:&quot;obb-icon-content&quot;} --&gt;&lt;div class=&quot;wp-block-group obb-icon-content&quot;&gt;&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;center&quot;,&quot;level&quot;:6,&quot;placeholder&quot;:&quot;Icon Box&quot;,&quot;style&quot;:{&quot;typography&quot;:{&quot;lineHeight&quot;:&quot;1.2&quot;}},&quot;textColor&quot;:&quot;black&quot;,&quot;fontSize&quot;:&quot;small&quot;} --&gt;&lt;h6 class=&quot;has-text-align-center has-black-color has-text-color has-small-font-size&quot; id=&quot;customizable&quot; style=&quot;line-height:1.2&quot;&gt;Portfolio&lt;\/h6&gt;&lt;!-- \/wp:heading --&gt;&lt;!-- wp:paragraph {&quot;align&quot;:&quot;center&quot;,&quot;placeholder&quot;:&quot;The Icon Box Block displays featured content with an icon and a link.&quot;,&quot;fontSize&quot;:&quot;small&quot;} --&gt;&lt;p class=&quot;has-text-align-center has-small-font-size&quot;&gt;Display a collection of posts in a portfolio.&lt;\/p&gt;&lt;!-- \/wp:paragraph --&gt;&lt;!-- wp:buttons {&quot;layout&quot;:{&quot;type&quot;:&quot;flex&quot;,&quot;justifyContent&quot;:&quot;center&quot;,&quot;orientation&quot;:&quot;horizontal&quot;}} --&gt;&lt;div class=&quot;wp-block-buttons&quot;&gt;&lt;!-- wp:button {&quot;placeholder&quot;:&quot;Example Button&quot;,&quot;textColor&quot;:&quot;medium-gray&quot;,&quot;width&quot;:100,&quot;className&quot;:&quot;is-style-outline&quot;,&quot;fontSize&quot;:&quot;extra-small&quot;} --&gt;&lt;div class=&quot;wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-extra-small-font-size&quot;&gt;&lt;a class=&quot;wp-block-button__link has-medium-gray-color has-text-color wp-element-button&quot; href=&quot;\/blocks\/organic-blocks\/portfolio-block\/&quot;&gt;View Example&lt;\/a&gt;&lt;\/div&gt;&lt;!-- \/wp:button --&gt;&lt;\/div&gt;&lt;!-- \/wp:buttons --&gt;&lt;\/div&gt;&lt;!-- \/wp:group --&gt;&lt;\/div&gt;&lt;!-- \/wp:obb\/icon-block --&gt;&lt;\/div&gt;&lt;!-- \/wp:column --&gt;&lt;!-- wp:column --&gt;&lt;div class=&quot;wp-block-column&quot;&gt;&lt;!-- wp:obb\/icon-block {&quot;vertpadding&quot;:&quot;24px&quot;,&quot;horizpadding&quot;:&quot;24px&quot;,&quot;styleshadowcolor&quot;:&quot;#00000040&quot;} --&gt;&lt;div class=&quot;wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-vertical obb-vertical-align-center&quot; style=&quot;background-color:#fff;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:12px;box-shadow:0 0 24px #00000040&quot;&gt;&lt;!-- wp:image {&quot;align&quot;:&quot;center&quot;,&quot;id&quot;:25,&quot;width&quot;:36,&quot;height&quot;:36,&quot;sizeSlug&quot;:&quot;full&quot;,&quot;linkDestination&quot;:&quot;none&quot;,&quot;className&quot;:&quot;obb-icon-img&quot;} --&gt;&lt;figure class=&quot;wp-block-image aligncenter size-full is-resized obb-icon-img&quot;&gt;&lt;img src=&quot;https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/11\/profile-icon.png&quot; alt=&quot;&quot; class=&quot;wp-image-25&quot; width=&quot;36&quot; height=&quot;36&quot;\/&gt;&lt;\/figure&gt;&lt;!-- \/wp:image --&gt;&lt;!-- wp:group {&quot;className&quot;:&quot;obb-icon-content&quot;} --&gt;&lt;div class=&quot;wp-block-group obb-icon-content&quot;&gt;&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;center&quot;,&quot;level&quot;:6,&quot;placeholder&quot;:&quot;Icon Box&quot;,&quot;style&quot;:{&quot;typography&quot;:{&quot;lineHeight&quot;:&quot;1.2&quot;}},&quot;textColor&quot;:&quot;black&quot;,&quot;fontSize&quot;:&quot;small&quot;} --&gt;&lt;h6 class=&quot;has-text-align-center has-black-color has-text-color has-small-font-size&quot; id=&quot;customizable&quot; style=&quot;line-height:1.2&quot;&gt;Profile&lt;\/h6&gt;&lt;!-- \/wp:heading --&gt;&lt;!-- wp:paragraph {&quot;align&quot;:&quot;center&quot;,&quot;placeholder&quot;:&quot;The Icon Box Block displays featured content with an icon and a link.&quot;,&quot;fontSize&quot;:&quot;small&quot;} --&gt;&lt;p class=&quot;has-text-align-center has-small-font-size&quot;&gt;Showcase personal profiles with social media links.&lt;\/p&gt;&lt;!-- \/wp:paragraph --&gt;&lt;!-- wp:buttons {&quot;layout&quot;:{&quot;type&quot;:&quot;flex&quot;,&quot;justifyContent&quot;:&quot;center&quot;,&quot;orientation&quot;:&quot;horizontal&quot;}} --&gt;&lt;div class=&quot;wp-block-buttons&quot;&gt;&lt;!-- wp:button {&quot;placeholder&quot;:&quot;Example Button&quot;,&quot;textColor&quot;:&quot;medium-gray&quot;,&quot;width&quot;:100,&quot;className&quot;:&quot;is-style-outline&quot;,&quot;fontSize&quot;:&quot;extra-small&quot;} --&gt;&lt;div class=&quot;wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-extra-small-font-size&quot;&gt;&lt;a class=&quot;wp-block-button__link has-medium-gray-color has-text-color wp-element-button&quot; href=&quot;\/blocks\/organic-blocks\/profile-block\/&quot;&gt;View Example&lt;\/a&gt;&lt;\/div&gt;&lt;!-- \/wp:button --&gt;&lt;\/div&gt;&lt;!-- \/wp:buttons --&gt;&lt;\/div&gt;&lt;!-- \/wp:group --&gt;&lt;\/div&gt;&lt;!-- \/wp:obb\/icon-block --&gt;&lt;\/div&gt;&lt;!-- \/wp:column --&gt;&lt;!-- wp:column --&gt;&lt;div class=&quot;wp-block-column&quot;&gt;&lt;!-- wp:obb\/icon-block {&quot;vertpadding&quot;:&quot;24px&quot;,&quot;horizpadding&quot;:&quot;24px&quot;,&quot;styleshadowcolor&quot;:&quot;#00000040&quot;} --&gt;&lt;div class=&quot;wp-block-obb-icon-block organic-block obb-icon-box obb-orientation-vertical obb-vertical-align-center&quot; style=&quot;background-color:#fff;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;border-radius:12px;box-shadow:0 0 24px #00000040&quot;&gt;&lt;!-- wp:image {&quot;align&quot;:&quot;center&quot;,&quot;id&quot;:27,&quot;width&quot;:36,&quot;height&quot;:36,&quot;sizeSlug&quot;:&quot;full&quot;,&quot;linkDestination&quot;:&quot;none&quot;,&quot;className&quot;:&quot;obb-icon-img&quot;} --&gt;&lt;figure class=&quot;wp-block-image aligncenter size-full is-resized obb-icon-img&quot;&gt;&lt;img src=&quot;https:\/\/\/wp-content\/uploads\/sites\/8\/2021\/11\/testimonials-icon.png&quot; alt=&quot;&quot; class=&quot;wp-image-27&quot; width=&quot;36&quot; height=&quot;36&quot;\/&gt;&lt;\/figure&gt;&lt;!-- \/wp:image --&gt;&lt;!-- wp:group {&quot;className&quot;:&quot;obb-icon-content&quot;} --&gt;&lt;div class=&quot;wp-block-group obb-icon-content&quot;&gt;&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;center&quot;,&quot;level&quot;:6,&quot;placeholder&quot;:&quot;Icon Box&quot;,&quot;style&quot;:{&quot;typography&quot;:{&quot;lineHeight&quot;:&quot;1.2&quot;}},&quot;textColor&quot;:&quot;black&quot;,&quot;fontSize&quot;:&quot;small&quot;} --&gt;&lt;h6 class=&quot;has-text-align-center has-black-color has-text-color has-small-font-size&quot; id=&quot;customizable&quot; style=&quot;line-height:1.2&quot;&gt;Testimonials&lt;\/h6&gt;&lt;!-- \/wp:heading --&gt;&lt;!-- wp:paragraph {&quot;align&quot;:&quot;center&quot;,&quot;placeholder&quot;:&quot;The Icon Box Block displays featured content with an icon and a link.&quot;,&quot;fontSize&quot;:&quot;small&quot;} --&gt;&lt;p class=&quot;has-text-align-center has-small-font-size&quot;&gt;Client testimonials in a customizable slideshow.&lt;\/p&gt;&lt;!-- \/wp:paragraph --&gt;&lt;!-- wp:buttons {&quot;layout&quot;:{&quot;type&quot;:&quot;flex&quot;,&quot;justifyContent&quot;:&quot;center&quot;,&quot;orientation&quot;:&quot;horizontal&quot;}} --&gt;&lt;div class=&quot;wp-block-buttons&quot;&gt;&lt;!-- wp:button {&quot;placeholder&quot;:&quot;Example Button&quot;,&quot;textColor&quot;:&quot;medium-gray&quot;,&quot;width&quot;:100,&quot;className&quot;:&quot;is-style-outline&quot;,&quot;fontSize&quot;:&quot;extra-small&quot;} --&gt;&lt;div class=&quot;wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-extra-small-font-size&quot;&gt;&lt;a class=&quot;wp-block-button__link has-medium-gray-color has-text-color wp-element-button&quot; href=&quot;\/blocks\/organic-blocks\/testimonials-block\/&quot;&gt;View Example&lt;\/a&gt;&lt;\/div&gt;&lt;!-- \/wp:button --&gt;&lt;\/div&gt;&lt;!-- \/wp:buttons --&gt;&lt;\/div&gt;&lt;!-- \/wp:group --&gt;&lt;\/div&gt;&lt;!-- \/wp:obb\/icon-block --&gt;&lt;\/div&gt;&lt;!-- \/wp:column --&gt;&lt;\/div&gt;&lt;!-- \/wp:columns --&gt;\" style=\"border-radius:3px;border-width:2px;border-style:solid;border-color:#ccc\"><span class=\"obb-clipboard-button-text\">Copy Pattern<\/span><\/a><div id=\"obb-clipboard-alert-7\" class=\"obb-clipboard-alert\">Copied pattern to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center\">Content Slideshow Callout Pattern<\/h4>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"inherit-container-width wp-block-group alignfull has-midnight-hour-gradient-background has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignfull are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-4841269e wp-block-group-is-layout-constrained\">\n<h6 class=\"wp-block-heading has-text-color\" id=\"stax-features\" style=\"color:#ffc73b;font-weight:400;line-height:0.6\"><strong>Organic Block<\/strong> Example<\/h6>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-left has-white-color has-text-color\" id=\"totally-customizable\" style=\"font-weight:300;line-height:1\"><strong>Content Slideshow<\/strong> Block<\/h2>\n\n\n\n<p class=\"has-text-align-left has-white-color has-text-color\">\"(\u300a\u4e16\u754c\u4eba\u6743\u5ba3\u8a00\u300b) <strong>Content Slideshow<\/strong> Block displays a slideshow of posts from a selected post type. The block is perfect for showcasing featured news articles, WooCommerce products, case studies, and much more! The slideshow is highly customizable without being overwhelming.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--6\"><a class=\"wp-block-button__link has-white-color has-text-color wp-element-button\">Get Organic Blocks<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-small-font-size\">Copy this pattern using the button, and paste it into your WordPress block editor. <strong>STAX<\/strong> and the <strong>\u6709\u673a\u5757<\/strong> \u9700\u8981\u4f7f\u7528\u63d2\u4ef6\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div id=\"obb-clipboard-id-8\" class=\"wp-block-obb-clipboard-block organic-block obb-clipboard wp-block-button obb-clipboard-button is-style-outline\" style=\"text-align:right\"><a id=\"obb-clipboard-button-8\" class=\"wp-block-button__link\" data-alert-target=\"obb-clipboard-alert-8\" data-clipboard-text=\"&lt;!-- wp:group {&quot;align&quot;:&quot;full&quot;,&quot;gradient&quot;:&quot;midnight-hour&quot;,&quot;layout&quot;:{&quot;inherit&quot;:true,&quot;type&quot;:&quot;constrained&quot;}} --&gt;&lt;div class=&quot;wp-block-group alignfull has-midnight-hour-gradient-background has-background&quot;&gt;&lt;!-- wp:spacer {&quot;height&quot;:&quot;40px&quot;} --&gt;&lt;div style=&quot;height:40px&quot; aria-hidden=&quot;true&quot; class=&quot;wp-block-spacer&quot;&gt;&lt;\/div&gt;&lt;!-- \/wp:spacer --&gt;&lt;!-- wp:columns {&quot;verticalAlignment&quot;:&quot;center&quot;,&quot;align&quot;:&quot;full&quot;} --&gt;&lt;div class=&quot;wp-block-columns alignfull are-vertically-aligned-center&quot;&gt;&lt;!-- wp:column {&quot;verticalAlignment&quot;:&quot;center&quot;} --&gt;&lt;div class=&quot;wp-block-column is-vertically-aligned-center&quot;&gt;&lt;!-- wp:obb\/slideshow-block {&quot;editMode&quot;:false,&quot;postcategory&quot;:[&quot;Featured&quot;],&quot;posttype&quot;:&quot;post&quot;,&quot;posttaxonomy&quot;:&quot;category&quot;,&quot;slidestyle&quot;:&quot;style-modern&quot;,&quot;slideheight&quot;:&quot;520&quot;,&quot;slideexcerpt&quot;:false,&quot;slidelink&quot;:false,&quot;slidebackground&quot;:false,&quot;slidelayout&quot;:&quot;content-position-bottom&quot;,&quot;slideopacity&quot;:0.2,&quot;slidetitlecolor&quot;:&quot;#fff&quot;,&quot;slidecontentcolor&quot;:&quot;#fff&quot;,&quot;align&quot;:&quot;wide&quot;} \/--&gt;&lt;\/div&gt;&lt;!-- \/wp:column --&gt;&lt;!-- wp:column {&quot;verticalAlignment&quot;:&quot;center&quot;} --&gt;&lt;div class=&quot;wp-block-column is-vertically-aligned-center&quot;&gt;&lt;!-- wp:group {&quot;layout&quot;:{&quot;contentSize&quot;:&quot;740px&quot;,&quot;type&quot;:&quot;constrained&quot;}} --&gt;&lt;div class=&quot;wp-block-group&quot;&gt;&lt;!-- wp:heading {&quot;level&quot;:6,&quot;style&quot;:{&quot;typography&quot;:{&quot;lineHeight&quot;:&quot;0.6&quot;,&quot;fontWeight&quot;:&quot;400&quot;},&quot;color&quot;:{&quot;text&quot;:&quot;#ffc73b&quot;}}} --&gt;&lt;h6 class=&quot;has-text-color&quot; id=&quot;stax-features&quot; style=&quot;color:#ffc73b;font-weight:400;line-height:0.6&quot;&gt;&lt;strong&gt;Organic Block&lt;\/strong&gt; Example&lt;\/h6&gt;&lt;!-- \/wp:heading --&gt;&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;left&quot;,&quot;style&quot;:{&quot;typography&quot;:{&quot;fontWeight&quot;:&quot;300&quot;,&quot;lineHeight&quot;:&quot;1&quot;}},&quot;textColor&quot;:&quot;white&quot;} --&gt;&lt;h2 class=&quot;has-text-align-left has-white-color has-text-color&quot; id=&quot;totally-customizable&quot; style=&quot;font-weight:300;line-height:1&quot;&gt;&lt;strong&gt;Content Slideshow&lt;\/strong&gt; Block&lt;\/h2&gt;&lt;!-- \/wp:heading --&gt;&lt;!-- wp:paragraph {&quot;align&quot;:&quot;left&quot;,&quot;textColor&quot;:&quot;white&quot;} --&gt;&lt;p class=&quot;has-text-align-left has-white-color has-text-color&quot;&gt;The &lt;strong&gt;Content Slideshow&lt;\/strong&gt; Block displays a slideshow of posts from a selected post type. The block is perfect for showcasing featured news articles, WooCommerce products, case studies, and much more! The slideshow is highly customizable without being overwhelming.&lt;\/p&gt;&lt;!-- \/wp:paragraph --&gt;&lt;!-- wp:buttons --&gt;&lt;div class=&quot;wp-block-buttons&quot;&gt;&lt;!-- wp:button {&quot;textColor&quot;:&quot;white&quot;,&quot;className&quot;:&quot;is-style-outline&quot;} --&gt;&lt;div class=&quot;wp-block-button is-style-outline&quot;&gt;&lt;a class=&quot;wp-block-button__link has-white-color has-text-color wp-element-button&quot;&gt;Get Organic Blocks&lt;\/a&gt;&lt;\/div&gt;&lt;!-- \/wp:button --&gt;&lt;\/div&gt;&lt;!-- \/wp:buttons --&gt;&lt;\/div&gt;&lt;!-- \/wp:group --&gt;&lt;\/div&gt;&lt;!-- \/wp:column --&gt;&lt;\/div&gt;&lt;!-- \/wp:columns --&gt;&lt;!-- wp:spacer {&quot;height&quot;:&quot;40px&quot;} --&gt;&lt;div style=&quot;height:40px&quot; aria-hidden=&quot;true&quot; class=&quot;wp-block-spacer&quot;&gt;&lt;\/div&gt;&lt;!-- \/wp:spacer --&gt;&lt;\/div&gt;&lt;!-- \/wp:group --&gt;\" style=\"border-radius:3px;border-width:2px;border-style:solid;border-color:#ccc\"><span class=\"obb-clipboard-button-text\">Copy Pattern<\/span><\/a><div id=\"obb-clipboard-alert-8\" class=\"obb-clipboard-alert\">Copied pattern to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center\">Featured Testimonial Pattern<\/h4>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-center\" style=\"grid-template-columns:32% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"887\" height=\"1024\" src=\"https:\/\/stax.organicthemes.com\/wp-content\/uploads\/sites\/8\/2021\/12\/portrait-lady-cutout-01-887x1024.png\" alt=\"\" class=\"wp-image-1847 size-large\" srcset=\"https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/12\/portrait-lady-cutout-01-887x1024.png 887w, https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/12\/portrait-lady-cutout-01-260x300.png 260w, https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/12\/portrait-lady-cutout-01-768x886.png 768w, https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/12\/portrait-lady-cutout-01-10x12.png 10w, https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/12\/portrait-lady-cutout-01-980x1131.png 980w, https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/12\/portrait-lady-cutout-01.png 1200w\" sizes=\"(max-width: 887px) 100vw, 887px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-7bec18b8 wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\" id=\"i-love-stax\">I <em>Love<\/em> <strong>STAX<\/strong>,<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Thank you. You have the best looking templates I have ever seen, and it was extremely fast and easy to build my website. Well worth the money. Thank you again for your service.<\/p>\n<cite>\u00e2\u20ac\u201d Lynn Sheldon<\/cite><\/blockquote>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-subtle-teal-gradient-background has-background wp-element-button\" href=\"#\">More Testimonials<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-small-font-size\">Copy this pattern using the button, and paste it into your WordPress block editor. <strong>STAX<\/strong> and the <strong>\u6709\u673a\u5757<\/strong> \u9700\u8981\u4f7f\u7528\u63d2\u4ef6\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div id=\"obb-clipboard-id-9\" class=\"wp-block-obb-clipboard-block organic-block obb-clipboard wp-block-button obb-clipboard-button is-style-outline\" style=\"text-align:right\"><a id=\"obb-clipboard-button-9\" class=\"wp-block-button__link\" data-alert-target=\"obb-clipboard-alert-9\" data-clipboard-text=\"&lt;!-- wp:media-text {&quot;mediaId&quot;:1847,&quot;mediaLink&quot;:&quot;https:\/\/stax.organicthemes.com\/blocks\/organic-blocks\/callout-block\/portrait-lady-cutout-01\/&quot;,&quot;mediaType&quot;:&quot;image&quot;,&quot;mediaWidth&quot;:32,&quot;mediaSizeSlug&quot;:&quot;large&quot;,&quot;verticalAlignment&quot;:&quot;center&quot;,&quot;imageFill&quot;:false} --&gt;&lt;div class=&quot;wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-center&quot; style=&quot;grid-template-columns:32% auto&quot;&gt;&lt;figure class=&quot;wp-block-media-text__media&quot;&gt;&lt;img src=&quot;https:\/\/stax.organicthemes.com\/wp-content\/uploads\/sites\/8\/2021\/12\/portrait-lady-cutout-01-887x1024.png&quot; alt=&quot;&quot; class=&quot;wp-image-1847 size-large&quot;\/&gt;&lt;\/figure&gt;&lt;div class=&quot;wp-block-media-text__content&quot;&gt;&lt;!-- wp:group {&quot;layout&quot;:{&quot;inherit&quot;:false,&quot;contentSize&quot;:&quot;720px&quot;,&quot;type&quot;:&quot;constrained&quot;}} --&gt;&lt;div class=&quot;wp-block-group&quot;&gt;&lt;!-- wp:heading --&gt;&lt;h2 id=&quot;i-love-stax&quot;&gt;I &lt;em&gt;Love&lt;\/em&gt; &lt;strong&gt;STAX&lt;\/strong&gt;,&lt;\/h2&gt;&lt;!-- \/wp:heading --&gt;&lt;!-- wp:quote --&gt;&lt;blockquote class=&quot;wp-block-quote&quot;&gt;&lt;!-- wp:paragraph --&gt;&lt;p&gt;Thank you. You have the best looking templates I have ever seen, and it was extremely fast and easy to build my website. Well worth the money. Thank you again for your service.&lt;\/p&gt;&lt;!-- \/wp:paragraph --&gt;&lt;cite&gt;\u00e2\u20ac\u201d Lynn Sheldon&lt;\/cite&gt;&lt;\/blockquote&gt;&lt;!-- \/wp:quote --&gt;&lt;!-- wp:buttons --&gt;&lt;div class=&quot;wp-block-buttons&quot;&gt;&lt;!-- wp:button {&quot;gradient&quot;:&quot;subtle-teal&quot;} --&gt;&lt;div class=&quot;wp-block-button&quot;&gt;&lt;a class=&quot;wp-block-button__link has-subtle-teal-gradient-background has-background wp-element-button&quot; href=&quot;#&quot;&gt;More Testimonials&lt;\/a&gt;&lt;\/div&gt;&lt;!-- \/wp:button --&gt;&lt;\/div&gt;&lt;!-- \/wp:buttons --&gt;&lt;!-- wp:spacer {&quot;height&quot;:&quot;40px&quot;} --&gt;&lt;div style=&quot;height:40px&quot; aria-hidden=&quot;true&quot; class=&quot;wp-block-spacer&quot;&gt;&lt;\/div&gt;&lt;!-- \/wp:spacer --&gt;&lt;\/div&gt;&lt;!-- \/wp:group --&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;!-- \/wp:media-text --&gt;\" style=\"border-radius:3px;border-width:2px;border-style:solid;border-color:#ccc\"><span class=\"obb-clipboard-button-text\">Copy Pattern<\/span><\/a><div id=\"obb-clipboard-alert-9\" class=\"obb-clipboard-alert\">Copied pattern to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>STAX includes several patterns for quickly creating a variety of content sections. This page features examples of a few patterns. However, there are several patterns demonstrated throughout the STAX demo for each block, and patterns may be copied directly from the demo, and pasted into the block editor. Hero Pattern Copy this pattern using the [&hellip;]<\/p>","protected":false},"author":236185298,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_eb_attr":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-52","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Patterns - ThinkSAi - Asia<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.thinksai.com\/asia\/zh\/patterns\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Patterns - ThinkSAi - Asia\" \/>\n<meta property=\"og:description\" content=\"STAX includes several patterns for quickly creating a variety of content sections. This page features examples of a few patterns. However, there are several patterns demonstrated throughout the STAX demo for each block, and patterns may be copied directly from the demo, and pasted into the block editor. Hero Pattern Copy this pattern using the [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.thinksai.com\/asia\/zh\/patterns\/\" \/>\n<meta property=\"og:site_name\" content=\"ThinkSAi - Asia\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-07T19:00:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stax.organicthemes.com\/wp-content\/uploads\/sites\/8\/2021\/12\/portrait-lady-cutout-01-887x1024.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.thinksai.com\/asia\/patterns\/\",\"url\":\"https:\/\/www.thinksai.com\/asia\/patterns\/\",\"name\":\"Patterns - ThinkSAi - Asia\",\"isPartOf\":{\"@id\":\"https:\/\/www.thinksai.com\/asia\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.thinksai.com\/asia\/patterns\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.thinksai.com\/asia\/patterns\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stax.organicthemes.com\/wp-content\/uploads\/sites\/8\/2021\/12\/portrait-lady-cutout-01-887x1024.png\",\"datePublished\":\"2021-11-05T16:22:30+00:00\",\"dateModified\":\"2023-06-07T19:00:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.thinksai.com\/asia\/patterns\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.thinksai.com\/asia\/patterns\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.thinksai.com\/asia\/patterns\/#primaryimage\",\"url\":\"https:\/\/stax.organicthemes.com\/wp-content\/uploads\/sites\/8\/2021\/12\/portrait-lady-cutout-01-887x1024.png\",\"contentUrl\":\"https:\/\/stax.organicthemes.com\/wp-content\/uploads\/sites\/8\/2021\/12\/portrait-lady-cutout-01-887x1024.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.thinksai.com\/asia\/patterns\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.thinksai.com\/asia\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Patterns\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.thinksai.com\/asia\/#website\",\"url\":\"https:\/\/www.thinksai.com\/asia\/\",\"name\":\"ThinkSAi - Asia\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.thinksai.com\/asia\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.thinksai.com\/asia\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.thinksai.com\/asia\/#organization\",\"name\":\"ThinkSAi - Asia\",\"url\":\"https:\/\/www.thinksai.com\/asia\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.thinksai.com\/asia\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2023\/06\/SAiPurple_Logo.png\",\"contentUrl\":\"https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2023\/06\/SAiPurple_Logo.png\",\"width\":406,\"height\":407,\"caption\":\"ThinkSAi - Asia\"},\"image\":{\"@id\":\"https:\/\/www.thinksai.com\/asia\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Patterns - ThinkSAi - Asia","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.thinksai.com\/asia\/zh\/patterns\/","og_locale":"zh_CN","og_type":"article","og_title":"Patterns - ThinkSAi - Asia","og_description":"STAX includes several patterns for quickly creating a variety of content sections. This page features examples of a few patterns. However, there are several patterns demonstrated throughout the STAX demo for each block, and patterns may be copied directly from the demo, and pasted into the block editor. Hero Pattern Copy this pattern using the [&hellip;]","og_url":"https:\/\/www.thinksai.com\/asia\/zh\/patterns\/","og_site_name":"ThinkSAi - Asia","article_modified_time":"2023-06-07T19:00:32+00:00","og_image":[{"url":"https:\/\/stax.organicthemes.com\/wp-content\/uploads\/sites\/8\/2021\/12\/portrait-lady-cutout-01-887x1024.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"4 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.thinksai.com\/asia\/patterns\/","url":"https:\/\/www.thinksai.com\/asia\/patterns\/","name":"Patterns - ThinkSAi - Asia","isPartOf":{"@id":"https:\/\/www.thinksai.com\/asia\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.thinksai.com\/asia\/patterns\/#primaryimage"},"image":{"@id":"https:\/\/www.thinksai.com\/asia\/patterns\/#primaryimage"},"thumbnailUrl":"https:\/\/stax.organicthemes.com\/wp-content\/uploads\/sites\/8\/2021\/12\/portrait-lady-cutout-01-887x1024.png","datePublished":"2021-11-05T16:22:30+00:00","dateModified":"2023-06-07T19:00:32+00:00","breadcrumb":{"@id":"https:\/\/www.thinksai.com\/asia\/patterns\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.thinksai.com\/asia\/patterns\/"]}]},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.thinksai.com\/asia\/patterns\/#primaryimage","url":"https:\/\/stax.organicthemes.com\/wp-content\/uploads\/sites\/8\/2021\/12\/portrait-lady-cutout-01-887x1024.png","contentUrl":"https:\/\/stax.organicthemes.com\/wp-content\/uploads\/sites\/8\/2021\/12\/portrait-lady-cutout-01-887x1024.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.thinksai.com\/asia\/patterns\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.thinksai.com\/asia\/"},{"@type":"ListItem","position":2,"name":"Patterns"}]},{"@type":"WebSite","@id":"https:\/\/www.thinksai.com\/asia\/#website","url":"https:\/\/www.thinksai.com\/asia\/","name":"ThinkSAi - \u4e9a\u6d32","description":"","publisher":{"@id":"https:\/\/www.thinksai.com\/asia\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.thinksai.com\/asia\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":"Organization","@id":"https:\/\/www.thinksai.com\/asia\/#organization","name":"ThinkSAi - \u4e9a\u6d32","url":"https:\/\/www.thinksai.com\/asia\/","logo":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.thinksai.com\/asia\/#\/schema\/logo\/image\/","url":"https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2023\/06\/SAiPurple_Logo.png","contentUrl":"https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2023\/06\/SAiPurple_Logo.png","width":406,"height":407,"caption":"ThinkSAi - Asia"},"image":{"@id":"https:\/\/www.thinksai.com\/asia\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.thinksai.com\/asia\/zh\/wp-json\/wp\/v2\/pages\/52","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thinksai.com\/asia\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.thinksai.com\/asia\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.thinksai.com\/asia\/zh\/wp-json\/wp\/v2\/users\/236185298"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thinksai.com\/asia\/zh\/wp-json\/wp\/v2\/comments?post=52"}],"version-history":[{"count":0,"href":"https:\/\/www.thinksai.com\/asia\/zh\/wp-json\/wp\/v2\/pages\/52\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.thinksai.com\/asia\/zh\/wp-json\/wp\/v2\/media?parent=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}