This page is to demonstrate the library of “Blocks” available in the Block Editor. You will use these blocks when you create content.

Paragraphs and headings
Quote & pullquote
List Block

Paragraphs and heading blocks

https://wordpress.org/support/article/paragraph-block/

https://wordpress.org/support/article/heading-block/

This is a heading (H1)

This is a heading (H2)

This is a heading (H3)

This is a heading (H4)

This is a heading (H5)

This is a heading (H6)

Regular Paragraph Block

This is a regular paragraph block. Lorem ipsum dolor sit amet. At molestiae doloribus Ea veniam et possimus nihil et animi expedita ut omnis repellat eum quis atque. Ut ipsum molestias et iste excepturised aliquam! Id cupiditate ipsamNam ratione est praesentium ullam qui architecto quas quo iure soluta est quos sequi ea dignissimos voluptas?

Centered Paragraph Block

This is a center aligned paragraph block. Lorem ipsum dolor sit amet. At molestiae doloribus Ea veniam et possimus nihil et animi expedita ut omnis repellat eum quis atque. Ut ipsum molestias et iste excepturised aliquam! Id cupiditate ipsamNam ratione est praesentium ullam qui architecto quas quo iure soluta est quos sequi ea dignissimos voluptas?

Right-AlignedParagraphBlock

This is a right aligned paragraph block. Lorem ipsum dolor sit amet. At molestiae doloribus Ea veniam et possimus nihil et animi expedita ut omnis repellat eum quis atque. Ut ipsum molestias et iste excepturised aliquam! Id cupiditate ipsamNam ratione est praesentium ullam qui architecto quas quo iure soluta est quos sequi ea dignissimos voluptas?

This is a paragraph block with a link. Lorem ipsum dolor sit amet. At molestiae doloribus Ea veniam et possimus nihil et animi expedita ut omnis repellat eum quis atque. Ut ipsum molestias et iste excepturised aliquam! Id cupiditate ipsamNam ratione est praesentium ullam qui architecto quas quo iure soluta est quos sequi ea dignissimos voluptas?

Paragraph With Drop Cap

This is a paragraph block with a drop cap. Lorem ipsum dolor sit amet. At molestiae doloribus Ea veniam et possimus nihil et animi expedita ut omnis repellat eum quis atque. Ut ipsum molestias et iste excepturised aliquam! Id cupiditate ipsamNam ratione est praesentium ullam qui architecto quas quo iure soluta est quos sequi ea dignissimos voluptas?

Paragraph Sizes – Small

This is a small paragraph block. Lorem ipsum dolor sit amet. At molestiae doloribus Ea veniam et possimus nihil et animi expedita ut omnis repellat eum quis atque. Ut ipsum molestias et iste excepturised aliquam! Id cupiditate ipsamNam ratione est praesentium ullam qui architecto quas quo iure soluta est quos sequi ea dignissimos voluptas?

This is a medium paragraph block. Lorem ipsum dolor sit amet. At molestiae doloribus Ea veniam et possimus nihil et animi expedita ut omnis repellat eum quis atque. Ut ipsum molestias et iste excepturised aliquam! Id cupiditate ipsamNam ratione est praesentium ullam qui architecto quas quo iure soluta est quos sequi ea dignissimos voluptas?

This is a large paragraph block. Ut ipsum molestias et iste excepturised aliquam! Id cupiditate ipsamNam ratione est praesentium ullam qui architecto quas quo iure soluta est quos sequi ea dignissimos voluptas?

This is an extra large paragraph block. Ad numquam saepe aut consequatur neque eum libero debitis in beatae quam.

This is a paragraph block with a background. Ut minus reprehenderit non sunt dolores ad velit voluptas qui esse autem a officia sunt. Eum perspiciatis nihil vel iste autem eos dolorem alias aut Quis molestias qui labore tempore qui consequuntur perspiciatis et modi velit. Ad numquam saepe aut consequatur neque eum libero debitis in beatae quam.

List Block

https://wordpress.org/support/article/list-block/

List item 1
List item 2
List item 3
List item 4

List item 1
List item 2
List item 3
List item 4

Quote & pullquote blocks

https://wordpress.org/support/article/quote-block/

Quote – Regular Style

Design is a funny word. Some people think design means how it looks. But of course, if you dig deeper, it’s really how it works.
Steve Jobs

Quote – Large Style

Design is a funny word. Some people think design means how it looks. But of course, if you dig deeper, it’s really how it works.
Steve Jobs

https://wordpress.org/support/article/pullquote-block/

Pullquote – Standard width

Design is a funny word. Some people think design means how it looks. But of course, if you dig deeper, it’s really how it works.
Steve Jobs

Pullquote – Wide

Design is a funny word. Some people think design means how it looks. But of course, if you dig deeper, it’s really how it works.
Steve Jobs

Pullquote – Full width

Design is a funny word. Some people think design means how it looks. But of course, if you dig deeper, it’s really how it works.
Steve Jobs

Preformatted Block

https://wordpress.org/support/article/preformatted-block/

This is some preformatted text. Preformatted text keeps your s p a c e s, tabs and
linebreaks as they are.

Verse Block

https://wordpress.org/support/article/verse-block/

Dear Theodosia, what to say to you?
You have my eyes 
You have your mother’s name

When you came into the world, you cried and it broke my heart

I’m dedicating every day to you
Domestic life was never quite my style
When you smile, you knock me out, I fall apart
And I thought I was so smart

–Dear Theodosia / Lin-Manuel Miranda

Table Block

https://wordpress.org/support/article/table-block/

a	Bananas	Apples
b	Oranges	Blueberries
c	Avocado	Grapes

a	Bananas	Apples
b	Oranges	Blueberries
c	Avocado	Grapes

a	Bananas	Apples
b	Oranges	Blueberries
c	Avocado	Grapes

Separator Block

Spacer Block

Yes, it’s 80px of nothing.

Or 200px, whatever number you feel like.

Image Blocks

Standard width

Wide width

Full width

This is a paragraph block.Ut minus reprehenderit non sunt dolores ad velit voluptas qui esse autem a officia sunt. Eum perspiciatis nihil vel iste autem eos dolorem alias aut Quis molestias qui labore tempore qui consequuntur perspiciatis et modi velit. Ad numquam saepe aut consequatur neque eum libero debitis in beatae quam.

This is a paragraph block. Non voluptas doloribus aut rerum vitae aut quia recusandae eos praesentium error? Qui iusto dolorem nam accusamus quisquam sed optio eaque qui tempora voluptatem id minima nihil? Aut ipsum maxime qui suscipit atque ea nihil quis et nulla aliquam.

This is a paragraph block.Et obcaecati autem quo eaque ipsa est expedita quasi. Qui veritatis fuga ut ipsum minima eum officiis eveniet id recusandae quas et adipisci cupiditate qui quae quisquam.

This is a paragraph block. Aut asperiores magnam qui nemo perferendis et tempore voluptas qui nihil voluptatibus et omnis enim. Est repellat recusandae est pariatur quam id quia illo sit quibusdam dolorum non galisum enim nam quidem quos. Ab nobis explicabo et reiciendis aspernatur ea consequatur recusandae a mollitia voluptatem est dolor consequatur eos porro laboriosam. Et dolorum labore sit nihil nulla aut molestiae aperiam sit iste fugit qui cupiditate voluptatibus. Et consequatur minus est officiis consectetur rem officiis ipsam sit fugit voluptas a repellat illum. Et laborum dicta est quasi tenetur aut temporibus consequatur eum velit veritatis hic maxime doloribus. Sed pariatur illum cum rerum illum et rerum placeat ad ipsum quasi est mollitia error qui quaerat quia id deleniti beatae. At perferendis quam eos consequatur facilis est consequatur facere eos perspiciatis voluptatum. Qui perferendis quibusdam vel accusantium amet ea quia quaerat?

Cover Image Block

This is a standard width cover image.

This is a wide cover image.

This is a paragraph in the image.

This is a full width cover image.

With a centre aligned paragraph in it.

This is a full width cover image with fixed background.

This is a full width cover image with higher background opacity.

This is a full width cover image with left aligned text.

This is a full width cover image with right aligned text.

Gallery Block

Standard width

Wide width

Full width

Text Columns Block

2 Columns – Standard Width

This is the second column. Sit possimus repellendus quo possimus necessitatibus ut dolorem quos aut ducimus amet. Qui dicta dignissimos qui explicabo internos non voluptate explicabo in deleniti molestiae aut labore placeat 33 eveniet quia.

2 Columns – Wide

This is the first column. Et iure libero ut voluptas repellendus ut quia accusantium ut cumque nostrum. 33 eligendi nemo est aliquam corrupti At iste earum non perspiciatis corrupti quo esse dolorum et sunt consequatur. Ut dicta cumque eum eveniet voluptate ut voluptate autem et similique animi sit placeat natus a recusandae magnam?

This is the second column. Sit possimus repellendus quo possimus necessitatibus ut dolorem quos aut ducimus amet. Qui dicta dignissimos qui explicabo internos non voluptate explicabo in deleniti molestiae aut labore placeat 33 eveniet quia.

2 Columns – Full Width

This is the first column. Appropriately initiate pandemic data via economically sound scenarios. Credibly foster inexpensive methodologies via cross-media leadership. Dramatically monetize seamless infomediaries via principle-centered functionalities. Seamlessly morph cross functional outsourcing via team building meta-services. Intrinsicly embrace installed base products for enabled testing procedures.

This is the second column. Appropriately initiate pandemic data via economically sound scenarios. Credibly foster inexpensive methodologies via cross-media leadership. Dramatically monetize seamless infomediaries via principle-centered functionalities. Seamlessly morph cross functional outsourcing via team building meta-services. Intrinsicly embrace installed base products for enabled testing procedures.

3 Columns – Wide Width

This is the first column. Et iure libero ut voluptas repellendus ut quia accusantium ut cumque nostrum. 33 eligendi nemo est aliquam corrupti At iste earum non perspiciatis corrupti quo esse dolorum et sunt consequatur. Ut dicta cumque eum eveniet voluptate ut voluptate autem et similique animi sit placeat natus a recusandae magnam?

This is the second column. Et iure libero ut voluptas repellendus ut quia accusantium ut cumque nostrum. 33 eligendi nemo est aliquam corrupti At iste earum non perspiciatis corrupti quo esse dolorum et sunt consequatur.

This is the third column. 33 eligendi nemo est aliquam corrupti At iste earum non perspiciatis corrupti quo esse dolorum et sunt consequatur. Ut dicta cumque eum eveniet voluptate ut voluptate autem et similique animi sit placeat natus a recusandae magnam?

4 Columns – Full Width

This is the first column. Completely disintermediate user friendly content through covalent core competencies. Enthusiastically seize intermandated alignments for resource sucking paradigms.

This is the second column. Completely disintermediate user friendly content through covalent core competencies. Enthusiastically seize intermandated alignments for resource sucking paradigms.

This is the third column. Eligendi nemo est aliquam corrupti At iste earum non perspiciatis corrupti quo esse dolorum et sunt consequatur. Ut dicta cumque eum eveniet voluptate ut voluptate autem et similique animi sit placeat natus a recusandae magnam?

This is the fourth column. Completely disintermediate user friendly content through covalent core competencies. Enthusiastically seize intermandated alignments for resource sucking paradigms.

Columns Block

2 Columns – Standard Width

Et obcaecati dolor vel autem laborum ea voluptatem enim et impedit odio sed assumenda quis in voluptatum velit in tempore galisum! 33 molestiae molestiae est cumque suscipit et omnis similique ut maxime cupiditate eos laboriosam labore.

33 eligendi nemo est aliquam corrupti At iste earum non perspiciatis corrupti quo esse dolorum et sunt consequatur. Ut dicta cumque eum eveniet voluptate ut voluptate autem et similique animi sit placeat natus a recusandae magnam?

2 Columns – Wide

Phosfluorescently morph intuitive relationships rather than customer directed human capital. Dynamically customize turnkey information whereas orthogonal processes. Assertively deliver superior leadership skills whereas holistic outsourcing. Enthusiastically iterate enabled best practices vis-a-vis 24/365 communities.

2 Columns – Full Width

Button Block

This is a button

This is an outlined button

This is a squared button

This is a centered button

This is a button with custom colors

This is a button on the right

This is a regular paragraph block. Professionally productize highly efficient results with world-class core competencies. Objectively matrix leveraged architectures vis-a-vis error-free applications. Completely maximize customized portals via fully researched metrics. Enthusiastically generate premier action items.

Congratulations!

You did it. There’s nothing else to style 🙂