Gutenberg: Formatting Blocks

Code Block

.codeblock 
    right: 100% !important;
    position: absolute;

Classic Block

This is the classic block.

It's using the regular editor.

HTML Block

My HTML block.

Preformatted Block

This is a preformatted block.
It is the best block.
Amazing.

Pullquote Block

This is a pullquote. It's pretty awesome.

Laurel Fulford

Table Block

Header 1Header 2Header 3
BobSmith36
JaneDoe25
SusanSmithers34

Verse Block

This is a verse.
It apparently has no styles?
Amazing.
https://www.evolutiespirituala.ro/gutenberg-formatting-blocks/?feed_id=4114

Gutenberg: Layout Element Blocks

Button Blocks

File Block

Columns Block

About Automattic

We are the people behind WordPress.com, WooCommerce, Jetpack, Simplenote, Longreads, VaultPress, Akismet, Gravatar, Polldaddy, Cloudup, and more. We believe in making the web a better place.

We’re a distributed company with 807 Automatticians in 69 countries speaking 84 different languages. Our common goal is to democratize publishing so that anyone with a story can tell it, regardless of income, gender, politics, language, or where they live in the world.

We believe in Open Source and the vast majority of our work is available under the GPL.

We strive to live by the Automattic Creed.

Come work with us.

Our Creed

I will never stop learning. I won’t just work on things that are assigned to me. I know there’s no such thing as a status quo. I will build our business sustainably through passionate and loyal customers. I will never pass up an opportunity to help out a colleague, and I’ll remember the days before I knew everything. I am more motivated by impact than money, and I know that Open Source is one of the most powerful ideas of our generation. I will communicate as much as possible, because it’s the oxygen of a distributed company. I am in a marathon, not a sprint, and no matter how far away the goal is, the only way to get there is by putting one foot in front of another every day. Given time, there is no problem that’s insurmountable.

Spacer Block

Separator Block

The following separators should be a short line, a long line, and some dots.




Page Break

Read More Block

Gutenberg: Columns

2 columns

This is a 2-column layout, just trying some things out to see how it goes. Each column should have enough padding to breathe a little bit. Don't forget to consider how columns will look on smaller screens. #mobilefirst


3 columns

This is a typical 3-column layout with images on top and some text below.

You'll find this layout on web sites all over the internet.

Gutenberg makes this kind of layout easy to build. The future is now!


4 columns

This is the first column, and it's amazing.

This is the second column, and it's also amazing.

The third column, as they say, is like a charm.

This is the fourth column, and it's possibly the best.


5 columns

5 columns of text in the post, 5 columns of text. Take one down, move it around, 4 columns of text in the post.

4 columns of text in the post, 4 columns of text. Take one down, move it around, 3 columns of text in the post.

3 columns of text in the post, 3 columns of text. Take one down, move it around, 2 columns of text in the post.

2 columns of text in the post, 2 columns of text. Take one down, move it around, 1 columns of text in the post.

1 column of text in the post, 1 column of text. Take one down, move it around, no columns of text in the post.


6 columns

One column.

Two columns.

Three columns.

Four columns.

Five columns.

Six columns.

One column.

Two columns.

Three columns.

Four columns.

Five columns.

Six columns.

https://www.evolutiespirituala.ro/gutenberg-columns/?feed_id=4104