{"id":7783,"date":"0204-03-31T02:35:59","date_gmt":"1973-07-28T19:43:27","guid":{"rendered":"http:\/\/info.template-help.com\/?p=7783"},"modified":"2017-12-22T09:42:33","modified_gmt":"2017-12-22T14:42:33","slug":"how-to-create-page-templates","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/how-to-create-page-templates.html","title":{"rendered":"WordPress. How to create page templates"},"content":{"rendered":"

\r\n<\/p>\r\n

This tutorial is going to show you how to add new page templates to your WordPress Cherry Framework template.<\/p>\r\n

WordPress. How to create page templates<\/a><\/p>\r\n

    \r\n
  1. \r\n

    Log into your WordPress admin panel.<\/p>\r\n<\/li>\r\n

  2. \r\n

    Go to\u00a0 the Pages -> Add New<\/strong> menu to create a new page with a new page template.<\/p>\r\n<\/li>\r\n

  3. \r\n

    Give your new page a title and save it. In the Page Attributes<\/strong> panel on the right, you can select a page template from those already\u00a0 included into the template. You need to add a new one to this list. All these page templates are located in the wp-content\/themes\/CherryFramework<\/strong> folder on your FTP. But you will need\u00a0 to add a new page template in the wp-content\/themes\/theme##### <\/strong>\u00a0folder on your FTP.<\/p>\r\n<\/li>\r\n

  4. \r\n

    Create a new\u00a0 file in any .php editor like Dreamweaver or Notepad++ and\u00a0 give it a name, e.g.\u00a0new.php<\/em><\/strong>. Add the following content to it:<\/p>\r\n

    \r\n<?php\r\n    \/*\r\n    Template Name: Custom\r\n    *\/\r\n?>\r\n<\/pre>\r\n<\/li>\r\n
  5. \r\n
    Save the file and upload it to\u00a0the wp-content\/themes\/theme##### <\/strong>\u00a0folder on your FTP.<\/p>\r\n<\/li>\r\n
  6. \r\n
    Go\u00a0  back to the page you created in WordPress. In the Page Attributes<\/strong> panel, you can select the new page template called  “Custom”.<\/p>\r\n
    \"wordpress_cherry_new_page_template_adding_1\"<\/a><\/p>\r\n<\/li>\r\n
  7. \r\n
    Click Publish<\/strong>. Then click Preview  Changes<\/strong>. The page will be completely blank.<\/p>\r\n<\/li>\r\n
  8. \r\n
    Go back to your new.php file to  start adding\u00a0 your content.\u00a0 The file may contain anything you need  including some static content or some markup that will determine your page  content.<\/p>\r\n<\/li>\r\n
  9. \r\n
    You can use elements from other page templates located in the wp-content\/themes\/CherryFramework <\/strong>folder to create\u00a0 a unique page. <\/p>\r\n<\/li>\r\n
  10. \r\n
    Let’s first add a header and footer  to it:<\/p>\r\n
    \r\n<?php\r\n  \/**\r\n  * Template Name: Custom\r\n  *\/\r\nget_header(); ?>\r\n<?php get_footer(); ?>\r\n\r\n<\/pre>\r\n<\/li>\r\n
  11. \r\n
    If you save the changes, you can see  them on your page:<\/p>\r\n
    \"wordpress_cherry_new_page_template_adding_2\"<\/a><\/p>\r\n<\/li>\r\n
  12. \r\n
    Now you need to decide what kind of  content you’d like to see on that page. Let’s say\u00a0 you\u00a0  have no separate page template for the “Our Team” custom posts. And you  really like the layout of the Testimonials page template and would like to see  the “team” custom posts with the same layout. Under the  Appearance ->  Editor<\/strong> menu, you can easily determine the name of the\u00a0file used for the Testimonials page template. It is\u00a0page-testi.php<\/strong>.<\/p>\r\n
    \"wordpress_cherry_new_page_template_adding_3\"<\/a><\/p>\r\n<\/li>\r\n
  13. \r\n
    Open this\u00a0file to edit. Copy only the content part since  we already have the header and footer (this is just an example, so your code  may be different):<\/p>\r\n
    \r\n<div class="motopress-wrapper content-holder clearfix">\r\n  <div class="container">\r\n  <div class="row">\r\n  <div class="<?php echo cherry_get_layout_class( 'full_width_content' ); ?>" data-motopress-wrapper-file="page-testi.php" data-motopress-wrapper-type="content">\r\n  <div class="row">\r\n  <div class="<?php echo cherry_get_layout_class( 'full_width_content' ); ?>" data-motopress-type="static" data-motopress-static-file="static\/static-title.php">\r\n  <?php get_template_part("static\/static-title"); ?>\r\n  <\/div>\r\n  <\/div>\r\n  <div class="row">\r\n  <div class="<?php echo cherry_get_layout_class( 'content' ); ?> <?php echo of_get_option('blog_sidebar_pos'); ?>" id="content" data-motopress-type="loop" data-motopress-loop-file="loop\/loop-testi.php">\r\n  <?php get_template_part("loop\/loop-testi"); ?>\r\n  <\/div>\r\n  <div class="<?php echo cherry_get_layout_class( 'sidebar' ); ?> sidebar" id="sidebar" data-motopress-type="static-sidebar" data-motopress-sidebar-file="sidebar.php">\r\n  <?php get_sidebar(); ?>\r\n  <\/div>\r\n  <\/div>\r\n  <\/div>\r\n  <\/div>\r\n  <\/div>\r\n  <\/div>\r\n<\/pre>\r\n<\/li>\r\n
  14. \r\n
    Add the content to\u00a0the new.php file. Rename: Template  Name: Custom<\/em><\/strong> to Template  Name: Team<\/strong><\/em><\/p>\r\n<\/li>\r\n
  15. \r\n
    Change page-testi.php<\/em><\/strong> to new.php<\/em><\/strong> in the code.<\/p>\r\n<\/li>\r\n
  16. \r\n
    The code also contains the reference to the loop\/loop-testi.php file.  This is another file you need to copy. Copy loop-testi.php<\/strong> from wp-content\/themes\/CherryFramework\/loop. <\/strong>And  paste it to the wp-content\/themes\/theme#####\/loop <\/strong>folder (if there is no loop <\/strong>\u00a0folder there, you will need to create it).  Rename the file to e.g. loop-new.php<\/em><\/strong> and open it for editing. Change the word “testi” <\/strong>everywhere in this file to “team” and  save the changes. (You can do this using Control (Command) + F).<\/p>\r\n
    \"wordpress_cherry_new_page_template_adding_4\"<\/a><\/p>\r\n<\/li>\r\n
  17. \r\n
    Since the loop-new.php is created  and modified, you can go back to the new.php <\/strong>file and change loop\/loop-testi.php<\/strong>  to loop\/loop-new.php<\/strong> in the code. The finished code will look like this:<\/p>\r\n
    \r\n<?php\r\n  \/**\r\n  * Template Name: Team\r\n  *\/\r\nget_header(); ?>\r\n<div class="motopress-wrapper content-holder clearfix">\r\n  <div class="container">\r\n  <div class="row">\r\n  <div class="<?php echo cherry_get_layout_class( 'full_width_content' ); ?>" data-motopress-wrapper-file="new.php" data-motopress-wrapper-type="content">\r\n  <div class="row">\r\n  <div class="<?php echo cherry_get_layout_class( 'full_width_content' ); ?>" data-motopress-type="static" data-motopress-static-file="static\/static-title.php">\r\n  <?php get_template_part("static\/static-title"); ?>\r\n  <\/div>\r\n  <\/div>\r\n  <div class="row">\r\n  <div class="<?php echo cherry_get_layout_class( 'content' ); ?> <?php echo of_get_option('blog_sidebar_pos'); ?>" id="content" data-motopress-type="loop" data-motopress-loop-file="loop\/loop-new.php">\r\n  <?php get_template_part("loop\/loop-new"); ?>\r\n  <\/div>\r\n  <div class="<?php echo cherry_get_layout_class( 'sidebar' ); ?> sidebar" id="sidebar" data-motopress-type="static-sidebar" data-motopress-sidebar-file="sidebar.php">\r\n  <?php get_sidebar(); ?>\r\n  <\/div>\r\n  <\/div>\r\n  <\/div>\r\n  <\/div>\r\n  <\/div>\r\n  <\/div>\r\n<?php get_footer(); ?>\r\n\r\n<\/pre>\r\n<\/li>\r\n
  18. \r\n
    Save the changes and check your new  page. It should have the team custom posts on the testimonials layout page.<\/p>\r\n
    \"wordpress_cherry_new_page_template_adding_5\"<\/a><\/p>\r\n<\/li>\r\n<\/ol>\r\n
    Feel free to check the detailed video tutorial below:<\/p>\r\n
    WordPress. How to create page templates<\/a><\/p>\r\n<\/p>\r\n
    In case you’re seeking premium themes to put up a professional website, take a look at design wordpress templates<\/a>. Or check out a wide variety of WordPress templates page<\/a> for even more beautiful designs.<\/p> \r\n
    <\/p>","protected":false},"excerpt":{"rendered":"
    This tutorial is going to show you how to add new page templates to your WordPress Cherry Framework template.<\/p>\n","protected":false},"author":30,"featured_media":33948,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[247,728],"tags":[1419,796,572,767,2405],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/7783"}],"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\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=7783"}],"version-history":[{"count":5,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/7783\/revisions"}],"predecessor-version":[{"id":83673,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/7783\/revisions\/83673"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/33948"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=7783"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=7783"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=7783"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}