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 🚀

Normal Width

Bronze

$29

Per Month

20GB Storage Space
1 Domain Name
5 Email Addresses
100GB Bandwidth
No Premium Support

Silver

$49

Per Month

100GB Storage Space
2 Domain Names
10 Email Addresses
500GB Bandwidth
No Premium Support

Gold

$99

Per Month

250GB Storage Space
5 Domain Names
50 Email Addresses
1000GB Bandwidth
Premium Support

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

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *