{"id":78013,"date":"2017-01-23T11:18:08","date_gmt":"2017-01-23T16:18:08","guid":{"rendered":"https:\/\/www.templatemonster.com\/help\/?p=78013"},"modified":"2017-01-31T05:48:34","modified_gmt":"2017-01-31T10:48:34","slug":"monstroid-2-customize-posts-appearance","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/monstroid-2-customize-posts-appearance.html","title":{"rendered":"Monstroid 2. How to customize posts appearance"},"content":{"rendered":"<p>Hello, this tutorial is going to show you how to manage single post appearance in <strong><a href=\"https:\/\/www.templatemonster.com\/wordpress-themes\/monstroid2.html\" target=\"_blank\">Monstroid2 theme<\/a><\/strong>.<\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/IrbQHHSanto\"><\/iframe>\r\n<\/div>\r\n\r\n<p>Lets check the options available. Open any post at the <strong>Posts -&gt; All Posts<\/strong> section.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_1.png\" alt=\"Monstroid_2.How_to_customize_posts_appearance_1\" width=\"855\" height=\"429\" class=\"alignnone size-full wp-image-78020\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_1.png 855w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_1-150x75.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_1-300x151.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_1-768x385.png 768w\" sizes=\"(max-width: 855px) 100vw, 855px\" \/><\/a>\r\n<h3 class=\"custom\">Page Settings<\/h3>\r\n\r\n<p>Right below the post&#8217;s body you may see the <strong>&#8216;Page Settings&#8217;<\/strong> section that allows to manage header layout.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_2.png\" alt=\"Monstroid_2.How_to_customize_posts_appearance_2\" width=\"748\" height=\"648\" class=\"alignnone size-full wp-image-78021\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_2.png 748w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_2-150x130.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_2-300x260.png 300w\" sizes=\"(max-width: 748px) 100vw, 748px\" \/><\/a>\r\n<p>Feel free to select any of the styles available among the<strong> &#8216;Header layout&#8217;<\/strong> dropdown list and use the<strong> &#8216;Preview changes&#8217;<\/strong> button or<strong> &#8216;Update&#8217;<\/strong> your post.<\/p>\r\n\r\n<p>Next, you may try disabling the <strong>Breadcrumbs<\/strong> appearance at the corresponding tab. You can also manage <strong>Header elements<\/strong> visibility same way.<\/p>\r\n\r\n<h3 class=\"custom\">Layout Options<\/h3>\r\n\r\n<p>The next section is <strong>&#8216;Layout Options&#8217;<\/strong> that controls the full post&#8217;s appearance. You can combine the options available for <strong>Sidebar<\/strong>, <strong>Header<\/strong>, <strong>Content<\/strong> and the <strong>Footer<\/strong> to customize each post&#8217;s layout:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_3.png\" alt=\"Monstroid_2.How_to_customize_posts_appearance_3\" width=\"745\" height=\"679\" class=\"alignnone size-full wp-image-78022\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_3.png 745w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_3-150x137.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_3-300x273.png 300w\" sizes=\"(max-width: 745px) 100vw, 745px\" \/><\/a>\r\n\r\n<p>Don&#8217;t forget to update your post and use the &#8216;View post&#8217; link to see the edits applied. The new layout is applied right away. To go back to editing just press the <strong>Edit post<\/strong> button at the top bar.<\/p>\r\n\r\n<h3 class=\"custom\">Single Post Style<\/h3>\r\n\r\n<p>The last, but not least in this overview is the <strong>&#8216;Single Post Style&#8217;<\/strong> section.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_4.png\" alt=\"Monstroid_2.How_to_customize_posts_appearance_4\" width=\"279\" height=\"220\" class=\"alignnone size-full wp-image-78023\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_4.png 279w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_4-150x118.png 150w\" sizes=\"(max-width: 279px) 100vw, 279px\" \/><\/a>\r\n\r\n<p>Let&#8217;s choose the &#8216;<strong>modern<\/strong>&#8216; layout and see what happens.<\/p>\r\n\r\n<p>Featured image is fullwidth now and post&#8217;s title and meta are displayed over it, creating a nicely-designed header for your post. Content and sidebar still inherit the layout options we&#8217;ve set previously.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_5.png\" alt=\"Monstroid_2.How_to_customize_posts_appearance_5\" width=\"1022\" height=\"731\" class=\"alignnone size-full wp-image-78024\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_5.png 1022w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_5-150x107.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_5-300x215.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Monstroid_2.How_to_customize_posts_appearance_5-768x549.png 768w\" sizes=\"(max-width: 1022px) 100vw, 1022px\" \/><\/a>\r\n<p>To switch featured image appearance back to regular view, choose the\r\n<strong>Default<\/strong> style at the <strong>&#8216;Single Post Style&#8217;<\/strong> section.<\/p>\r\n\r\n<p>That&#8217;s all, thank you for reading this tutorial. If there are any\r\nquestions, please, do not hesitate to contact us anytime!<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=IrbQHHSanto?width=1280&amp;height=720\" rel=\"prettyPhoto\">Monstroid 2. How to customize posts appearance<\/a>","protected":false},"excerpt":{"rendered":"<p>Hello, this tutorial is going to show you how to manage single post appearance in <strong>Monstroid2<\/strong> theme.<\/p>\n","protected":false},"author":59,"featured_media":78046,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2017,728],"tags":[2516,2281,2515,592,2405],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/78013"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/59"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=78013"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/78013\/revisions"}],"predecessor-version":[{"id":83093,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/78013\/revisions\/83093"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/78046"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=78013"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=78013"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=78013"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}