{"id":244,"date":"2017-01-30T13:35:07","date_gmt":"2017-01-30T13:35:07","guid":{"rendered":"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/?p=244"},"modified":"2017-01-30T14:00:51","modified_gmt":"2017-01-30T14:00:51","slug":"create-a-page-using-content-builder-2","status":"publish","type":"post","link":"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/create-a-page-using-content-builder-2\/","title":{"rendered":"Create a Page using Content Builder"},"content":{"rendered":"

Theme has built-in \u201cContent Builder\u201d for page. Basically you can select available content modules. Once your selected, it will open a popup which you can setup options for selected module. Once you finish adjusting options. Click \u201cUpdate\u201d and save changes on page. You can change content order using drag and drop in content builder box. Here are detailed overview about it.<\/p>\n

Enable Content Builder<\/strong><\/p>\n

\"\"<\/p>\n

When you edit page. By default you can customise its content using WordPress visual editor. However if you want to use Content Builder instead. Simply click “Edit in Content Builder”<\/strong> button under page title field.<\/p>\n

Classic View<\/strong><\/p>\n

\"\"<\/p>\n

When you first enable Content Builder. You will have empty Content Builder content and you can add content module or import existing templates to start working with Content Builder.<\/p>\n

Live View<\/strong><\/p>\n

\"\"<\/p>\n

To enter live view. You can click on monitor icon on the top right of Content Builder control bar. In live mode, there are 2 main areas.<\/p>\n

    \n
  1. Overview – on the left side. It will displays all content s blocks on current page.<\/li>\n
  2. Preview – on the right side. It will displays\u00a0live preview of current Content Builder page.<\/li>\n<\/ol>\n

    Content Builder Control Bar Overview<\/strong><\/p>\n

    \"\"<\/p>\n

    Please find above image to see all Content Builder control bar buttons. We will cover detail of all features later in this article.<\/p>\n

    Templates<\/strong><\/p>\n

    When you click templates button. It will open templates popup option. There are 2 type of templates.<\/p>\n

      \n
    1. My Templates – It’s your saved templates.<\/li>\n
    2. Predefined Templates – It has all predefined templates which you can see on demo site.<\/li>\n<\/ol>\n

      Save as Template<\/strong><\/p>\n

      \"\"<\/p>\n

      Simply enter template name field and click “Save” button. It save your current Content Builder page as new template.<\/p>\n

      Import Predefined Template<\/strong><\/p>\n

      \"\"<\/p>\n

      Click on “Predefined Templates” tab. It will open all predefined templates available. When you move mouse over each page. It will displays link icon which you can click to open demo page of that template. If you want to import it, simply click on page you want.<\/p>\n

      Add New Content<\/strong><\/p>\n

      \"\"<\/p>\n

      You can click “Add Content” or plus icon to add new content. It will open add new content popup. You can switch to each tab to select content you want. It will also display preview screenshot of content. Once you want to add a new content. Simply click on content you want.<\/p>\n

      \"\"<\/p>\n

      It will open a popup with module\u2019s options. Customise all options as you want and click Update. If you edit in live mode, the preview area will be refresh and displays updated content instantly.<\/p>\n

      Content Action options<\/strong><\/p>\n

      \"\"<\/p>\n

      When you move mouse over each content module. You will see set of actions available.<\/p>\n

        \n
      • Add after – You can click this icon to add new content after this content block.<\/li>\n
      • Edit – You can click this icon to edit this content option. It will open popup options of selected content.<\/li>\n
      • Duplicate – You can click this icon to duplicate this content and it will be added after this content.<\/li>\n
      • Remove – You can click this icon to remove this content.<\/li>\n<\/ul>\n

        Inspect Content<\/strong><\/p>\n

        \"\"<\/p>\n

        In overview area of live mode. You can do following to inspect content block.<\/p>\n

          \n
        • Click – when you click on it. On live preview area, it will scroll to clicked block.<\/li>\n
        • Double Click – when you double click it. It will open edit popup option for selected content block.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

          Theme has built-in \u201cContent Builder\u201d for page. Basically you can select available content modules. Once your selected, it will open a popup which you can setup options for selected module. Once you finish adjusting options. Click \u201cUpdate\u201d and save changes on page. You can change content order using drag and drop in content builder box. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[48,134,57,58,135],"_links":{"self":[{"href":"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-json\/wp\/v2\/posts\/244"}],"collection":[{"href":"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-json\/wp\/v2\/comments?post=244"}],"version-history":[{"count":0,"href":"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-json\/wp\/v2\/posts\/244\/revisions"}],"wp:attachment":[{"href":"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-json\/wp\/v2\/media?parent=244"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-json\/wp\/v2\/categories?post=244"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-json\/wp\/v2\/tags?post=244"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}