single-oik-themes.html

WordPress Blocks

WordPress Blocks Reference

Armando

6 template parts

comments.html

<!-- wp:group {"style":{"color":{"link":"var:preset|color|dark-blue"}},"backgroundColor":"light-grey","textColor":"dark-blue","className":"comment-area is-style-armando-box-shadow"} -->
<div class="wp-block-group comment-area is-style-armando-box-shadow has-dark-blue-color has-light-grey-background-color has-text-color has-background has-link-color"
	style="--wp--style--color--link:var(--wp--preset--color--dark-blue)">
	<!-- wp:heading {"className":"comments-title is-style-armando-no-top-margin"} -->
	<h2 class="comments-title is-style-armando-no-top-margin">Comments</h2>
	<!-- /wp:heading -->
	<!-- wp:post-comments /-->
</div>
<!-- /wp:group -->
<!-- wp:spacer {"height":70} -->
<div style="height:70px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

footer.html

<!-- wp:group {"align":"full","style":{"color":{"link":"var:preset|color|white"}},"backgroundColor":"dark-blue","textColor":"white"} -->
<div class="wp-block-group alignfull has-white-color has-dark-blue-background-color has-text-color has-background has-link-color"
	style="--wp--style--color--link:var(--wp--preset--color--white)">
	<!-- wp:columns {"align":"wide"} -->
	<div class="wp-block-columns alignwide">
		<!-- wp:column -->
		<div class="wp-block-column">
			<!-- wp:latest-posts /-->
		</div>
		<!-- /wp:column -->
		<!-- wp:column -->
		<div class="wp-block-column">
			<!-- wp:paragraph {"align":"center"} -->
			<p class="has-text-align-center"><strong>Never miss the latest news</strong></p>
			<!-- /wp:paragraph -->
			<!-- wp:buttons {"contentJustification":"center"} -->
			<div class="wp-block-buttons is-content-justification-center">
				<!-- wp:button {"backgroundColor":"light-blue","textColor":"dark-blue"} -->
				<div class="wp-block-button"><a class="wp-block-button__link has-dark-blue-color has-light-blue-background-color has-text-color has-background" href="#">Join our mailing list</a></div>
				<!-- /wp:button -->
			</div>
			<!-- /wp:buttons -->
		</div>
		<!-- /wp:column -->
		<!-- wp:column -->
		<div class="wp-block-column">
			<!-- wp:social-links {"align":"center"} -->
			<ul class="wp-block-social-links aligncenter">
				<!-- wp:social-link {"url":"#","service":"facebook"} /-->
				<!-- wp:social-link {"url":"#","service":"twitter"} /-->
				<!-- wp:social-link {"url":"#","service":"instagram"} /-->
			</ul>
			<!-- /wp:social-links -->
		</div>
		<!-- /wp:column -->
	</div>
	<!-- /wp:columns -->
	<!-- wp:separator {"className":"is-style-wide"} -->
	<hr class="wp-block-separator is-style-wide" />
	<!-- /wp:separator -->
	<!-- wp:paragraph {"className":"is-style-armando-inline","fontSize":"extra-small"} -->
	<p class="is-style-armando-inline has-extra-small-font-size">Copyright 2021 </p>
	<!-- /wp:paragraph -->
	<!-- wp:site-title {"level":0,"className":"is-style-armando-inline","fontSize":"extra-small"} /-->
</div>
<!-- /wp:group -->

header.html

<!-- wp:columns {"align":"full","backgroundColor":"dark-blue","className":"is-style-armando-multi-color"} -->
<div class="wp-block-columns alignfull is-style-armando-multi-color has-dark-blue-background-color has-background">
	<!-- wp:column {"verticalAlignment":"center"} -->
	<div class="wp-block-column is-vertically-aligned-center">
		<!-- wp:site-title {"style":{"color":{"link":"var:preset|color|white"}},"fontSize":"normal"} /-->
	</div>
	<!-- /wp:column -->
	<!-- wp:column {"verticalAlignment":"center"} -->
	<div class="wp-block-column is-vertically-aligned-center">
		<!-- wp:navigation {"orientation":"horizontal","textColor":"white","backgroundColor":"dark-blue","itemsJustification":"right","align":"full","style":{"typography":{"fontStyle":"normal","fontWeight":"600"}}} -->
		<!-- wp:navigation-link /-->
		<!-- wp:navigation-link /-->
		<!-- wp:navigation-link /-->
		<!-- /wp:navigation -->
	</div>
	<!-- /wp:column -->
	<!-- wp:column {"verticalAlignment":"center","width":"270px"} -->
	<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:270px">
		<!-- wp:group {"backgroundColor":"silver"} -->
		<div class="wp-block-group has-silver-background-color has-background"><!-- wp:search {"label":"Search","showLabel":false,"width":100,"widthUnit":"%","buttonText":"Search","buttonUseIcon":true,"align":"center"} /--></div><!-- /wp:group -->
	</div>
	<!-- /wp:column -->
</div>
<!-- /wp:columns -->

main.html

<!-- wp:query-title {"type":"archive"} /-->
<!-- wp:term-description /-->
<!-- wp:query {"queryId":1,"query":{"pages":"100","offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"", "exclude":[],"perPage":5,"inherit":true}} -->
<!-- wp:query-loop -->
<!-- wp:post-title {"isLink":true} /-->
<!-- wp:post-featured-image /-->
<!-- wp:group {"className":"is-style-armando-box-shadow post-meta","backgroundColor":"light-grey"} -->
<div class="wp-block-group is-style-armando-box-shadow post-meta has-light-grey-background-color has-background">
	<!-- wp:post-date /-->
	<!-- wp:post-terms {"term":"category"} /-->
	<!-- wp:spacer {"height":20} -->
	<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
	<!-- /wp:spacer -->
	<!-- wp:post-author /-->
	<!-- wp:post-terms {"term":"post_tag","style":{"spacing":{"padding":{"top":"2em"}}}} /-->
</div><!-- /wp:group -->
<!-- wp:spacer {"height":30} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:post-excerpt {"moreText":"Continue reading"} /-->
<!-- wp:spacer {"height":20} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:separator {"color":"beige","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-background has-beige-background-color has-beige-color is-style-wide" />
<!-- /wp:separator -->
<!-- wp:spacer {"height":20} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- /wp:query-loop -->
<!-- wp:query-pagination -->
<div class="wp-block-query-pagination">
	<!-- wp:query-pagination-previous /--><!-- wp:query-pagination-next /-->
</div>
<!-- /wp:query-pagination -->
<!-- /wp:query -->

sidebar-left.html

<!-- wp:heading {"fontSize":"large"} -->
<h2 class="has-large-font-size">Latest posts</h2>
<!-- /wp:heading -->
<!-- wp:latest-posts {"postsToShow":3,"displayAuthor":true,"displayPostDate":true} /-->
<!-- wp:spacer {"height":10} -->
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:heading {"fontSize":"large"} -->
<h2 class="has-large-font-size">Latest comments</h2>
<!-- /wp:heading -->
<!-- wp:latest-comments {"commentsToShow":3,"displayAvatar":false} /-->
<!-- wp:spacer {"height":10} -->
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:heading {"fontSize":"large"} -->
<h2 class="has-large-font-size">Categories</h2>
<!-- /wp:heading -->
<!-- wp:categories {"displayAsDropdown":true} /-->

sidebar-right.html

<!-- wp:heading -->
<h2>About</h2>
<!-- /wp:heading -->
<!-- wp:post-author {"avatarSize":96,"showBio":true} /-->
<!-- wp:spacer {"height":30} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:buttons {"contentJustification":"center"} -->
<div class="wp-block-buttons is-content-justification-center">
	<!-- wp:button {"backgroundColor":"dark-blue","className":"has-custom-font-size has-extra-small-font-size"} -->
	<div class="wp-block-button has-custom-font-size has-extra-small-font-size"><a
			class="wp-block-button__link has-dark-blue-background-color has-background"
			href="#"><strong>Contact</strong></a></div>
	<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
<!-- wp:social-links {"iconColor":"black","iconColorValue":"#000","className":"is-style-logos-only"} -->
<ul class="wp-block-social-links has-icon-color items-justified-center is-style-logos-only">
	<!-- wp:social-link {"url":"#","service":"wordpress"} /-->
	<!-- wp:social-link {"url":"#","service":"twitter"} /-->
	<!-- wp:social-link {"url":"#","service":"instagram"} /-->
</ul>
<!-- /wp:social-links -->
<!-- wp:separator {"color":"dark-blue","className":"is-style-wide"} -->
<hr	class="wp-block-separator has-text-color has-background has-dark-blue-background-color has-dark-blue-color is-style-wide" />
<!-- /wp:separator -->
<!-- wp:spacer {"height":20} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:buttons {"contentJustification":"center"} -->
<div class="wp-block-buttons is-content-justification-center">
	<!-- wp:button {"backgroundColor":"dark-blue","className":"has-custom-font-size has-extra-small-font-size","fontSize":"normal"} -->
	<div class="wp-block-button has-custom-font-size has-extra-small-font-size has-normal-font-size"><a
			class="wp-block-button__link has-dark-blue-background-color has-background" href="#"><strong>Newsletter
				signup</strong></a></div>
	<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
<!-- wp:spacer {"height":20} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:separator {"color":"dark-blue","className":"is-style-wide"} -->
<hr	class="wp-block-separator has-text-color has-background has-dark-blue-background-color has-dark-blue-color is-style-wide" />
<!-- /wp:separator -->
<!-- wp:spacer {"height":20} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:paragraph {"style":{"typography":{"fontSize":"12px"}}} -->
<p style="font-size:12px">Sponsored</p>
<!-- /wp:paragraph -->
<!-- wp:image {"id":56,"width":300,"height":120,"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":4}}} -->
<figure class="wp-block-image size-large is-resized" style="border-radius:4px"><img
		alt="" class="wp-image-56" width="300"
		height="120" /></figure>
<!-- /wp:image -->
<!-- wp:image {"id":56,"width":300,"height":120,"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":4}}} -->
<figure class="wp-block-image size-large is-resized" style="border-radius:4px"><img
		alt="" class="wp-image-56" width="300"
		height="120" /></figure>
<!-- /wp:image -->

Published: | Last updated: May 19, 2021

Information

Letters:
Download armandoDownload armando from GitHub: wordpress/theme-experiments