Skip to content

Instantly share code, notes, and snippets.

@m-e-h
Last active January 10, 2019 22:50
Show Gist options
  • Save m-e-h/802ff47804c43f368970b7448c36a18b to your computer and use it in GitHub Desktop.
Save m-e-h/802ff47804c43f368970b7448c36a18b to your computer and use it in GitHub Desktop.
WP Block Test Data
<!-- wp:heading -->
<h2>You're looking at an (H2)</h2>
<!-- /wp:heading -->
<!-- wp:heading {"level":3} -->
<h3>You're looking at an (H3)</h3>
<!-- /wp:heading -->
<!-- wp:heading {"level":4} -->
<h4>You're looking at an (H4)</h4>
<!-- /wp:heading -->
<!-- wp:heading {"level":5} -->
<h5>You're looking at an (H5)</h5>
<!-- /wp:heading -->
<!-- wp:heading {"level":6} -->
<h6>You're looking at an (H6)</h6>
<!-- /wp:heading -->
<!-- wp:heading -->
<h2>Paragraph Block</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Shoulder doner bacon, hamburger chicken venison turducken salami tri-tip sausage flank kevin brisket. Corned beef tenderloin landjaeger, <em>porchetta meatball shank</em> kevin ham hock. Salami <code>swine rump</code> filet mignon capicola prosciutto tenderloin ham hock. <a href="#">Strip steak pork turkey</a> boudin cupim turducken prosciutto <del>capicola alcatra</del> cow burgdoggen pork belly sirloin. Sausage <strong>meatloaf bacon</strong> ball tip tenderloin leberkas boudin brisket pig. Sirloin chuck salami, andouille jerky short ribs ham hock bresaola pork corned beef jowl</p>
<!-- /wp:paragraph -->
<!-- wp:heading -->
<h2>Image Block</h2>
<!-- /wp:heading -->
<!-- wp:image {"id":1755} -->
<figure class="wp-block-image"><img src="https://placeimg.com/1920/1081/any.jpg" alt="" class="wp-image-1755"/></figure>
<!-- /wp:image -->
<!-- wp:heading -->
<h2>Image Block (Wide)</h2>
<!-- /wp:heading -->
<!-- wp:image {"id":1755,"align":"wide"} -->
<figure class="wp-block-image alignwide"><img src="https://placeimg.com/1920/1079/any.jpg" alt="" class="wp-image-1755"/><figcaption>This is the Image Caption text.</figcaption></figure>
<!-- /wp:image -->
<!-- wp:heading -->
<h2>Image Block (Full width)</h2>
<!-- /wp:heading -->
<!-- wp:image {"id":1755,"align":"full"} -->
<figure class="wp-block-image alignfull"><img src="https://placeimg.com/1919/1080/any.jpg" alt="" class="wp-image-1755"/></figure>
<!-- /wp:image -->
<!-- wp:heading -->
<h2>Cover Image Block</h2>
<!-- /wp:heading -->
<!-- wp:cover {"url":"https://placeimg.com/1920/1080/any.jpg","id":512,"hasParallax":true,"align":"full"} -->
<div class="wp-block-cover alignfull has-background-dim has-parallax" style="background-image:url(https://placeimg.com/1920/1080/any.jpg)"><p class="wp-block-cover-text">This is a Full width Cover image.</p></div>
<!-- /wp:cover -->
<!-- wp:heading -->
<h2>Gallery Block</h2>
<!-- /wp:heading -->
<!-- wp:gallery {"ids":[515,516,513,514,511]} -->
<ul class="wp-block-gallery columns-3 is-cropped"><li class="blocks-gallery-item"><figure><img src="https://placeimg.com/1025/718/any.jpg" alt="" data-id="515" class="wp-image-515"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://placeimg.com/1024/718/any.jpg" alt="" data-id="516" class="wp-image-516"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://placeimg.com/1024/719/any.jpg" alt="" data-id="513" class="wp-image-513"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://placeimg.com/1024/720/any.jpg" alt="" data-id="514" class="wp-image-514"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://placeimg.com/1023/718/any.jpg" alt="" data-id="511" class="wp-image-511"/></figure></li></ul>
<!-- /wp:gallery -->
<!-- wp:paragraph -->
<p>Tenderloin pastrami beef ribs, biltong boudin jerky strip steak. Bresaola kielbasa frankfurter ribeye, shankle landjaeger bacon sirloin t-bone capicola pork chop cow shoulder sausage. Chicken ham ribeye sirloin pig turkey corned beef. Ham hock bacon beef ribs strip steak porchetta salami pork chop turkey tenderloin jerky leberkas. Landjaeger corned beef sirloin leberkas porchetta pastrami, chicken tri-tip cupim shank.</p>
<!-- /wp:paragraph -->
<!-- wp:heading -->
<h2>List Block</h2>
<!-- /wp:heading -->
<!-- wp:list -->
<ul><li>List item 1</li><li>List item 2 <a href="#">has a link in it</a></li><li>List item 3</li><li>List item 4</li></ul>
<!-- /wp:list -->
<!-- wp:heading {"className":"has-top-margin"} -->
<h2 class="has-top-margin">Media Text Block</h2>
<!-- /wp:heading -->
<!-- wp:media-text {"mediaType":"image"} -->
<div class="wp-block-media-text alignwide"><figure class="wp-block-media-text__media"><img src="https://placeimg.com/500/500/any.jpg" alt=""/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph {"placeholder":"Content…"} -->
<p>Boudin fatback tri-tip doner meatloaf. Bacon cupim bresaola, pork picanha spare ribs shankle capicola swine pastrami tenderloin rump. Strip steak ham hock hamburger tail burgdoggen tenderloin biltong. Turkey brisket alcatra, pancetta beef andouille pork chop t-bone strip steak. Meatball doner corned beef salami pork loin swine chicken. Swine fatback turducken bacon sirloin meatloaf. Pork belly ham hamburger, turkey pig picanha beef.</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:media-text -->
<!-- wp:heading {"className":"has-top-margin"} -->
<h2 class="has-top-margin">Columns Block</h2>
<!-- /wp:heading -->
<!-- wp:columns -->
<div class="wp-block-columns has-2-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Pork beef ribs fatback doner strip steak pancetta landjaeger sirloin leberkas salami andouille boudin prosciutto brisket. Tail ribeye pork jowl pork loin sausage pastrami buffalo venison. Andouille pig landjaeger brisket picanha corned <strong>beef shoulder</strong> venison meatball. Swine chicken salami beef ham hock andouille sausage frankfurter shank beef ribs doner pork loin. Chuck ground round pancetta, salami beef ribs leberkas frankfurter. Corned beef short loin ham hock, andouille bresaola tenderloin ribeye salami.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"className":"layout-column-2"} -->
<p class="layout-column-2">Buffalo andouille picanha tongue. Brisket strip steak t-bone tenderloin boudin cupim. Pig cupim jerky, tri-tip corned beef pork loin alcatra. Turkey <code>ball tip shankle</code> sausage ribeye kevin bacon. Chuck swine beef strip steak pastrami <em>bacon jowl</em> frankfurter kielbasa filet mignon. Meatloaf fatback chuck, hamburger frankfurter pork loin bresaola kevin beef shankle salami shoulder ribeye.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:heading -->
<h2>Button Blocks</h2>
<!-- /wp:heading -->
<!-- wp:columns {"columns":3} -->
<div class="wp-block-columns has-3-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link" href="#">Default</a></div>
<!-- /wp:button --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link" href="#">Default Outline</a></div>
<!-- /wp:button --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:button {"backgroundColor":"vivid-cyan-blue","textColor":"luminous-vivid-amber"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-text-color has-luminous-vivid-amber-color has-background has-vivid-cyan-blue-background-color" href="#">Blue BG w/ Yellow text</a></div>
<!-- /wp:button -->
<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:columns -->
<div class="wp-block-columns has-2-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:button {"textColor":"pale-pink","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-color has-pale-pink-color" href="#">Pink Outline</a></div>
<!-- /wp:button --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:button {"backgroundColor":"vivid-red","className":"is-style-squared"} -->
<div class="wp-block-button is-style-squared"><a class="wp-block-button__link has-background has-vivid-red-background-color" href="#">Red Squared</a></div>
<!-- /wp:button --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:heading -->
<h2>Quote Block</h2>
<!-- /wp:heading -->
<!-- wp:quote {"className":"is-style-default"} -->
<blockquote class="wp-block-quote is-style-default"><p><em>Take up one idea, make that one idea your life. Think of it, dream of it, Live on that idea let the brain, muscles, nerves, every part of your body be full of that idea, and just leave every other idea alone. This is the way to success.</em></p><cite>Swami Vivekananda</cite></blockquote>
<!-- /wp:quote -->
<!-- wp:heading -->
<h2>Quote Block (Large style)</h2>
<!-- /wp:heading -->
<!-- wp:quote {"className":"is-style-large"} -->
<blockquote class="wp-block-quote is-style-large"><p><em>Take up one idea, make that one idea your life. Think of it, <g class="gr_ gr_10 gr-alert gr_gramm gr_inline_cards gr_run_anim Grammar only-ins doubleReplace replaceWithoutSep" id="10" data-gr-id="10">dream</g> of it, Live on that idea let the brain, muscles, nerves, every part of your body be full of that idea, and just leave every other idea alone. This is the way to success.</em></p><cite>Swami Vivekananda</cite></blockquote>
<!-- /wp:quote -->
<!-- wp:heading -->
<h2>Pullquote Block</h2>
<!-- /wp:heading -->
<!-- wp:pullquote -->
<figure class="wp-block-pullquote"><blockquote><p>Default View, hamburger shankle beef ribs picanha drumstick shoulder kielbasa .</p><cite>Spotted CoW</cite></blockquote></figure>
<!-- /wp:pullquote -->
<!-- wp:heading -->
<h2>Pullquote Block (Solid Color style)</h2>
<!-- /wp:heading -->
<!-- wp:pullquote {"className":"is-style-solid-color"} -->
<figure class="wp-block-pullquote is-style-solid-color"><blockquote><p>Default View hamburger shankle beef ribs picanha drumstick shoulder kielbasa.</p><cite>Spotted CoW</cite></blockquote></figure>
<!-- /wp:pullquote -->
<!-- wp:pullquote {"mainColor":"light-green-cyan","textColor":"luminous-vivid-orange","className":"has-light-green-cyan-background-color is-style-solid-color"} -->
<figure class="wp-block-pullquote has-light-green-cyan-background-color is-style-solid-color"><blockquote class="has-text-color has-luminous-vivid-orange-color"><p>Grean Main, Orange Text shankle beef ribs picanha drumstick shoulder kielbasa.</p><cite>Spotted CoW</cite></blockquote></figure>
<!-- /wp:pullquote -->
<!-- wp:heading -->
<h2>Code Block</h2>
<!-- /wp:heading -->
<!-- wp:code -->
<pre class="wp-block-code"><code>@media only screen and (min-width: 960px) {
body .alignfull {
width: auto;
max-width: 1000%;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
body .alignwide {
width: auto;
max-width: 1000%;
margin-right: calc(25% - 25vw);
margin-left: calc(25% - 25vw);
}
.alignwide img,
.alignfull img {
display: block;
margin: 0 auto;
}
}</code></pre>
<!-- /wp:code -->
<!-- wp:heading -->
<h2>Audio Block</h2>
<!-- /wp:heading -->
<!-- wp:audio -->
<figure class="wp-block-audio"><audio controls src="https://freemusicarchive.org/file/music/WFMU/Broke_For_Free/Directionless_EP/Broke_For_Free_-_01_-_Night_Owl.mp3"></audio><figcaption>This is a Caption</figcaption></figure>
<!-- /wp:audio -->
<!-- wp:heading -->
<h2>Custom HTML Block</h2>
<!-- /wp:heading -->
<!-- wp:html -->
<p><strong>This is a HTML block.</strong></p>
<details>
<summary>Details</summary>
Something small enough to escape casual notice.
</details>
<!-- /wp:html -->
<!-- wp:heading {"className":"has-top-margin"} -->
<h2 class="has-top-margin">Preformatted Block</h2>
<!-- /wp:heading -->
<!-- wp:preformatted -->
<pre class="wp-block-preformatted">This is some preformatted text. Preformatted text keeps your s p a c e s, tabs and<br>linebreaks as they are.</pre>
<!-- /wp:preformatted -->
<!-- wp:heading -->
<h2>Verse Block</h2>
<!-- /wp:heading -->
<!-- wp:verse -->
<pre class="wp-block-verse">Write poetry and other literary expressions honoring all spaces and line-breaks.</pre>
<!-- /wp:verse -->
<!-- wp:heading -->
<h2>Table Block</h2>
<!-- /wp:heading -->
<!-- wp:table -->
<table class="wp-block-table"><tbody><tr><td>Row 1 Column 1</td><td>Row 1 Column 2</td><td>Row 1 Column 3</td></tr><tr><td>Row 2 Column 1</td><td>Row 2 Column 2</td><td>Row 2 Column 3</td></tr><tr><td>Row 3 Column 1</td><td>Row 3 Column 2</td><td>Row 3 Column 3</td></tr></tbody></table>
<!-- /wp:table -->
<!-- wp:heading -->
<h2>Table Block (Stripes)</h2>
<!-- /wp:heading -->
<!-- wp:table {"className":"is-style-stripes"} -->
<table class="wp-block-table is-style-stripes"><tbody><tr><td>Row 1 Column 1</td><td>Row 1 Column 2</td></tr><tr><td>Row 2 Column 1</td><td>Row 2 Column 2</td></tr><tr><td>Row 3 Column 1</td><td>Row 3 Column 2</td></tr><tr><td>Row 4 Column 1</td><td>Row 4 Column 2</td></tr></tbody></table>
<!-- /wp:table -->
<!-- wp:heading -->
<h2>Separator Block (Short)</h2>
<!-- /wp:heading -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:heading -->
<h2>Separator Block (Wide)</h2>
<!-- /wp:heading -->
<!-- wp:separator {"className":"is-style-wide"} -->
<hr class="wp-block-separator is-style-wide"/>
<!-- /wp:separator -->
<!-- wp:heading -->
<h2>Separator Block (Dots)</h2>
<!-- /wp:heading -->
<!-- wp:separator {"className":"is-style-dots"} -->
<hr class="wp-block-separator is-style-dots"/>
<!-- /wp:separator -->
<!-- wp:heading {"className":"has-top-margin"} -->
<h2 class="has-top-margin">Spacer Block</h2>
<!-- /wp:heading -->
<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:heading -->
<h2>Categories Block</h2>
<!-- /wp:heading -->
<!-- wp:categories {"showPostCounts":true} /-->
<!-- wp:heading -->
<h2>Latest Posts Blocks</h2>
<!-- /wp:heading -->
<!-- wp:latest-posts {"displayPostDate":true} /-->
<!-- wp:heading -->
<h2>Latest Posts Blocks (grid view)</h2>
<!-- /wp:heading -->
<!-- wp:latest-posts {"postLayout":"grid"} /-->
<!-- wp:heading -->
<h2>YouTube Embed Block (Wide)</h2>
<!-- /wp:heading -->
<!-- wp:core-embed/youtube {"url":"https://youtu.be/72xdCU__XCk","type":"video","providerNameSlug":"youtube","align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<figure class="wp-block-embed-youtube alignwide wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
https://youtu.be/72xdCU__XCk
</div></figure>
<!-- /wp:core-embed/youtube -->
<!-- wp:heading -->
<h2>WordPress Embed Block</h2>
<!-- /wp:heading -->
<!-- wp:core-embed/wordpress {"url":"https://wordpress.org/news/2018/12/bebo/","type":"wp-embed","providerNameSlug":"wordpress-news","align":"center","className":""} -->
<figure class="wp-block-embed-wordpress aligncenter wp-block-embed is-type-wp-embed is-provider-wordpress-news"><div class="wp-block-embed__wrapper">
https://wordpress.org/news/2018/12/bebo/
</div><figcaption>Has a Caption</figcaption></figure>
<!-- /wp:core-embed/wordpress -->
<!-- wp:heading -->
<h2>Vimeo Embed Block</h2>
<!-- /wp:heading -->
<!-- wp:core-embed/vimeo {"url":"https://vimeo.com/306705787","type":"video","providerNameSlug":"vimeo","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<figure class="wp-block-embed-vimeo wp-block-embed is-type-video is-provider-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
https://vimeo.com/306705787
</div></figure>
<!-- /wp:core-embed/vimeo -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment