Preview the appearance of all WordPress Core blocks.

Heading 1

A regular paragraph of text. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading 2

Heading 3

Heading 4

Galleries, Images and Video

Two chairs and a side table in a sunny room.

As you can see there should be some space above, below, and to the right of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words. Let them do their jobs without any hassle from the text. In about one more sentence here, we’ll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it’s thang. Mission accomplished!

And now we’re going to shift things to the right align. Again, there should be plenty of room above, below, and to the left of the image. Just look at him there… Hey guy! Way to rock that right side. I don’t care what the left aligned image says, you look great. Don’t let anyone else tell you differently. In just a bit here, you should see the text start to wrap below the right aligned image and settle in nicely. There should still be plenty of room and everything should be sitting pretty. Yeah… Just like that. It never felt so good to be right.

Lists

This is a list
With an item
Here’s another one

This is a list
With numbered items
Taking it step by step

Quotes

The quote block has two styles, regular:

Early in my career…I had to choose between an honest arrogance and a hypercritical humility… I deliberately choose an honest arrogance, and I’ve never been sorry.
Frank Lloyd Wright

and large:

Early in my career…I had to choose between an honest arrogance and a hypercritical humility… I deliberately choose an honest arrogance, and I’ve never been sorry.
Frank Lloyd Wright

The quote blocks themselves has no alignments but the text can be aligned, bold, italic, and linked:

Early in my career…I had to choose between an honest arrogance and a hypercritical humility… I deliberately choose an honest arrogance, and I’ve never been sorry.
Frank Lloyd Wright

When the quote block is aligned to the right, the border should be as well. When the quote block is center aligned, the horisontal paddings and borders can be removed entirely.

Pull Quotes

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

The delicate dance between aesthetics and utility as we delve into the art of harmonizing form and function in contemporary architectural masterpieces.
Content witdh pullquote

The delicate dance between aesthetics and utility as we delve into the art of harmonizing form and function in contemporary architectural masterpieces.
Wide width pullquote

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Buttons

Button

Code

"settings": {
"layout": {
"contentSize": "640px",		
"wideSize": "1280px"
  }
}

Blocks

Heading 1

Heading 2

Heading 3

Heading 4

Galleries, Images and Video

Lists

Quotes

Pull Quotes

Buttons

Code