So ... Let's see ...

Those magic blocks

As I said, Gutenberg’s blocks will allow you to add different content types to your posts and pages.

And we have several block categories. Here they are ...

1. Common blocks

1.1 audio = you can use it to embed a simple audio player

1.2 cover = will add an image or video with a text overlay

1.3 file = will create a link to a downloadable resource

1.4 gallery = will display multiple images in a rich gallery

1.5 heading = adds H1-H6 heading text

1.6 image = will insert an image

1.7 list = adds a bulleted or numbered list

1.8 paragraph = adds a basic paragraph text

1.9 quote = will create a quoted text visual emphasis

1.10 video = you can embed a video from your media library (or to upload a new one)


2. Formatting blocks

2.1 classic = will allow you to use the classic WordPress editor

2.2 code = will allow you to display code snippets

2.3 custom HTML = adds a custom HTML code (and live preview)

2.4 preformatted = adds a text that respects your spacing and tabs and allows styling

2.5 pullquote = will create a special visual emphasis to a quote from your text

2.6 table = inserts a table

2.7 verse = will allow you to use special spacing formats for poetry, song lyrics, etc

3. Layout element blocks

3.1 button = adds a custom button

3.2 columns = adds a block that displays content in multiple columns

3.3 media & text = will allow you to set media and words side-by-side

3.4 more = will allow you to define where you want the separation in your excerpts

3.5 page break = you can use it to create multi-page posts

3.6 separator = a horizontal separator for creating breaks between ideas or sections

3.7 spacer = adds a white space between blocks (with customizable height)

4. Widget blocks

4.1 archives = displays a monthly archive of your posts

4.2 categories = displays a list of all your categories

4.3 latest comments = displays a list of your most recent comments

4.4 latest posts = display a list of your most recent posts

4.5 shortcode = will allow you to insert custom elements (using a WordPress shortcode)


5. Embed blocks

The embed blocks will allow you to embed videos, images, tweets, audio, etc from different external third-party sources.

Supported platforms: Twitter, YouTube, Facebook, Instagram, WordPress, SoundCloud, Spotify, Flickr, Vimeo, Animoto, Cloudup, CollegeHumor, Imgur, Issuu, Kickstarter, Meetup.com, Mixcloud, Photobucket, Polldaddy, Reddit, ReverbNation, Screencast, Scribd, Slideshare, SmugMug, Speaker Deck, TED, Tumblr, VideoPress and WordPress.tv.



Join the Discussion
Write something…
Recent messages
Nkaujzeb Premium
Very thorough thanks for the glossary pages. I've noticed that the images I created in SiteContent do not transfer over if I want to use one of the images as my featured image. I would have to go to WordPress and reload the image there and it's a pain. I thought it used to.

Should I continue to use SiteContent or just go straight to Gutenberg for my blogging?
Reply
smartketeer Premium
That should be an individual choice Kelyee :)
Reply
Nkaujzeb Premium
Okay, thanks!
Reply
bella2018 Premium
Hi smartketeer. I like the new and the many available options that the Gutenberg editor will provide. I especially like the ability to embed a video, which is something I would like to do with my webpage. Since my site deals with learning to play flute, I thought it would be most appropriate for me to have an actual video of me play flute. My reserves are that I am just beginning to feel comfortable with the current Wordpress program and not sure I will be able to manipulate all the new features offered by Gutenberg. Can I try the newer program out and if I don't feel comfortable, can I switch back to my current Word Press program/version? Many thanks for the updates. I will give Gutenberg a try and see what happens. I'm sure I will have nay questions upon implementation. Many thanks again for the head's up!
Reply
smartketeer Premium
We are talking about a major Wordpress upgrade here. Which isn't optional. Literally speaking you can choose to not upgrade your Wordpress, but isn't recommended!

And as I pointed out in the tutorial, you can still use the old classic editor if you want.
Reply
LCEndahl Premium
Am I understanding, we should try Gutenberg now?
Reply
smartketeer Premium
Recommended :)
Reply
Vickic3 Premium
Hi hun
you don't have to - you can keep doing what you are doing
Have you seen Marions training on Gutenberg? Go girl :)
Reply
smartketeer Premium
As is stated in the tutorial.
Reply
johncruz Premium
So are you guys actually using Gutenburg?
Reply
smartketeer Premium
Actually, I'm not ... I'm using a theme that comes with a native visual builder ...
Reply
smartm2018 Premium Plus
Thanks. This is the editor I have been using. now my problem is I'm trying to use google adsense but the lesson gave me a link. I cant put the code right because the ad is not showing. complicated. Do you have lesson on this?
Reply
smartketeer Premium
Not yet :(

But is on my list :)
Reply
LCEndahl Premium
It took snout 48 hours for my ads to show up.
Reply
Nkaujzeb Premium
I'm having the same issue, however, I used it in a widget form and allow Adsense to put the ads where ever they see fit. I would love to have the ads as part of my posts but I haven't found a way to put that HTML code. I don't like ads in my post but for right now it's going to be there until I find a way. Good luck hope you figure it out before me and do a training for us. XD
Reply
smartm2018 Premium Plus
Thanks! I will wait. I had to download a plugin and from there it was getting a little complicated. Is this how you did it.?
Reply
smartm2018 Premium Plus
At least you got it. I understand i have to wait a bit. Hopefully I will get it.
Reply
phakacha8 Premium
I was thinking of 'Install Gutenberg' as that's first visual in our Dashboard but had not ventured into it further and here you are with the tutorial.

Thanks for taking your time to keep your fellow members updated.
:)

Will it annoy other plugins?
Reply
smartketeer Premium
Thank YOU!
Reply
phakacha8 Premium
Will it annoy other plugins?

Say, TinyMCE Advanced?
Reply
smartketeer Premium
You don't need TinyMCE if you are using Gutenberg ...
Reply
phakacha8 Premium
Good.
Reply
Top