{"id":55145,"date":"2015-09-29T06:09:30","date_gmt":"2015-09-29T10:09:30","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=55145"},"modified":"2017-09-11T06:35:04","modified_gmt":"2017-09-11T10:35:04","slug":"cherryframework-3-how-to-display-featured-image-of-a-page","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/cherryframework-3-how-to-display-featured-image-of-a-page.html","title":{"rendered":"CherryFramework 3. How to display featured image of a page"},"content":{"rendered":"<p>Our Support team is ready to present you a new tutorial that shows how to display the page featured image in CherryFramework 3.<\/p> \r\n   <a href=\"http:\/\/www.youtube.com\/watch?v=1gmNeMJ-1uU?width=1280&amp;height=720\" rel=\"prettyPhoto\">CherryFramework 3. How to display featured image of a page<\/a>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/service-center\/\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-3-(835-x100).jpg\" \/>\r\n<\/a>\r\n<\/div>\r\n<ol>\r\n     <li><p>Navigate to  <strong>wp-content\\themes\\CherryFramework\\loop<\/strong> folder on your server.<\/p><\/li>\r\n     <li><p>Copy the <strong>loop-page.php<\/strong> file to <strong>wp-content\\themes\\themexxxxx\\loop\\<\/strong> directory, saving the files structure. Create folder <strong>loop<\/strong> within the <strong>theme<\/strong> directory if needed:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2015\/09\/cherry3_how_to_display_page_featured_image_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/09\/cherry3_how_to_display_page_featured_image_1-300x151.png\" alt=\"cherry3_how_to_display_page_featured_image_1\" width=\"300\" height=\"151\" class=\"aligncenter size-medium wp-image-55146\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/cherry3_how_to_display_page_featured_image_1-300x151.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/cherry3_how_to_display_page_featured_image_1-150x76.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/cherry3_how_to_display_page_featured_image_1.png 629w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n\t <li><p>In the copied <strong>loop-page.php<\/strong> file add:<\/p>\r\n\t    <pre class=\"brush:php\">\r\n\t\t&lt;?php the_post_thumbnail('full'); ?&gt;  \r\n\t\t<\/pre>\r\n\t<p>before:<\/p>\r\n\t    <pre class=\"brush:php\">\r\n\t\t&lt;?php the_content(); ?&gt;\r\n\t\t<\/pre>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2015\/09\/cherry3_how_to_display_page_featured_image_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/09\/cherry3_how_to_display_page_featured_image_2-300x110.png\" alt=\"cherry3_how_to_display_page_featured_image_2\" width=\"300\" height=\"110\" class=\"aligncenter size-medium wp-image-55147\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/cherry3_how_to_display_page_featured_image_2-300x110.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/cherry3_how_to_display_page_featured_image_2-150x55.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/cherry3_how_to_display_page_featured_image_2.png 871w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n     <li><p>Save changes to file when you are done.<\/p><\/li>\r\n\t <li><p>Check the result on your website.<\/p><\/li>\r\n\t<\/ol>\r\n\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=1gmNeMJ-1uU?width=1280&amp;height=720\" rel=\"prettyPhoto\">CherryFramework 3. How to display featured image of a page<\/a>","protected":false},"excerpt":{"rendered":"<p>Our Support team is ready to present you a new tutorial that shows how to display the page featured image in CherryFramework 3.<\/p>\n","protected":false},"author":56,"featured_media":55150,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[728],"tags":[831,537,572,2405],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/55145"}],"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\/56"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=55145"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/55145\/revisions"}],"predecessor-version":[{"id":83137,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/55145\/revisions\/83137"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/55150"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=55145"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=55145"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=55145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}