Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Block pattern for a wooden picture frame using Jeff Chandler's picture.
<!-- wp:cover {"url":"http://localhost/wp-content/uploads/2021/12/Wood066_1K_Color.jpg","id":8923,"isRepeated":true,"dimRatio":30,"overlayColor":"foreground","minHeight":0,"isDark":false,"align":"wide","style":{"spacing":{"padding":{"top":"0.25rem","right":"0.25rem","bottom":"0.25rem","left":"0.25rem"}}}} -->
<div class="wp-block-cover alignwide is-light is-repeated" style="padding-top:0.25rem;padding-right:0.25rem;padding-bottom:0.25rem;padding-left:0.25rem;background-image:url(http://localhost/wp-content/uploads/2021/12/Wood066_1K_Color.jpg)"><span aria-hidden="true" class="has-foreground-background-color has-background-dim-30 wp-block-cover__gradient-background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","style":{"border":{"width":"2px","style":"solid"}},"borderColor":"foreground"} -->
<div class="wp-block-group alignwide has-border-color has-foreground-border-color" style="border-style:solid;border-width:2px"><!-- wp:cover {"url":"http://localhost/wp-content/uploads/2021/12/Wood066_1K_Displacement.jpg","id":8924,"isRepeated":true,"dimRatio":20,"minHeight":0,"isDark":false,"align":"wide","style":{"spacing":{"padding":{"top":"1.5rem","right":"1.5rem","bottom":"1.5rem","left":"1.5rem"}}}} -->
<div class="wp-block-cover alignwide is-light is-repeated" style="padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem;background-image:url(http://localhost/wp-content/uploads/2021/12/Wood066_1K_Displacement.jpg)"><span aria-hidden="true" class="has-background-dim-20 wp-block-cover__gradient-background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"border":{"width":"2px","style":"solid"}},"borderColor":"foreground","layout":{"inherit":true}} -->
<div class="wp-block-group alignwide has-border-color has-foreground-border-color" style="border-style:solid;border-width:2px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:cover {"url":"http://localhost/wp-content/uploads/2021/12/Wood066_1K_Roughness.jpg","id":8927,"isRepeated":true,"dimRatio":80,"overlayColor":"background","minHeight":0,"isDark":false,"align":"wide"} -->
<div class="wp-block-cover alignwide is-light is-repeated" style="background-image:url(http://localhost/wp-content/uploads/2021/12/Wood066_1K_Roughness.jpg)"><span aria-hidden="true" class="has-background-background-color has-background-dim-80 wp-block-cover__gradient-background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","style":{"border":{"width":"2px","style":"solid"}},"borderColor":"foreground"} -->
<div class="wp-block-group alignwide has-border-color has-foreground-border-color" style="border-style:solid;border-width:2px"><!-- wp:image {"align":"wide","id":8911,"sizeSlug":"full","linkDestination":"none","className":"is-style-default"} -->
<figure class="wp-block-image alignwide size-full is-style-default"><img src="http://localhost/wp-content/uploads/2021/12/22161bd01943abaa3.85924398-scaled.jpg" alt="" class="wp-image-8911"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
@justintadlock
Copy link
Author

justintadlock commented Dec 19, 2021

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment