Guide to the Gutenberg Image Block

Of all the media-type blocks, the image block is the most fundamental. Use it to add a single image to one of your posts or pages.

The new image block in Gutenberg works similarly to the « Add Media » button in the traditional editor. Set your image’s alignment to left, right, or center, and include a caption, a link, an alt attribute, etc.

The system of blocks introduced in WordPress version 5.0 is known as Gutenberg. Blocks give you a lot more design flexibility when making posts and pages. The ability to align blocks to full-width and wide-width came with Gutenberg blocks.

Below is Normal width setting image

Below is Full width setting image

Below is Wide width setting image

full width

I ❤️ WordPress and The Block Editor

I like the light, fluid, and simple webs. By this motive, I develop web pages with the Block Editor. With this tool, I get a clean code, with fewer resources consumed, and it is perfect to load on mobiles.

My objective is to do web pages functional and more sustainable 🚀

Contact with me

Normal Width

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters

Wide width

Full width

Adventures With Lorem Ipsum

Looking Back on Love