{"id":336,"date":"2014-03-10T09:28:37","date_gmt":"2014-03-10T09:28:37","guid":{"rendered":"http:\/\/themes.themegoods.com\/capella\/doc\/?p=336"},"modified":"2014-08-13T10:32:17","modified_gmt":"2014-08-13T10:32:17","slug":"demo-homepage","status":"publish","type":"post","link":"https:\/\/themes.themegoods.com\/capella\/doc\/demo-homepage\/","title":{"rendered":"Demo Homepage"},"content":{"rendered":"

This article will guide to the steps to create contents like demo site \u00a0homepage<\/a>. This page required\u00a0menu<\/a>, team member<\/a> and gallery<\/a>\u00a0content. Please make sure you have already created these contents first.<\/p>\n

    \n
  1. Go to WordPress Dashboard >\u00a0Pages and click Add New<\/strong><\/li>\n
  2. Select Page Slider<\/strong> in Page Options<\/strong> box and check Hide Page Title<\/strong> on the right side.<\/li>\n
  3. Check Make Menu Transparent<\/strong> option.<\/li>\n
  4. Add page title and content. Then find\u00a0Content Builder Box Option<\/strong>\u00a0box on the bottom and check Enable Content Builder<\/strong>.<\/li>\n
  5. Find Page Attributes box at the bottom right side. Select\u00a0Page Fullwidth<\/strong>\u00a0<\/strong>as page template.<\/li>\n
  6. Once you are done. Click Publish button<\/li>\n<\/ol>\n

    Content Builder Modules<\/h3>\n

    Now you created a page. Next is to create its content using Content Builder module. Below are screenshot of all modules used in Homepage 1 demo page.<\/p>\n

    \"\"<\/p>\n

      \n
    • Text Block (Philosophy) –\u00a0<\/strong>Add padding: 30px 0 60px 0;\u00a0<\/em>for custom CSS field and add below code for its content\n
      [one_half] <img src=\"http:\/\/themes.themegoods2.com\/capella\/demo\/wp-content\/uploads\/2014\/07\/chef.jpg\" alt=\"\"\/> [\/one_half] [one_half_last] <h2>WE ARE SPECIALIZED IN <br\/>SPICY MODERN FUSION FOOD<\/h2> <div class=\"page_caption_desc\" style=\"margin-top:10px;margin-bottom:20px;\">The Art of Cooking<\/div><hr class=\"thick\" style=\"margin-bottom:30px;\"\/><br\/>Morbi leo risus, porta ac consectetur ac, vesti bulum at eros. Aenean lacinia bibendum nulla sed consec us eget urna mollis ornare vel euleo. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient monte siculus mus.Maecenas sed diam eget risus varius blandit sit amet non magna. <br\/><img src=\"http:\/\/themes.themegoods2.com\/capella\/demo\/wp-content\/uploads\/2014\/07\/signature2.png\" alt=\"\"\/> [\/one_half_last]\r\n<\/pre>\n<\/li>\n
    • Text Block (Chef Recommended)\u00a0<\/strong>–\u00a0Upload your background image and add\u00a0padding: 20em 0 20em 0;\u00a0<\/em>for custom CSS field. Enter below code for its content\n
      <div class=\"ppb_header_wrapper\"> <h1 class=\"hasbg\">Chef Recommended<\/h1> <div class=\"sub_header\">Signatures dishes recommend by our chef<\/div> <\/div>\r\n<\/pre>\n<\/li>\n<\/ul>\n
        \n
      • Menu Classic (Chef Recommended Menu)<\/strong>\u00a0– Select 3 Columns layout, selected filterable menu category you want\u00a0and enter 6 items option. Add\u00a0padding-bottom:30px;<\/em> for custom CSS.<\/li>\n<\/ul>\n
          \n
        • Text Block (Popular Dishes Header)<\/strong> – Enter title, upload your background image and add padding: 20em 0 20em 0;<\/em>\u00a0for custom CSS and use below code for its content\n
          <div class=\"ppb_header_wrapper\"> <h1 class=\"hasbg\">Popular Dishes<\/h1> <div class=\"sub_header\">Our most popular menu<\/div> <\/div>\r\n<\/pre>\n<\/li>\n
        • Menu Simple (Signature Menus)\u00a0<\/strong>– Enter title and select 2 columns layout.\u00a0selected filterable menu category you want\u00a0and enter 12 items option. Add\u00a0padding-bottom:30px;<\/em>\u00a0for custom CSS.<\/li>\n
        • Text Block (Ingredients)<\/strong> – Enter title, upload your background image and add\u00a0padding: 20em\u00a00 20em\u00a00;<\/em> for custom CSS field. Enter below code for its content\n
          <div class=\"ppb_header_wrapper\"> <h1 class=\"hasbg\">Ingredients<\/h1> <div class=\"sub_header\">Only the best ones from all over the world<\/div> <\/div><\/pre>\n<\/li>\n
        • Text Block (Gallery)<\/strong> – Enter below code for its content\n
          [one_half] <h2>We Created best dinning experience for you & your family<\/h2> <div class=\"page_caption_desc\" style=\"margin-top:10px;margin-bottom:20px;\">Simply but Delicious experience<\/div><hr class=\"thick\" style=\"margin-bottom:30px;\"\/><br\/>Morbi leo risus, porta ac consectetur ac, vesti bulum at eros. Aenean lacinia bibendum nulla sed consec us eget urna mollis ornare vel euleo. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient monte siculus mus.Maecenas sed diam eget risus varius blandit sit amet non magna. [\/one_half] [one_half_last] [tg_thumb_gallery gallery_id=\"3094\" width=\"220\" height=\"220\"] [\/one_half_last]\r\n<\/pre>\n<\/li>\n
        • Team<\/strong>\u00a0– Enter title, select 3 columns layout and upload your background image.<\/li>\n
        • Full Width Button<\/strong>\u00a0–\u00a0Enter title and link URL.<\/li>\n<\/ul>\n
           <\/p>\n","protected":false},"excerpt":{"rendered":"
          This article will guide to the steps to create contents like demo site \u00a0homepage. This page required\u00a0menu, team member and gallery\u00a0content. Please make sure you have already created these contents first. Go to WordPress Dashboard >\u00a0Pages and click Add New Select Page Slider in Page Options box and check Hide Page Title on the right […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[49],"tags":[10,28],"_links":{"self":[{"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/posts\/336"}],"collection":[{"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/comments?post=336"}],"version-history":[{"count":0,"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/posts\/336\/revisions"}],"wp:attachment":[{"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/media?parent=336"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/categories?post=336"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/tags?post=336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}