{"id":9319,"date":"2021-02-12T11:32:00","date_gmt":"2021-02-12T11:32:00","guid":{"rendered":"https:\/\/oxhosting.com\/blog\/2021\/02\/12\/how-to-display-wordpress-posts-in-a-grid-format\/"},"modified":"2021-02-12T11:32:00","modified_gmt":"2021-02-12T11:32:00","slug":"how-to-display-wordpress-posts-in-a-grid-format","status":"publish","type":"post","link":"https:\/\/oxhosting.com\/blog\/2021\/02\/12\/how-to-display-wordpress-posts-in-a-grid-format\/","title":{"rendered":"How To Display WordPress Posts In a Grid Format"},"content":{"rendered":"<p><iframe loading=\"lazy\"  width=\"580\" height=\"385\" src=\"https:\/\/www.youtube.com\/embed\/leSsau744ss?rel=0&#038;cc_load_policy=1&#038;modestbranding=1\" frameborder=\"0\" allowfullscreen><\/iframe><br \/>\n<br \/>\ud835\uddda\ud835\uddf2\ud835\ude01 \ud835\ude01\ud835\uddf5\ud835\uddf2 \ud835\udde3\ud835\uddff\ud835\uddfc \ud835\udde3\ud835\uddf9\ud835\ude02\ud835\uddf4\ud835\uddf6\ud835\uddfb \u279c <\/p>\n<p>\ud835\uddd6\ud835\uddf5\ud835\uddf2\ud835\uddf0\ud835\uddf8\ud835\uddfc\ud835\ude02\ud835\ude01 \ud835\uddfc\ud835\ude02\ud835\uddff \ud835\uddf2\ud835\ude05\ud835\uddf0\ud835\uddf9\ud835\ude02\ud835\ude00\ud835\uddf6\ud835\ude03\ud835\uddf2 \ud835\uddea\ud835\uddfc\ud835\uddff\ud835\uddf1\ud835\udde3\ud835\uddff\ud835\uddf2\ud835\ude00\ud835\ude00 \ud835\uddf0\ud835\uddfc\ud835\ude02\ud835\uddff\ud835\ude00\ud835\uddf2 \u279c <\/p>\n<p>\ud835\uddda\ud835\uddf2\ud835\ude01 \ud835\ude01\ud835\uddf5\ud835\uddf2 \ud835\uddd9\ud835\uddee\ud835\ude00\ud835\ude01\ud835\uddf2\ud835\ude00\ud835\ude01 \ud835\uddea\ud835\uddfc\ud835\uddff\ud835\uddf1\ud835\udde3\ud835\uddff\ud835\uddf2\ud835\ude00\ud835\ude00 \ud835\udddb\ud835\uddfc\ud835\ude00\ud835\ude01\ud835\uddf6\ud835\uddfb\ud835\uddf4 \u279c <\/p>\n<p>\ud835\udddb\ud835\uddfc\ud835\ude04 \ud835\ude01\ud835\uddfc \ud835\udde0\ud835\uddee\ud835\uddf8\ud835\uddf2 \ud835\udde0\ud835\uddfc\ud835\uddfb\ud835\uddf2\ud835\ude06 \ud835\ude04\ud835\uddf6\ud835\ude01\ud835\uddf5 \ud835\ude06\ud835\uddfc\ud835\ude02\ud835\uddff \ud835\ude04\ud835\uddf2\ud835\uddef\ud835\ude00\ud835\uddf6\ud835\ude01\ud835\uddf2 \u279c <\/p>\n<p>\ud835\udde9\ud835\uddfc\ud835\ude01\ud835\uddf2 \ud835\uddf3\ud835\uddfc\ud835\uddff \ud835\uddfc\ud835\ude02\ud835\uddff \ud835\uddfb\ud835\uddf2\ud835\ude05\ud835\ude01 \ud835\ude03\ud835\uddf6\ud835\uddf1\ud835\uddf2\ud835\uddfc\u279c <\/p>\n<p>\ud835\udde3\ud835\uddfc\ud835\ude00\ud835\ude01 \ud835\udddc\ud835\ude00\ud835\ude00\ud835\ude02\ud835\uddf2\ud835\ude00 \ud835\udddb\ud835\uddf2\ud835\uddff\ud835\uddf2 \u279c <\/p>\n<p>Study how you can screen the posts on your website in a grid structure.<\/p>\n<p>Let us say you have a internet site and you have published posts in it.<\/p>\n<p>Now if you display screen your posts in a grid layout which appears extra structured,<br \/>\nand everyone traveling to your web page can conveniently go through your posts and come across what they &#8216;re hunting for.<\/p>\n<p>You can do this by following our 4 simple measures.<\/p>\n<p>So let\u2019s get begun.<\/p>\n<p>\ud835\udde7\ud835\uddee\ud835\uddef\ud835\uddf9\ud835\uddf2 \ud835\uddfc\ud835\uddf3 \ud835\uddf0\ud835\uddfc\ud835\uddfb\ud835\ude01\ud835\uddf2\ud835\uddfb\ud835\ude01\ud835\ude00 :<\/p>\n<p>:00 Intro<\/p>\n<p>1:15 Put in \u2018Content Views\u2019 plugin<\/p>\n<p>2:12 Produce a layout for your posts<\/p>\n<p>4:15 Add the structure to your internet site<\/p>\n<p>5:37 Incorporate the website page to your menu<\/p>\n<p>7:30 Outro<\/p>\n<p>Action 1 : Set up \u2018Content Views\u2019 plugin.<\/p>\n<p>To show your posts in grid layout, first you need to have to install a plugin.<\/p>\n<p>To install the plugin, go to WordPress Dashboard \u25ba Plugin\u2019s \u25ba Increase New<\/p>\n<p>Now research for \u2018Content Views\u2019 and click \u2018Install\u2019 &#038; \u2018Activate\u2019.<\/p>\n<p>As soon as you have put in the plugin, you can go to the next action.<\/p>\n<p>Action 2 : Make a layout for your posts.<\/p>\n<p>So to produce a layout,<\/p>\n<p>Go to WordPress Dashboard \u25ba Content Sights \u25ba Increase New<\/p>\n<p>Now enter a title for your format.<\/p>\n<p>Future in \u2018Advance\u2019 pick out which posts you want to exhibit in the layout.<\/p>\n<p>You can decide on the posts by groups, tags, creator, key phrase and many others.<\/p>\n<p>The moment you have selected, go to \u2018Display Settings\u2019.<\/p>\n<p>Now in \u2018Layout\u2019 find \u2018Grid\u2019 and enter the amount of posts you want to exhibit in a row.<\/p>\n<p>To total developing the format, Simply click \u2018Update Preview\u2019 and \u2018Save\u2019.<\/p>\n<p>And now you\u2019ve properly established the format.<\/p>\n<p>Move 3 : Increase the format to your web site.<\/p>\n<p>To insert the structure,<\/p>\n<p>Copy the shortcode which is revealed on your site.<\/p>\n<p>Now to include the format, you have to have to produce a web site.<\/p>\n<p>To generate a page, go to Internet pages \u25ba Insert New<\/p>\n<p>Now give a title to your web site and paste the shortcode which you have copied.<\/p>\n<p>Now to publish your website page, simply click \u2018Publish\u2019.<\/p>\n<p>Move 4 : Insert the web site to your menu.<\/p>\n<p>To incorporate the website page you have established to your menu,<\/p>\n<p>Go to WordPress Dashboard \u25ba Visual appeal \u25ba Menus<\/p>\n<p>Now pick the website page you have produced and click on \u2018Add to menu\u2019.<\/p>\n<p>At the time you\u2019ve extra your site click on \u2018Save Menu\u2019 to conserve the adjustments.<\/p>\n<p>Now you\u2019ve successfully extra the webpage to your menu.<\/p>\n<p>Now if anybody visits this page they can look at your posts in grid structure.<\/p>\n<p>Now if you want to change the structure of an current webpage with no developing a new web site, and increase a lot more fascinating layouts to your website page, you require to get the Professional model of \u2018Content Views\u2019 plugin.<\/p>\n<p>To get the Pro variation of Content Sights, simply click listed here \u279c <\/p>\n<p>So that\u2019s it fellas.<\/p>\n<p>This is how you can show the posts on your internet site in a grid structure.<\/p>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br \/>\n\ud83d\udce2 \ud835\udde7\ud835\uddf5\ud835\uddf2 \ud835\udde7\ud835\uddfc\ud835\uddfc\ud835\uddf9\ud835\ude00 \ud835\ude04\ud835\uddf2 \ud835\ude02\ud835\ude00\ud835\uddf2:<\/p>\n<p>\ud835\uddda\ud835\uddf2\ud835\ude01 \ud835\ude01\ud835\uddf5\ud835\uddf2 \ud835\uddef\ud835\uddf2\ud835\ude00\ud835\ude01 \ud835\ude01\ud835\uddfc\ud835\uddfc\ud835\uddf9\ud835\ude00 \ud835\uddf3\ud835\uddfc\ud835\uddff \ud835\ude06\ud835\uddfc\ud835\ude02\ud835\uddff \ud835\ude04\ud835\uddf2\ud835\uddef\ud835\ude00\ud835\uddf6\ud835\ude01\ud835\uddf2 \u279c <\/p>\n<p>\ud835\udde9\ud835\uddf6\ud835\uddf1\ud835\uddf2\ud835\uddfc \ud835\uddda\ud835\uddf2\ud835\uddee\ud835\uddff \ud835\uddea\ud835\uddf2 \ud835\udde8\ud835\ude00\ud835\uddf2 \u279c <\/p>\n<p>\ud835\udde2\ud835\ude02\ud835\uddff \ud835\udde9\ud835\uddf6\ud835\uddf1\ud835\uddf2\ud835\uddfc \ud835\uddd8\ud835\uddf1\ud835\uddf6\ud835\ude01\ud835\uddf6\ud835\uddfb\ud835\uddf4 \ud835\udde7\ud835\uddfc\ud835\uddfc\ud835\uddf9 \u279c <\/p>\n<p>\ud83d\ude4c \ud835\udde2\ud835\uddf3\ud835\uddf3\ud835\uddf6\ud835\uddf0\ud835\uddf6\ud835\uddee\ud835\uddf9\ud835\uddf9\ud835\ude06:<\/p>\n<p>\ud835\uddea\ud835\uddf2\u275c\ud835\uddff\ud835\uddf2 \ud835\udddb\ud835\uddf6\ud835\uddff\ud835\uddf6\ud835\uddfb\ud835\uddf4: <\/p>\n<p>Want your web-site created by us? E-mail us your demands to contact@websitelearners.com<\/p>\n<p>\ud83d\udcac \ud835\uddd9\ud835\uddfc\ud835\uddf9\ud835\uddf9\ud835\uddfc\ud835\ude04 &#038; \ud835\uddd6\ud835\uddf5\ud835\uddee\ud835\ude01 \ud835\ude04\ud835\uddf6\ud835\ude01\ud835\uddf5 \ud835\ude02\ud835\ude00:<\/p>\n<p>\ud835\udddc\ud835\uddfb\ud835\ude00\ud835\ude01\ud835\uddee\ud835\uddf4\ud835\uddff\ud835\uddee\ud835\uddfa: <\/p>\n<p>\ud835\uddd9\ud835\uddee\ud835\uddf0\ud835\uddf2\ud835\uddef\ud835\uddfc\ud835\uddfc\ud835\uddf8: <\/p>\n<p>\ud835\udde7\ud835\ude04\ud835\uddf6\ud835\ude01\ud835\ude01\ud835\uddf2\ud835\uddff: <\/p>\n<p>If you have any uncertainties connected to WordPress, Remember to mail us at contact@websitelearners.com<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud835\uddda\ud835\uddf2\ud835\ude01 \ud835\ude01\ud835\uddf5\ud835\uddf2 \ud835\udde3\ud835\uddff\ud835\uddfc \ud835\udde3\ud835\uddf9\ud835\ude02\ud835\uddf4\ud835\uddf6\ud835\uddfb \u279c \ud835\uddd6\ud835\uddf5\ud835\uddf2\ud835\uddf0\ud835\uddf8\ud835\uddfc\ud835\ude02\ud835\ude01 \ud835\uddfc\ud835\ude02\ud835\uddff \ud835\uddf2\ud835\ude05\ud835\uddf0\ud835\uddf9\ud835\ude02\ud835\ude00\ud835\uddf6\ud835\ude03\ud835\uddf2 \ud835\uddea\ud835\uddfc\ud835\uddff\ud835\uddf1\ud835\udde3\ud835\uddff\ud835\uddf2\ud835\ude00\ud835\ude00 \ud835\uddf0\ud835\uddfc\ud835\ude02\ud835\uddff\ud835\ude00\ud835\uddf2 \u279c \ud835\uddda\ud835\uddf2\ud835\ude01 \ud835\ude01\ud835\uddf5\ud835\uddf2 \ud835\uddd9\ud835\uddee\ud835\ude00\ud835\ude01\ud835\uddf2\ud835\ude00\ud835\ude01 \ud835\uddea\ud835\uddfc\ud835\uddff\ud835\uddf1\ud835\udde3\ud835\uddff\ud835\uddf2\ud835\ude00\ud835\ude00 \ud835\udddb\ud835\uddfc\ud835\ude00\ud835\ude01\ud835\uddf6\ud835\uddfb\ud835\uddf4 \u279c \ud835\udddb\ud835\uddfc\ud835\ude04 \ud835\ude01\ud835\uddfc \ud835\udde0\ud835\uddee\ud835\uddf8\ud835\uddf2 \ud835\udde0\ud835\uddfc\ud835\uddfb\ud835\uddf2\ud835\ude06 \ud835\ude04\ud835\uddf6\ud835\ude01\ud835\uddf5 \ud835\ude06\ud835\uddfc\ud835\ude02\ud835\uddff \ud835\ude04\ud835\uddf2\ud835\uddef\ud835\ude00\ud835\uddf6\ud835\ude01\ud835\uddf2 \u279c&#8230;<\/p>\n","protected":false},"author":93,"featured_media":9320,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[9459,9460,9458,9451,9452,9453,9456,9457,9455,9454],"_links":{"self":[{"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/posts\/9319"}],"collection":[{"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/users\/93"}],"replies":[{"embeddable":true,"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/comments?post=9319"}],"version-history":[{"count":0,"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/posts\/9319\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/media\/9320"}],"wp:attachment":[{"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/media?parent=9319"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/categories?post=9319"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/tags?post=9319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}