{"id":8499,"date":"2018-01-04T14:51:46","date_gmt":"2018-01-04T14:51:46","guid":{"rendered":"http:\/\/rifetheme.com\/help\/docs\/content-management\/creating-one-page\/"},"modified":"2018-10-31T13:17:42","modified_gmt":"2018-10-31T13:17:42","slug":"creating-one-page","status":"publish","type":"docs","link":"https:\/\/rifetheme.com\/help\/docs\/content-management\/creating-one-page\/","title":{"rendered":"Creating One Page"},"content":{"rendered":"

To create a functional one-page site you have to do 3 steps:<\/p>\n

    \n
  1. Create your page content.<\/li>\n
  2. Divide content into sections with unique IDs<\/strong>.<\/li>\n
  3. Create a menu for your one-page.<\/li>\n<\/ol>\n

    Create your page content<\/h2>\n

    Step 1 is something you have to do on your own.<\/p>\n

    However, you can use one of our Designs<\/a>, for example, this<\/a>, to speed up this process.<\/p>\n

    Divide content into sections with unique IDs<\/h2>\n

    Dividing into sections means, to put your content into containers that will have unique IDs. Thanks to this your visitor will be able to easily navigate your one-page.<\/p>\n

    Let’s see how to do it using Elementor<\/a>.<\/p>\n

    Adding IDs with Elementor page builder<\/h3>\n

    Dividing your content into sections is explained deeply in Elementor documentation<\/a>, so let’s skip it.<\/p>\n

    We will show you where to add your unique ID.<\/p>\n

    First, you have to edit section as shown on below image.<\/p>\n

    \"How
    How to edit section in Elementor<\/figcaption><\/figure>\n

    After this, in Elementor panel we go to Advanced\u00a0\u2192 Element Style \u2192 CSS ID<\/strong> and there you enter your unique ID. See below image:<\/p>\n

    \"How
    How to edit section ID in Elementor<\/figcaption><\/figure>\n

    Now, this ID can be used in the menu for navigation.<\/p>\n

    Adding IDs with WPBakery page builder<\/h3>\n

    In WPBakery Page builder each section is a row, and that is where you can set your section ID.<\/p>\n

    So first you have to edit row:<\/p>\n

    \"Click
    Editing row in WPBakery<\/figcaption><\/figure>\n

    After this, in the new popup, we go to General \u2192 Row ID<\/strong> and there you enter your unique ID. See below image:<\/p>\n

    \"Type
    Type your row ID in Row ID field<\/figcaption><\/figure>\n

    Now, this ID can be used in the menu for navigation.<\/p>\n

    Create a menu for your one-page<\/h2>\n

    After you have created all your sections with IDs, it is time to create the menu for your one-page.<\/p>\n

    This subject is well explained here<\/a>.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":186,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_tag":[],"class_list":["post-8499","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs\/8499","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/comments?post=8499"}],"version-history":[{"count":6,"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs\/8499\/revisions"}],"predecessor-version":[{"id":9104,"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs\/8499\/revisions\/9104"}],"up":[{"embeddable":true,"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs\/186"}],"next":[{"title":"PhotoProofing Albums","link":"https:\/\/rifetheme.com\/help\/docs\/content-management\/photoproofing\/","href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs\/8501"}],"prev":[{"title":"Elementor Widgets","link":"https:\/\/rifetheme.com\/help\/docs\/content-management\/elementor-widgets\/","href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs\/9154"}],"wp:attachment":[{"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/media?parent=8499"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/doc_tag?post=8499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}