{"id":1906,"date":"2020-05-22T21:47:43","date_gmt":"2020-05-22T21:47:43","guid":{"rendered":"https:\/\/the7kennisbank.nl\/?p=1906"},"modified":"2020-05-22T22:40:22","modified_gmt":"2020-05-22T22:40:22","slug":"wizard","status":"publish","type":"post","link":"https:\/\/the7kennisbank.nl\/en\/user-guide\/wizard\/","title":{"rendered":"Wizard"},"content":{"rendered":"<p><head><meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\"><br \/>\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\"><\/head><\/p>\n<p>The7 Design Wizard\u00a0simplifies the process of theme configuring: choose header layout, upload your logo\u00a0and set up background,\u00a0fonts\u00a0and\u00a0accent colour.\u00a0The7 will intelligently calculate the best values for advanced options available in the theme.<\/p>\n<p>Wizard works in two modes: it allows to \u201cCustomize Existing Design\u201d (Only if have configured theme options already) or \u201cStart From a Scratch\u201d (fig. 1).<\/p>\n<p><strong>Important:<\/strong> Wizard will always re calculate the best values for advanced options based on your settings. so its better use it only when you start fro scratch and once you have configured basic settings better to use dedicated <a href=\"https:\/\/the7kennisbank.nl\/?p=1891\">Theme options<\/a> section for fine tuning.<\/p>\n<div id=\"attachment_2526\" class=\"wp-caption aligncenter c1\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2015\/11\/wizrd.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2526\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2016\/03\/wizrd-2.png\" alt=\"\" width=\"889\" height=\"239\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 1. Wizard mode.<\/p>\n<\/div>\n<p>In\u00a0<strong>Wizard &gt; General<\/strong> (fig. 1.1)<strong>\u00a0<\/strong>you need to:<\/p>\n<ul>\n<li>select site layout: boxed or wide;<\/li>\n<li>set background color and image \u201cunder the box\u201d;<\/li>\n<li>set basic site background color.<\/li>\n<\/ul>\n<div id=\"attachment_3063\" class=\"wp-caption aligncenter c2\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2017\/12\/Fig._1.1._Layout_options.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3063\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._1.1._Layout_options.png\" alt=\"Fig. 1.1. Layout options.\" width=\"760\" height=\"588\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 1.1. Layout options.<\/p>\n<\/div>\n<p>As per fig. 2, select:<\/p>\n<ul>\n<li>font-family and color for content text;<\/li>\n<li>font-family and color for header text;<\/li>\n<li>color accent;<\/li>\n<li>one of 3 predefined button styles: flat, 3D, shadow.<\/li>\n<\/ul>\n<div id=\"attachment_3064\" class=\"wp-caption aligncenter c4\"><a class=\"c3\" href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2017\/12\/Fig._2._Wizard_Options.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3064 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._2._Wizard_Options.png\" alt=\"Fig. 2. Wizard Options\" width=\"671\" height=\"596\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 2. Wizard Options<\/p>\n<\/div>\n<p>In\u00a0\u00a0<strong>Wizard &gt; Top Bar &amp; Header\u00a0<\/strong>you can:<\/p>\n<ul>\n<li>select one of seven header layouts (fig. 3);<\/li>\n<li>fine-tune elements alignment;<\/li>\n<li>adjust colors of background and fonts.<\/li>\n<\/ul>\n<div id=\"attachment_3065\" class=\"wp-caption aligncenter c5\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2017\/12\/Fig._3._Header_Layout.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3065 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._3._Header_Layout.png\" alt=\"Fig. 3. Header Layout.\" width=\"843\" height=\"569\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 3. Header Layout.<\/p>\n<\/div>\n<p>In the Top bar section (fig. 4), you can specify:<\/p>\n<ul>\n<li>elements font color;<\/li>\n<li>background color.<\/li>\n<\/ul>\n<div id=\"attachment_3066\" class=\"wp-caption aligncenter c6\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2017\/12\/Fig._4._Top_Bar_Settings.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3066 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._4._Top_Bar_Settings.png\" alt=\"Fig. 4. Top Bar Settings.\" width=\"596\" height=\"184\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 4. Top bar Settings.<\/p>\n<\/div>\n<p>Then you can also configure Floating navigation and Mobile header (fig. 5):<\/p>\n<div id=\"attachment_3068\" class=\"wp-caption aligncenter c7\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2017\/12\/Fig._5._Floating_navigation_and_Mobile_header_settings.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3068\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._5._Floating_navigation_and_Mobile_header_settings.png\" alt=\"Fig. 5. Floating navigation and Mobile header settings\" width=\"837\" height=\"516\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 5. Floating navigation and Mobile header settings<\/p>\n<\/div>\n<p><strong>Wizard &gt; Branding<\/strong><\/p>\n<p>In this section of the page, you can upload logos for different locations at your site, favicon, set up copyright information, etc. (fig. 6):<\/p>\n<ul>\n<li><strong>Main Logo<\/strong>: Upload logo for ordinary desktop devices and a high resolution logo for retina devices.<\/li>\n<li><strong>Transparent header<\/strong>: Logo to display on pages using Transparent header.<\/li>\n<li><strong>Floating navigation<\/strong>: Enable\/disable and upload\u00a0logo in floating menu (menu which appears on the top, when you scroll down the\u00a0site).<\/li>\n<li><strong>Mobile<\/strong>:\u00a0Logo to display on mobile devices.<\/li>\n<li><strong>Bottom bar<\/strong>: Logo to display in the bottom bar of the\u00a0site.<\/li>\n<li><strong>Favicon<\/strong>: Upload favicon, please refer\u00a0<a href=\"https:\/\/web.archive.org\/web\/20170503152024\/http:\/\/www.dwuser.com\/education\/content\/quick-tip-adding-a-favicon-to-your-website\/\">here<\/a>\u00a0if you\u2019r not sure about what is a favicon.<\/li>\n<\/ul>\n<div id=\"attachment_2804\" class=\"wp-caption aligncenter c8\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2017\/12\/Fig.-7.-Branding-Settings..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2804\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2017\/12\/Fig.-7.-Branding-Settings..png\" alt=\"Fig. 7. Branding Settings.\" width=\"682\" height=\"674\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 6. Branding Settings.<\/p>\n<\/div>\n<ul>\n<li>Enter\u00a0<strong>copyright<\/strong>\u00a0information (fig. 7).<\/li>\n<li>Enable\/disable Dream-Theme\u00a0<strong>credit<\/strong>\u00a0in your bottom bar.<\/li>\n<\/ul>\n<div id=\"attachment_2268\" class=\"wp-caption aligncenter c9\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2014\/06\/copy.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2268\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2015\/10\/copy.jpg\" alt=\"\" width=\"851\" height=\"351\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 7. Copy right &amp; Credits<\/p>\n<\/div>\n<p>In\u00a0<strong>Wizard &gt; Sidebar &amp; Footer\u00a0<\/strong>(fig. 8)<strong><\/strong><\/p>\n<ul>\n<li>choose the sidebar style;<\/li>\n<li>background and text colors of the footer and bottom bar;<\/li>\n<li>footer layout: number of columns.<\/li>\n<\/ul>\n<div id=\"attachment_3070\" class=\"wp-caption aligncenter c10\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2017\/12\/Fig._9._Sidebar_and_Footer_Settings.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3070 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._9._Sidebar_and_Footer_Settings.png\" alt=\"Fig. 9. Sidebar and Footer Settings.\" width=\"741\" height=\"473\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 8. Sidebar and Footer Settings.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The7 Design Wizard\u00a0simplifies the process of theme configuring: choose header layout, upload your logo\u00a0and set up background,\u00a0fonts\u00a0and\u00a0accent colour.\u00a0The7 will intelligently calculate the best values for advanced options available in the theme. Wizard works in two modes: it allows to \u201cCustomize Existing Design\u201d (Only if have configured theme options already) or \u201cStart From a Scratch\u201d (fig.&hellip;<\/p>\n","protected":false},"author":2,"featured_media":1992,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[10,9],"tags":[],"class_list":["post-1906","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-theme-options","category-user-guide","category-10","category-9","description-off"],"acf":[],"_links":{"self":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/1906","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=1906"}],"version-history":[{"count":3,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/1906\/revisions"}],"predecessor-version":[{"id":2027,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/1906\/revisions\/2027"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media\/1992"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media?parent=1906"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/categories?post=1906"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/tags?post=1906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}