Gutenberg Blocks
Donec id elit non mi porta gravida at eget metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla.
Heading One
Heading Two
Heading Three
Heading Four
Heading Five
Heading Six
Preformatted Block
The Road Not Taken, by Robert Frost
Two roads diverged in a yellow wood,
And sorry I could not travel both
And be one traveler, long I stood
And looked down one as far as I could
To where it bent in the undergrowth;
Then took the other, as just as fair,
And having perhaps the better claim,
Because it was grassy and wanted wear;
Though as for that the passing there
Had worn them really about the same,
And both that morning equally lay
In leaves no step had trodden black.
Oh, I kept the first for another day!
Yet knowing how way leads on to way,
I doubted if I should ever come back.
I shall be telling this with a sigh
Somewhere ages and ages hence:
Two roads diverged in a wood, and I—
I took the one less traveled by,
And that has made all the difference.
...and heres a line of some really, really, really, really long text, just to see how it is handled and to find out how it overflows;
Ordered List
- Nullam id dolor id nibh ultricies vehicula ut id elit.
- Donec ullamcorper nulla non metus auctor fringilla.
- Condimentum euismod aenean.
- Purus commodo ridiculus.
- Nibh commodo vestibulum.
- Cras justo odio, dapibus ac facilisis in.
Unordered List
- Nullam id dolor id nibh ultricies vehicula ut id elit.
- Donec ullamcorper nulla non metus auctor fringilla.
- Nibh commodo vestibulum.
- Aenean eu leo quam.
- Pellentesque ornare sem lacinia.
- Cras justo odio, dapibus ac facilisis in.
Verse
This is an example of the core Gutenberg verse block.
A block for haiku?
Why not?
Blocks for all the things!
Separator
Here are examples of the three separator styles of the core Gutenberg separator block.
Table
Here is an example of the core Gutenberg table block.
Employee | Salary | Position |
Jane Doe | $100k | CEO |
John Doe | $100k | CTO |
Jane Bloggs | $100k | Engineering |
Fred Bloggs | $100k | Marketing |
Latest Posts, List View
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
- When You’re Your Family’s Shame
- The Bully Who Took Me Skating
- My Bucket List – What I Dream of Doing to Help Others
- When You Don’t Even Have Access to Go to the Bathroom
- The Reality of Finding a Therapist When You Are Marginalized
Latest Posts, Grid View
And now for the Grid View. The Latest Posts block also displays at wide and full width alignments, so be sure to check those styles as well.
- When You’re Your Family’s Shame
- The Bully Who Took Me Skating
- My Bucket List – What I Dream of Doing to Help Others
- When You Don’t Even Have Access to Go to the Bathroom
- The Reality of Finding a Therapist When You Are Marginalized
Blockquote
Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.
Donec sed odio dui. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio.
Rich Tabor
Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.
Alternate Blockquote
The alternate block quote style can be tarageted using the .wp-block-quote.is-large. CSS selector. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
Donec sed odio dui. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Rich Tabor
Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.
Audio
Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Center aligned:
Curabitur blandit tempus porttitor. Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor.
Buttons
Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Center aligned:
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius.
Categories
- Family Life 89
- Hot Topics 223
- Disability Rights 137
- LGBT Rights 55
- Politics 39
- Religion 8
- Trans 37
- Pop Culture 76
- Film 45
- Gaming 7
- Reviews 12
- Television 6
Archives
- June 2024 1
- March 2024 2
- March 2022 2
- August 2021 1
- October 2020 1
- February 2020 2
- July 2019 1
- June 2019 1
- July 2018 1
- March 2018 1
- January 2018 1
- December 2017 1
- July 2017 1
- June 2017 2
- May 2017 1
- January 2017 3
- November 2016 1
- August 2016 1
- July 2016 3
- June 2016 2
- March 2016 3
- February 2016 6
- January 2016 4
- December 2015 8
- September 2015 5
- August 2015 2
- July 2015 3
- June 2015 10
- May 2015 3
- April 2015 3
- March 2015 2
- February 2015 7
- January 2015 3
- December 2014 2
- November 2014 1
- October 2014 2
- September 2014 1
- August 2014 16
- July 2014 3
- June 2014 5
- May 2014 1
- April 2014 1
- March 2014 1
- February 2014 2
- January 2014 3
- December 2013 5
- November 2013 1
- September 2013 3
- July 2013 1
- June 2013 3
- May 2013 2
- April 2013 1
- February 2013 1
- December 2012 1
- November 2012 2
- October 2012 2
- September 2012 1
- August 2012 4
- July 2012 3
- June 2012 4
- May 2012 1
- April 2012 3
- March 2012 3
- January 2012 1
- November 2011 2
- October 2011 1
- August 2011 1
- June 2011 1
- May 2011 2
- April 2011 1
- February 2011 3
- January 2011 5
- December 2010 7
- November 2010 1
- October 2010 3
- September 2010 1
- August 2010 2
- July 2010 1
- June 2010 2
- May 2010 5
- March 2010 2
- December 2009 1
- September 2009 3
- June 2009 2
- May 2009 6
- April 2009 12
- March 2009 2
- February 2009 14
- January 2009 6
- December 2008 12
- November 2008 9
- October 2008 10
- September 2008 15
- August 2008 4
- July 2008 3
- June 2008 2
- February 2008 3
Columns
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor.
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor.
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.
Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.
Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.
Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.
Pull Quotes
Here is an example of the core pull quote block, set to display centered. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
Wide aligned
Here is an example of the core pull quote block, set to display with the wide-aligned attribute, if the theme allows it. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
Donec id elit non mi porta gravida at eget metus. Nullam quis risus eget urna mollis ornare vel eu leo. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. Vestibulum id ligula porta felis euismod semper.
Donec ullamcorper nulla non metus auctor fringilla. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam porta sem malesuada magna mollis euismod. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
Image Block
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum.
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Left aligned: dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Nullam quis risus eget urna mollis ornare vel eu leo. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Maecenas faucibus mollis interdum. Vestibulum id ligula porta felis euismod semper. Nullam quis risus.
Video Block
Lets check out the positioning and styling of the video core block. We will check the wide and full alignments too.
Cover Image Block
Check out the positioning and styling of the cover image core block. We will check the wide and full alignments, as well as left/right.
Example caption
Left aligned: dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Example caption
Right aligned: scelerisque nisl consectetur et. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Vel scelerisque nisl consectetur et. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Center aligned:
Example animated surface
Gallery Blocks
Let us check out the positioning and styling of the gallery blocks.
Two Column Gallery
Below we have a Gallery Block inserted with two columns and two images.
Three Column
Below we have a Gallery Block inserted with three columns and three images.
Four Column
Below we have a Gallery Block inserted with four columns and four images.
Five Column
Below we have a Gallery Block inserted with five columns and five images.
Four Column, Five Images
Let us switch things up a bit. Now we have a Gallery Block inserted with four columns and five images.
Three Column, Five Images
Now we have a Gallery Block inserted with three columns and five images.
Below you will find a Gallery Block inserted with two columns and five images.
Two Column, Five Images
Three Column, Four Images
Below you will find a Gallery Block inserted with three columns and four images.