{"id":1158,"date":"2019-07-16T07:45:10","date_gmt":"2019-07-16T07:45:10","guid":{"rendered":"https:\/\/postmagthemes.com\/demoprocolormagazine\/?p=111"},"modified":"2025-10-08T20:54:41","modified_gmt":"2025-10-08T12:54:41","slug":"guide-to-the-gutenberg-image-block","status":"publish","type":"post","link":"https:\/\/zhhovo.top\/index.php\/2019\/07\/16\/guide-to-the-gutenberg-image-block\/","title":{"rendered":"Guide to the Gutenberg Image Block"},"content":{"rendered":"\n

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.<\/p>\n\n\n\n

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.<\/p>\n\n\n\n

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<\/strong> and wide-width<\/strong> came with Gutenberg blocks.<\/p>\n\n\n\n

Below is Normal width setting image<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Below is Full width setting image<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Below is Wide width setting image<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

full width <\/strong><\/p>\n\n\n\n

\"\"<\/span>
\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

I \u2764\ufe0f WordPress and The Block Editor<\/h2>\n\n\n\n

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. <\/p>\n\n\n\n

My objective is to do web pages functional and more sustainable<\/strong> \ud83d\ude80<\/p>\n\n\n\n

<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n

Normal Width<\/p>\n\n\n\n

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<\/p>\n\n\n\n

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<\/p>\n\n\n\n

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<\/p>\n\n\n\n

Wide width<\/p>\n\n\n\n

Full width<\/p>\n\n\n\n

\n

Adventures With Lorem Ipsum<\/strong><\/h2>\n\n\n\n

Looking Back on Love<\/h2>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

<\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"

Of all the media-type blocks, the image block is the mo […]<\/p>\n","protected":false},"author":1,"featured_media":1010,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[14,15,17],"class_list":["post-1158","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gallery-slider","tag-culture","tag-gold","tag-ships"],"_links":{"self":[{"href":"https:\/\/zhhovo.top\/index.php\/wp-json\/wp\/v2\/posts\/1158","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zhhovo.top\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zhhovo.top\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zhhovo.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zhhovo.top\/index.php\/wp-json\/wp\/v2\/comments?post=1158"}],"version-history":[{"count":2,"href":"https:\/\/zhhovo.top\/index.php\/wp-json\/wp\/v2\/posts\/1158\/revisions"}],"predecessor-version":[{"id":1249,"href":"https:\/\/zhhovo.top\/index.php\/wp-json\/wp\/v2\/posts\/1158\/revisions\/1249"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zhhovo.top\/index.php\/wp-json\/wp\/v2\/media\/1010"}],"wp:attachment":[{"href":"https:\/\/zhhovo.top\/index.php\/wp-json\/wp\/v2\/media?parent=1158"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zhhovo.top\/index.php\/wp-json\/wp\/v2\/categories?post=1158"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zhhovo.top\/index.php\/wp-json\/wp\/v2\/tags?post=1158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}