![\"JetElements](\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/post-widget.png\")
<\/figure><\/div>\n\n\n\nBy default, the posts grid is filled with the latest posts if you have them. It is also possible to display some custom type posts here.<\/p>\n\n\n\n
Define the Settings<\/h2>\n\n\n\n
Proceed to the Content > General<\/em><\/strong> settings block to set the number of posts you want to display (up to 30) in the Posts Number<\/strong> field. Move on to the Columns<\/strong> dropdown and define the number of columns (up to 6). If you select only 1 column, your posts will be shown in the usual listing position.<\/p>\n\n\n\n After that, turn on the Equal Columns Height<\/strong> option in order to make the columns equally high. Below, you can see Is archive template<\/strong> option. It allows you to pull your new posts to the grid and set this widget as an Archive template for the latest publications.<\/p>\n\n\n\n Navigate to the Post Type<\/strong> dropdown and select the types of posts to display in this particular posts grid. It can be Posts, Pages, Mega menu items, Products<\/strong>, etc.<\/p>\n\n\n\n If you want to showcase only posts of a specific category, there is a Query posts by<\/strong> dropdown, where you can select the filter criteria for the posts. You can also use the Use Custom Query<\/strong> option to filter the posts.<\/p>\n\n\n\n If you’ve already published some posts, you should probably use the Post offset <\/strong>option to hide them.<\/p>\n\n\n\n Then, navigate to the Show Posts Title<\/strong> option to show or hide the titles of the posts. If you decide to show the title, you may like the idea of showing only part of it to intrigue the readers. You can do it with the help of the Title Word Trim<\/strong> option.<\/p>\n\n\n\n When it comes to the post images, you can either hide or show them with the help of the Show Posts Featured Image<\/strong> option. When you decide to show the images, they can be displayed as simple images or box background images.<\/p>\n\n\n\n After that, you should set the Background Image Size<\/strong> and Position<\/strong>, enable or disable Posts Excerpt<\/strong>, and hide or Show Posts Meta<\/strong> (author, date, comments). Also, enable or disable the Read More Button<\/strong>, select the Read More Button Icon<\/strong>, add or remove the Gap <\/strong>between the columns or rows, etc.<\/p>\n\n\n\n When the features are all set, proceed to the Style <\/strong>block and change the design of the widget. There are tons of style settings. You are able to customize the Columns,<\/strong> the Post Items,<\/strong> the Post Thumbnails<\/strong> (images), the Post Items Content<\/strong>, the Titles,<\/strong> the Meta,<\/strong> the Excerpt,<\/strong> the Button<\/strong>, etc. Here’s what it all could look like:<\/p>\n\n\n\n As soon as everything satisfies you, click the “Publish<\/strong>” button in the bottom-left corner of the Elementor page builder and enjoy the result!<\/p>\n","protected":false},"excerpt":{"rendered":" This tutorial shows how to create a posts grid with featured images, and read more buttons using the Posts widget settings.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[517],"yoast_head":"\n![\"Posts](\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/posts-general-settings-1.png\")
<\/figure><\/div>\n\n\n\n![\"Posts](\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/posts-general-settings-2.png\")
<\/figure><\/div>\n\n\n\n![\"Posts](\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/posts-general-settings-4.png\")
<\/figure><\/div>\n\n\n\nCreate an Appealing Design<\/h2>\n\n\n\n
![\"Posts](\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/posts-example.png\")
<\/figure><\/div>\n\n\n\n