Author Card
spaceblock/author-card
Categories: spaceblock-section
<!-- wp:group {"tagName":"section","align":"wide","layout":{"inherit":false,"contentSize":"","wideSize":""}} --> <section class="wp-block-group alignwide"> <!-- wp:group {"layout":{"contentSize":"1024px"}} --> <div class="wp-block-group"> <!-- wp:columns {"style":{"spacing":{"blockGap":"40px","padding":{"top":"60px","right":"60px","bottom":"60px","left":"60px"}},"border":{"width":"2px"}}} --> <div class="wp-block-columns" style="border-width:2px;padding-top:60px;padding-right:60px;padding-bottom:60px;padding-left:60px"> <!-- wp:column {"width":"20%"} --> <div class="wp-block-column" style="flex-basis:20%"> <!-- wp:image {"id":1908,"width":171,"height":256,"sizeSlug":"large","linkDestination":"none"} --> <figure class="wp-block-image size-large is-resized"><img src="https://blocks.wp-a2z.org/wp-content/themes/spaceblock/assets/img/image-from-rawpixel-id-3342550-jpeg.jpg" alt="Positive women talking during interview in studio " class=" wp-image-1908" width="171" height="256" /></figure> <!-- /wp:image --> </div> <!-- /wp:column --> <!-- wp:column {"width":"80%"} --> <div class="wp-block-column" style="flex-basis:80%"> <!-- wp:heading {"level":3,"style":{"color":{"text":"#979797"}},"fontSize":"base"} --> <h3 class="has-text-color has-base-font-size" style="color:#979797">Darrell Steward</h3> <!-- /wp:heading --> <!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"textColor":"quaternary","fontSize":"md"} --> <p class="has-quaternary-color has-text-color has-md-font-size" style="font-style:normal;font-weight:700">Twitter specialist. Zombie enthusiast. Tv fanatic. Lifelong gamer. Food geek. Wannabe travel nerd. Pop culture evangelist.</p> <!-- /wp:paragraph --> </div> <!-- /wp:column --> <!-- wp:column {"width":"20%"} --> <div class="wp-block-column" style="flex-basis:20%"> <!-- wp:buttons --> <div class="wp-block-buttons"> <!-- wp:button --> <div class="wp-block-button"><a class="wp-block-button__link" href="#">View Author</a> </div> <!-- /wp:button --> </div> <!-- /wp:buttons --> </div> <!-- /wp:column --> </div> <!-- /wp:columns --> </div> <!-- /wp:group --> </section> <!-- /wp:group -->
Footer
spaceblock/footer
Categories: spaceblock-footer
<!-- wp:group {"style":{"spacing":{"padding":{"top":"80px"}}},"layout":{"inherit":true}} --> <div class="wp-block-group" style="padding-top:80px"> <!-- wp:separator {"align":"wide","backgroundColor":"quaternary","className":"is-style-wide"} --> <hr class="wp-block-separator alignwide has-text-color has-quaternary-color has-alpha-channel-opacity has-quaternary-background-color has-background is-style-wide" /> <!-- /wp:separator --> <!-- wp:columns {"align":"wide"} --> <div class="wp-block-columns alignwide"> <!-- wp:column {"width":"40%"} --> <div class="wp-block-column" style="flex-basis:40%"> <!-- wp:site-logo {"width":160} /--> </div> <!-- /wp:column --> <!-- wp:column {"width":"66.66%"} --> <div class="wp-block-column" style="flex-basis:66.66%"> <!-- wp:columns --> <div class="wp-block-columns"> <!-- wp:column --> <div class="wp-block-column"> <!-- wp:paragraph {"textColor":"cyan-bluish-gray","fontSize":"sm"} --> <p class="has-cyan-bluish-gray-color has-text-color has-sm-font-size">Main</p> <!-- /wp:paragraph --> <!-- wp:navigation {"ref":145,"overlayMenu":"never","layout":{"type":"flex","flexWrap":"wrap","orientation":"vertical"}} /--> </div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"> <!-- wp:paragraph {"textColor":"cyan-bluish-gray","fontSize":"sm"} --> <p class="has-cyan-bluish-gray-color has-text-color has-sm-font-size">Products</p> <!-- /wp:paragraph --> <!-- wp:navigation {"ref":1245,"overlayMenu":"never","layout":{"type":"flex","flexWrap":"wrap","orientation":"vertical"}} /--> </div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"> <!-- wp:paragraph {"textColor":"cyan-bluish-gray","fontSize":"sm"} --> <p class="has-cyan-bluish-gray-color has-text-color has-sm-font-size">Contact</p> <!-- /wp:paragraph --> <!-- wp:navigation {"ref":1250,"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"}} /--> </div> <!-- /wp:column --> </div> <!-- /wp:columns --> </div> <!-- /wp:column --> </div> <!-- /wp:columns --> </div> <!-- /wp:group -->
Single Post Header Center Aligned.
spaceblock/header-single-center
Categories: spaceblock-header
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}}},"layout":{"inherit":false,"contentSize":"800px"}} --> <div class="wp-block-group alignwide" style="padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"> <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} --> <div class="wp-block-group"> <!-- wp:post-terms {"term":"category"} /--> </div> <!-- /wp:group --> <!-- wp:post-title {"textAlign":"center","level":1} /--> <!-- wp:post-author {"textAlign":"center"} /--> </div> <!-- /wp:group -->
Header
spaceblock/header
Categories: spaceblock-header
<!-- wp:group {"layout":{"inherit":true}} --> <div class="wp-block-group"> <!-- wp:group {"align":"wide","layout":{"type":"flex","wrap":"nowrap","justifyContent":"space-between","flexWrap":"wrap"}} --> <div class="wp-block-group alignwide"> <!-- wp:site-logo {"width":169} /--> <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","flexWrap":"wrap"}} /--> </div> <!-- /wp:group --> <!-- wp:separator {"align":"wide","className":"is-style-wide"} --> <hr class="wp-block-separator alignwide has-alpha-channel-opacity is-style-wide" /> <!-- /wp:separator --> </div> <!-- /wp:group -->
Join
spaceblock/join-card
Categories: spaceblock-section
<!-- wp:group {"tagName":"section","align":"wide","layout":{"inherit":false,"contentSize":"","wideSize":""}} --> <section class="wp-block-group alignwide"> <!-- wp:group {"layout":{"contentSize":"1024px"}} --> <div class="wp-block-group"> <!-- wp:group {"style":{"spacing":{"padding":{"top":"60px","right":"60px","bottom":"60px","left":"60px"}}},"backgroundColor":"black","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} --> <div class="wp-block-group has-black-background-color has-background" style="padding-top:60px;padding-right:60px;padding-bottom:60px;padding-left:60px"> <!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} --> <div class="wp-block-group"> <!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","letterSpacing":"-1px"}},"textColor":"white","fontSize":"lg"} --> <p class="has-white-color has-text-color has-lg-font-size" style="font-style:normal;font-weight:700;letter-spacing:-1px">Get into the space and start flowing</p> <!-- /wp:paragraph --> <!-- wp:paragraph {"textColor":"senary","fontSize":"sm"} --> <p class="has-senary-color has-text-color has-sm-font-size">Join the community to explore the space together. </p> <!-- /wp:paragraph --> </div> <!-- /wp:group --> <!-- wp:buttons --> <div class="wp-block-buttons"> <!-- wp:button {"backgroundColor":"white","textColor":"black","className":"is-style-fill"} --> <div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-black-color has-white-background-color has-text-color has-background" href="#">Join -></a></div> <!-- /wp:button --> </div> <!-- /wp:buttons --> </div> <!-- /wp:group --> </div> <!-- /wp:group --> </section> <!-- /wp:group -->
Query Featured Style 1
spaceblock/query-featured-style-1
Categories: spaceblock-query
<!-- wp:query {"queryId":14,"query":{"perPage":"3","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"only","inherit":false,"taxQuery":{"category":[1,67]}},"displayLayout":{"type":"flex","columns":3},"className":"is-style-featured-category-1"} --> <div class="wp-block-query is-style-featured-category-1"> <!-- wp:post-template --> <!-- wp:post-featured-image {"isLink":true} /--> <!-- wp:group --> <div class="wp-block-group"> <!-- wp:post-terms {"term":"category"} /--> <!-- wp:post-title {"isLink":true} /--> </div> <!-- /wp:group --> <!-- /wp:post-template --> </div> <!-- /wp:query -->
Query Featured Style 2
spaceblock/query-featured-style-2
Categories: spaceblock-query
<!-- wp:query {"queryId":14,"query":{"perPage":"5","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"taxQuery":{"category":[67,1]}},"displayLayout":{"type":"flex","columns":5},"className":"is-style-featured-category-2"} --> <div class="wp-block-query is-style-featured-category-2"> <!-- wp:post-template --> <!-- wp:post-featured-image {"isLink":true} /--> <!-- wp:group --> <div class="wp-block-group"> <!-- wp:post-title {"isLink":true} /--> <!-- wp:post-author {"avatarSize":24,"showAvatar":false} /--> </div> <!-- /wp:group --> <!-- /wp:post-template --> </div> <!-- /wp:query -->
Normal Grid Query
spaceblock/query-grid
Categories: spaceblock-query
<!-- wp:query {"queryId":14,"query":{"perPage":"4","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"taxQuery":{"category":[67]}},"displayLayout":{"type":"flex","columns":4},"className":"is-style-default"} --> <div class="wp-block-query is-style-default"> <!-- wp:post-template --> <!-- wp:post-featured-image {"isLink":true} /--> <!-- wp:post-title {"isLink":true} /--> <!-- wp:post-author {"avatarSize":24,"showAvatar":false} /--> <!-- /wp:post-template --> </div> <!-- /wp:query -->
Normal List Query
spaceblock/query-list-normal
Categories: spaceblock-query
<!-- wp:query {"queryId":14,"query":{"perPage":"6","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false,"taxQuery":{"category":[]}},"displayLayout":{"type":"list","columns":4},"align":"wide"} --> <div class="wp-block-query alignwide"> <!-- wp:post-template --> <!-- wp:post-title {"isLink":true} /--> <!-- wp:post-featured-image {"isLink":true} /--> <!-- wp:avatar {"size":32,"isLink":true,"style":{"border":{"radius":"99px"}}} /--> <!-- wp:post-terms {"term":"category"} /--> <!-- /wp:post-template --> </div> <!-- /wp:query -->
Features
spaceblock/section-features
Categories: spaceblock-section
<!-- wp:group {"align":"wide"} --> <div class="wp-block-group alignwide"> <!-- wp:group {"tagName":"header","style":{"spacing":{"blockGap":"0px"}}} --> <header class="wp-block-group"> <!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"lg"} --> <h2 class="has-lg-font-size" style="font-style:normal;font-weight:400">Features</h2> <!-- /wp:heading --> <!-- wp:paragraph {"className":"is-style-description","fontSize":"sm"} --> <p class="is-style-description has-sm-font-size">Basically, what this theme offers. Check it out!</p> <!-- /wp:paragraph --> </header> <!-- /wp:group --> <!-- wp:columns --> <div class="wp-block-columns"> <!-- wp:column {"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}}}} --> <div class="wp-block-column" style="padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"> <!-- wp:image {"align":"center","id":1139,"width":300,"height":200,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image aligncenter size-full is-resized"><img src="https://blocks.wp-a2z.org/wp-content/themes/spaceblock/assets/img/styles-1.png" alt="" class="wp-image-1139" width="300" height="200" /></figure> <!-- /wp:image --> <!-- wp:heading {"level":4,"textColor":"primary"} --> <h4 class="has-primary-color has-text-color">Style Variations</h4> <!-- /wp:heading --> <!-- wp:paragraph {"className":"is-style-description"} --> <p class="is-style-description">Spaceblock includes 4 prebuilt colour schemes that you can choose from in the Global Styles panel. Change the entire site identity with a single click. </p> <!-- /wp:paragraph --> </div> <!-- /wp:column --> <!-- wp:column {"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}}}} --> <div class="wp-block-column" style="padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"> <!-- wp:image {"align":"center","id":1140,"width":300,"height":200,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image aligncenter size-full is-resized"><img src="https://blocks.wp-a2z.org/wp-content/themes/spaceblock/assets/img/edit.png" alt="" class="wp-image-1140" width="300" height="200" /></figure> <!-- /wp:image --> <!-- wp:heading {"level":4,"textColor":"primary"} --> <h4 class="has-primary-color has-text-color">Full Site Editing</h4> <!-- /wp:heading --> <!-- wp:paragraph {"className":"is-style-description"} --> <p class="is-style-description">Built for WordPress 6.0 and Full Site Editing, so you can change the structure of your header, footer, and all other parts of the theme in the new Site Editor. </p> <!-- /wp:paragraph --> </div> <!-- /wp:column --> <!-- wp:column {"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}}}} --> <div class="wp-block-column" style="padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"> <!-- wp:image {"align":"center","id":1141,"width":300,"height":200,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image aligncenter size-full is-resized"><img src="https://blocks.wp-a2z.org/wp-content/themes/spaceblock/assets/img/speed.png" alt="" class="wp-image-1141" width="300" height="200" /></figure> <!-- /wp:image --> <!-- wp:heading {"level":4,"textColor":"primary"} --> <h4 class="has-primary-color has-text-color">Global Styles</h4> <!-- /wp:heading --> <!-- wp:paragraph {"className":"is-style-description"} --> <p class="is-style-description">Spaceblock supports Global Styles, which allow you to modify the colours, type and spacing of your site. </p> <!-- /wp:paragraph --> </div> <!-- /wp:column --> </div> <!-- /wp:columns --> </div> <!-- /wp:group -->
Section header style 1
spaceblock/section-header-style-1
Categories: spaceblock-section
<!-- wp:group {"tagName":"header"} --> <header class="wp-block-group"> <!-- wp:separator {"backgroundColor":"quaternary","className":"is-style-wide"} --> <hr class="wp-block-separator has-text-color has-quaternary-color has-alpha-channel-opacity has-quaternary-background-color has-background is-style-wide" /> <!-- /wp:separator --> <!-- wp:heading {"level":4} --> <h4>Trending</h4> <!-- /wp:heading --> <!-- wp:paragraph {"textColor":"tertiary","className":"is-style-description","fontSize":"sm"} --> <p class="is-style-description has-tertiary-color has-text-color has-sm-font-size">Posts from selected category.</p> <!-- /wp:paragraph --> </header> <!-- /wp:group -->