This is a screenshot of how, using the theme's stylesheet on my test site, the page would look: It appears smaller than the actual web page, as all the screenshots in this tutorial do, due to size restrictions.

This page is completely unedited and exactly as it was created in the Visual Editor. Not exactly attention grabbing is it? But don't despair, with a little bit of HTML and CSS you can make your site look truly unique. But more about that later.

In Gutenberg - Part 2, we'll take a look at the second option: Creating posts and pages with the Paragraph method instead of the Classic Paragraph.



Join the Discussion
Write something…
Recent messages
Guenady Premium
Hi Harry,
I don't know when you wrote this, I'm a non-tech person trying to understand... I've spent too many hours trying to re-size an image in Gutenberg. Already my options open up different from those you have, so that complicates things for me. You say (lesson 5) that by clicking on the image in the visual editor I should be able to resize it as I require. But the only control I seem to have is to choose, on the right, Full-size, Large, Medium, Thumbnail. Whatever I click on, the image size stays the same: TOO BIG: The size was right in the Content Manager, but I'm now stuck in WP and really lost... Any ideas for me?
Reply
TheAbiePPlus Premium Plus
You have Kraken installed by default with every WordPress installation; in your block editor, with posts and pages and the right sidebar, you can choose the size of your image from thumbnail to small, medium, large, and actual size.

You click the plus icon, then the image. You insert one from your media library and choose the size.

I hope you can manage it.
Reply
Top