single-oik-themes.html

Spaceblock

11 patterns
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 -->

Published:

Last updated:

October 18, 2022

Information

Letters:

Summary file