{"id":9,"date":"2016-09-21T09:22:05","date_gmt":"2016-09-21T09:22:05","guid":{"rendered":"http:\/\/demo.loftocean.com\/windflaw-lite\/?page_id=9"},"modified":"2016-09-22T11:54:11","modified_gmt":"2016-09-22T11:54:11","slug":"theme-options","status":"publish","type":"page","link":"https:\/\/demo.loftocean.com\/windflaw-lite\/theme-options\/","title":{"rendered":"Theme Options"},"content":{"rendered":"<p>Windflaw Lite provides many option for you to customize the site look and style. On your WordPress site dashboard, go to <strong>Appearance<\/strong> > <strong>Customize<\/strong>. Then you can change settings and preview instantly.<\/p>\n<h1>Site Logo<\/h1>\n<p>Windflaw Lite supports 2 types of logo: <strong>text<\/strong> or <strong>custom brand image<\/strong>. When upload a custom logo image, it will replace the text logo.<\/p>\n<div id='gallery-1' class='gallery galleryid-9 gallery-columns-2 gallery-size-full'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-img-logo.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1525\" src=\"https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-img-logo.jpg\" class=\"attachment-full size-full\" alt=\"\" aria-describedby=\"gallery-1-125\" srcset=\"https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-img-logo.jpg 2560w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-img-logo-300x179.jpg 300w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-img-logo-768x458.jpg 768w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-img-logo-1024x610.jpg 1024w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-img-logo-1440x858.jpg 1440w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-125'>\n\t\t\t\tImage Logo\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-text-logo.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1525\" src=\"https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-text-logo.jpg\" class=\"attachment-full size-full\" alt=\"\" aria-describedby=\"gallery-1-126\" srcset=\"https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-text-logo.jpg 2560w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-text-logo-300x179.jpg 300w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-text-logo-768x458.jpg 768w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-text-logo-1024x610.jpg 1024w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-text-logo-1440x858.jpg 1440w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-126'>\n\t\t\t\tText Logo\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<h1>Header Color<\/h1>\n<p>You can switch the site header color between <strong>Dark<\/strong> and <strong>Light<\/strong>.<\/p>\n<figure id=\"attachment_131\" aria-describedby=\"caption-attachment-131\" style=\"width: 2880px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-color.jpg\" alt=\"Site header color switch.\" width=\"2880\" height=\"1456\" class=\"size-full wp-image-131\" srcset=\"https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-color.jpg 2880w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-color-300x152.jpg 300w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-color-768x388.jpg 768w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-color-1024x518.jpg 1024w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-color-1440x728.jpg 1440w\" sizes=\"auto, (max-width: 2880px) 100vw, 2880px\" \/><figcaption id=\"caption-attachment-131\" class=\"wp-caption-text\">Site header color switch.<\/figcaption><\/figure>\n<h1>Header Background Image<\/h1>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-with-bgimg-option.jpg\" alt=\"header-with-bgimg-option\" width=\"150\" height=\"363\" class=\"alignleft size-full wp-image-134\" srcset=\"https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-with-bgimg-option.jpg 600w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-with-bgimg-option-124x300.jpg 124w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-with-bgimg-option-423x1024.jpg 423w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/>Locate to <strong>Customizer<\/strong> > <strong>Header<\/strong> > <strong>Current Header<\/strong> > <strong>Add New<\/strong>, upload a custom image, and set it as the site header background. <\/p>\n<p>And you can upload multiple images and choose to randomize them. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-with-bgimg.jpg\" alt=\"header-with-bgimg\" width=\"1960\" height=\"424\" class=\"aligncenter size-full wp-image-133\" srcset=\"https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-with-bgimg.jpg 1960w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-with-bgimg-300x65.jpg 300w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-with-bgimg-768x166.jpg 768w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-with-bgimg-1024x222.jpg 1024w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/header-with-bgimg-1440x312.jpg 1440w\" sizes=\"auto, (max-width: 1960px) 100vw, 1960px\" \/><\/p>\n<h1>Background Image<\/h1>\n<p>Windflaw Lite supports custom background image of your site page. Please note: this setting is site-wide. It doesn&#8217;t support different background image for each page.<\/p>\n<p>And you can control these background options: <strong>repeat<\/strong>, <strong>position<\/strong>, <strong>attachment<\/strong> and <strong>size<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/page-bg-img.jpg\" alt=\"page-bg-img\" width=\"2560\" height=\"1450\" class=\"aligncenter size-full wp-image-142\" srcset=\"https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/page-bg-img.jpg 2560w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/page-bg-img-300x170.jpg 300w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/page-bg-img-768x435.jpg 768w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/page-bg-img-1024x580.jpg 1024w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/page-bg-img-1440x816.jpg 1440w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<h1>Typography<\/h1>\n<p>With Typography option, you can customize typeface for text: Headings, Body Text and Site Title (logo). There are 20 selected Google fonts in the list.<\/p>\n<p><a href=\"http:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/typography.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/typography-1024x580.jpg\" alt=\"typography\" width=\"840\" height=\"476\" class=\"aligncenter size-large wp-image-144\" srcset=\"https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/typography-1024x580.jpg 1024w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/typography-300x170.jpg 300w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/typography-768x435.jpg 768w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/typography-1440x816.jpg 1440w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/a><\/p>\n<h1>Page Color<\/h1>\n<p>Like the site header, the page color can also be switched between <strong>Light<\/strong> and <strong>Dark<\/strong>.<\/p>\n<p>Locate to <strong>Customizer<\/strong> > <strong>Colors<\/strong> > <strong><br \/>\nBasic color scheme of the site<\/strong>. It will be applied to content area and footer.<\/p>\n<p><a href=\"http:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/page-colors.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/page-colors-1024x1024.jpg\" alt=\"page-colors\" width=\"840\" height=\"840\" class=\"aligncenter size-large wp-image-149\" srcset=\"https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/page-colors-1024x1024.jpg 1024w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/page-colors-150x150.jpg 150w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/page-colors-300x300.jpg 300w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/page-colors-768x768.jpg 768w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/page-colors-1440x1440.jpg 1440w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/a><\/p>\n<h1>Primary Color<\/h1>\n<p>The <strong>Primary Color<\/strong> controls the color of all content links, pagination buttons, post metas, read more button, menu item highlight on hover, blockquote border, and more. You can change it to any color to fit your site and brand.<\/p>\n<p><a href=\"http:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/primary-color.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/primary-color.jpg\" alt=\"primary-color\" width=\"2880\" height=\"2088\" class=\"aligncenter size-full wp-image-151\" srcset=\"https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/primary-color.jpg 2880w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/primary-color-300x218.jpg 300w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/primary-color-768x557.jpg 768w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/primary-color-1024x742.jpg 1024w, https:\/\/demo.loftocean.com\/windflaw-lite\/wp-content\/uploads\/sites\/2\/2016\/09\/primary-color-1440x1044.jpg 1440w\" sizes=\"auto, (max-width: 2880px) 100vw, 2880px\" \/><\/a><\/p>\n<h1>Background &#038; Text Color<\/h1>\n<p>In the <strong>Colors<\/strong> section of <strong>Customizer<\/strong>, you can also change the page <strong>background<\/strong> color, <strong>basic text<\/strong> color and <strong>title text (H1 to H6)<\/strong> color. Choose any color you like to create your dream blog site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Windflaw Lite provides many option for you to customize the site look and style. On your WordPress site dashboard, go to Appearance > Customize. Then you can change settings and preview instantly. Site Logo Windflaw Lite supports 2 types of logo: text or custom brand image. When upload a custom logo image, it will replace [&#8230;]<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/demo.loftocean.com\/windflaw-lite\/theme-options\/\">Read More<\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/demo.loftocean.com\/windflaw-lite\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.loftocean.com\/windflaw-lite\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.loftocean.com\/windflaw-lite\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.loftocean.com\/windflaw-lite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.loftocean.com\/windflaw-lite\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":20,"href":"https:\/\/demo.loftocean.com\/windflaw-lite\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":156,"href":"https:\/\/demo.loftocean.com\/windflaw-lite\/wp-json\/wp\/v2\/pages\/9\/revisions\/156"}],"wp:attachment":[{"href":"https:\/\/demo.loftocean.com\/windflaw-lite\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}