Skip to content

Instantly share code, notes, and snippets.

View mikemcalister's full-sized avatar

Mike McAlister mikemcalister

View GitHub Profile
<!-- wp:group {"className":"hero-scroll-container glow glow-light","layout":{"type":"constrained"}} -->
<div class="wp-block-group hero-scroll-container glow glow-light"><!-- wp:group {"align":"full","className":"hero-scroll","style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"},"blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"screenSize":{"hideOnScreenSize":{"small":true,"medium":true}}}}]}} -->
<div class="wp-block-group alignfull hero-scroll"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:image {"id":57349,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://olliewp.com/wp-content/uploads/2024/05/Frame-1597881480-jpg.webp" alt="Frame 1597881480" class="wp-image-57349"/></figure>
<!-- /wp:image -->
<!-- wp:image {"id":57350,"sizeSlug":"full"
<!-- wp:group {"tagName":"section","metadata":{"name":"Recent Posts"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|xx-large","bottom":"var:preset|spacing|xx-large","left":"var:preset|spacing|medium","right":"var:preset|spacing|medium"},"blockGap":"var:preset|spacing|large","margin":{"top":"0","bottom":"0"}}},"backgroundColor":"tertiary","layout":{"type":"constrained"}} -->
<section class="wp-block-group alignfull has-tertiary-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--xx-large);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--xx-large);padding-left:var(--wp--preset--spacing--medium)"><!-- wp:group {"metadata":{"name":"Titles and Button"},"align":"wide","className":"row-stack-mobile","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between","verticalAlignment":"center"}} -->
<div class="wp-block-group alignwide row-stack-mobile"><!-- wp:group {"metadata":{"nam
<!-- wp:group {"tagName":"section","metadata":{"name":"Feature Image"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|xx-large","bottom":"var:preset|spacing|xx-large","left":"var:preset|spacing|medium","right":"var:preset|spacing|medium"},"blockGap":"var:preset|spacing|x-large","margin":{"top":"0","bottom":"0"}}},"backgroundColor":"base","layout":{"type":"constrained"}} -->
<section class="wp-block-group alignfull has-base-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--xx-large);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--xx-large);padding-left:var(--wp--preset--spacing--medium)"><!-- wp:query {"queryId":5,"query":{"perPage":"1","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"taxQuery":null,"parents":[]},"align":"wide"} -->
<div class="wp-block-query alignwide"><!-- wp:post-template -->
<!--
"styles": {
"blocks": {
"core/post-content": {
"spacing": {
"blockGap": "50px"
}
}
}
}
/**
* Favorite button
*/
const { __ } = wp.i18n;
const { apiFetch } = wp;
const {
Component,
Fragment
} = wp.element;
/**
* Favorite button
*/
const { __ } = wp.i18n;
const { apiFetch } = wp;
const {
Component,
Fragment
} = wp.element;
/**
* Favorite button
*/
const { __ } = wp.i18n;
const { apiFetch } = wp;
const {
Component,
Fragment
} = wp.element;
wp.hooks.addFilter(
"blocks.getBlockDefaultClassName",
"atomicblocks/ab-column-block-class-name",
abCustomClassName
);
function abCustomClassName( className, name ) {
if ( 'atomic-blocks/ab-columns' === name ) {
return classnames(
className,
<InnerBlocks template={[
['core/heading', { content: 'Test Content', level: '3', }], ]}
templateLock={ false }
/>
<InnerBlocks
template={[
// Add placeholder blocks
['atomic-blocks/ab-pricing-table-title', {
title: 'Price Title',
fontSize: 'medium',
}],
['atomic-blocks/ab-pricing-table-subtitle', {
subtitle: 'Price Subtitle Description',
fontSize: 'normal',