First of all you need to know that under \u201cMicro Sites\u201d term we understand: landing pages, one-page-sites and blank pages (pages with no top\/bottom bar, header, navigation, etc.).<\/p>\n

To start creating micro site add a new page and select the \u201cMicrosite\u201d page template (fig. 1). \u201cMicrosite\u201d box will appear \u2013 and that\u2019s where the magic happens!<\/p>\n

$\"Fig.$ <\/a><\/p>\n

Fig. 1. Microsite template.<\/p>\n<\/div>\n

In this box you can select individual settings for this specific page:<\/p>\n

page layout: full-width or boxed\n
$\"Fig.2.1.$ <\/a><\/p>\n
Fig.2.1. Page layout.<\/p>\n<\/div>\n<\/li>\n
hide: header, top bar, floating menu, content area and bottom bar;\n
$\"Fig.$ <\/a><\/p>\n
Fig. 2.2. Hide elements.<\/p>\n<\/div>\n<\/li>\n
enable beautiful page loading;<\/li>\n
set individual branding (logos and favicon);\n
$\"Fig.$ <\/a><\/p>\n
Fig. 2.3. Microsite logos.<\/p>\n<\/div>\n
and link (fig. 2.4) for logos if you want to have a clickable<\/strong> logo:<\/p>\n
$\"Fig.$ <\/a><\/p>\n
Fig. 2.4. Target link for Microsite logo.<\/p>\n<\/div>\n<\/li>\n
select primary menu area<\/strong> (fig. 2.5).\u00a0This particular option makes \u201cMicrosite\u201d template so powerful!\n $\"Fig.$ <\/a><\/p>\n
Fig. 2.5. Menu for Microsite.<\/p>\n<\/div>\n<\/li>\n<\/ul>\n
Making One-Page-Site<\/h3>\n
Let\u2019s look at how to use a \u201cMicrosite\u201d template on example of creating classical One-Page-Site (since this is the most challenging task). Idea is quite simple:<\/p>\n
1. Create a required page layout using WPBakery Page Builder.<\/strong>
Each row represents a separate \u201csection\u201d on your one page site. Note that you can make the row 100% browser height. Also you need to fill the \u201cID\u201d field of\u00a0a row \u2013 this will let you create an on-page navigation (fig.3).<\/p>\n
$\"Fig.3.$ <\/a><\/p>\n
Fig.3. Apply anchor to a row.<\/p>\n<\/div>\n
2. Create a custom menu for on-page navigation.<\/strong><\/p>\n
\n
Follow the \u201cWP-admin > Appearance > Menus\u201d.<\/li>\n
Create a new menu.<\/li>\n
Use \u201cLinks\u201d element to create on-page menu. Note that \u201cURL\u201d field must be filled with the anchor value of corresponding stripe prefixed with \u201c#!\/\u201d. E.g. \u201c#!\/anchor-name\u201d.
Tip 1.<\/strong> To add a \u201cHome\u201d or \u201cTo top\u201d link fill the URL field with just \u201c#!\/up\u201d.
Tip 2.<\/strong> If your web-site is supposed to contain any other pages or posts, create another menu with absolute links in the menu. For example: \u201cwww.example.com\/#!\/anchor-name\u201d and set it as site Primary menu.
In other words, duplicate the menu with this plugin<\/a> and replace relative url with absolute url.<\/li>\n<\/ul>\n
3. Assign on-page menu.
<\/strong>Navigate back to the page that you\u2019ve created in step 1 and assign the menu created in step 2 to primary menu area in page settings.<\/p>\n","protected":false},"excerpt":{"rendered":"
What exactly \u201cMicro Sites\u201d are and how to create them? First of all you need to know that under \u201cMicro Sites\u201d term we understand: landing pages, one-page-sites and blank pages (pages with no top\/bottom bar, header, navigation, etc.). To start creating micro site add a new page and select the \u201cMicrosite\u201d page template (fig. 1).…<\/p>\n","protected":false},"author":2,"featured_media":3502,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[9],"tags":[],"class_list":["post-2276","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-user-guide","category-9","description-off"],"acf":[],"_links":{"self":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/2276","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/comments?post=2276"}],"version-history":[{"count":2,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/2276\/revisions"}],"predecessor-version":[{"id":2532,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/2276\/revisions\/2532"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media\/3502"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media?parent=2276"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/categories?post=2276"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/tags?post=2276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}