{"id":357,"date":"2015-12-22T14:15:01","date_gmt":"2015-12-22T13:15:01","guid":{"rendered":"http:\/\/demo.wpcasa.com\/bahia\/?page_id=357"},"modified":"2015-12-22T14:15:01","modified_gmt":"2015-12-22T13:15:01","slug":"header-options","status":"publish","type":"page","link":"https:\/\/try.wpcasa.com\/bahia\/header-options\/","title":{"rendered":"Header Options"},"content":{"rendered":"<h3>Theme Customizer<\/h3>\n<p>Using the WordPress theme customizer on <em>WP-Admin &gt; Appearance &gt; Customize<\/em> it is a question of seconds to change the header background image.<\/p>\n<div class=\"wpsight-image-gallery-sc\">\t\n\t\t<div class=\"wpsight-gallery-368 wpsight-gallery\" itemscope itemtype=\"http:\/\/schema.org\/ImageGallery\">\n\t\t\t\t\t\n\t\t\t<div class=\"row uniform 100%\">\n\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"wpsight-gallery-item-u 12u 1u(medium)\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<figure class=\"wpsight-gallery-item image fit\" itemprop=\"associatedMedia\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/try.wpcasa.com\/bahia\/wp-content\/uploads\/sites\/21\/2015\/12\/wpcasa-bahia-customizer-header.jpg\" itemprop=\"contentUrl\" data-size=\"1280x1030\" data-counter=\"0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<img src=\"https:\/\/try.wpcasa.com\/bahia\/wp-content\/uploads\/sites\/21\/2015\/12\/wpcasa-bahia-customizer-header-1024x824.jpg\" itemprop=\"thumbnail\" alt=\"\" \/>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<meta itemprop=\"width\" content=\"768\">\n\t\t\t\t\t\t\t\t\t<meta itemprop=\"height\" content=\"618\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div><!-- .row uniform -->\n\t\t\n\t\t<\/div>\n\t<!-- Root element of PhotoSwipe. Must have class pswp. -->\n\t<div id=\"wpsight-gallery-368\" class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n\t    <div class=\"pswp__bg\"><\/div>\n\t    <div class=\"pswp__scroll-wrap\">\n\t        <div class=\"pswp__container\">\n\t            <div class=\"pswp__item\"><\/div>\n\t            <div class=\"pswp__item\"><\/div>\n\t            <div class=\"pswp__item\"><\/div>\n\t        <\/div>\n\t        <div class=\"pswp__ui pswp__ui--hidden\">\t\t\n\t            <div class=\"pswp__top-bar\">\n\t            \n\t                <div class=\"pswp__counter\"><\/div>\n\t                \n\t                \t                <button class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"><\/button>\n\t                \t                \n\t                \t                \n\t                \t                <button class=\"pswp__button pswp__button--fs\" title=\"Fullscreen\"><\/button>\n\t                \t                \n\t                \t                <button class=\"pswp__button pswp__button--zoom\" title=\"Zoom\"><\/button>\n\t                \t                \n\t                <div class=\"pswp__preloader\">\n\t                    <div class=\"pswp__preloader__icn\">\n\t                      <div class=\"pswp__preloader__cut\">\n\t                        <div class=\"pswp__preloader__donut\"><\/div>\n\t                      <\/div>\n\t                    <\/div>\n\t                <\/div>\n\t            <\/div>\t\t\n\t            <div class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\">\n\t                <div class=\"pswp__share-tooltip\"><\/div> \n\t            <\/div>\n\t            \n\t            \t            <button class=\"pswp__button pswp__button--arrow--left\" title=\"Previous\">\n\t            <\/button>\t\t\n\t            <button class=\"pswp__button pswp__button--arrow--right\" title=\"Next\">\n\t            <\/button>\n\t            \t            \n\t            <div class=\"pswp__caption\">\n\t                <div class=\"pswp__caption__center\"><\/div>\n\t            <\/div>\t\t\n\t        <\/div>\t\t\n\t    <\/div>\t\t\n\t<\/div>\t\n\t<script type=\"text\/javascript\">\n\t\t(function($) {\n\t\t    var $pswp = $('#wpsight-gallery-368')[0];\n\t\t    var image = [];\n\t\t\n\t\t    $('.wpsight-gallery').each( function() {\n\t\t        var $pic     = $(this),\n\t\t            getItems = function() {\n\t\t                var items = [];\n\t\t                $pic.find('a').each(function() {\n\t\t                    var $href   = $(this).attr('href'),\n\t\t                        $size   = $(this).data('size').split('x'),\n\t\t                        $width  = $size[0],\n\t\t                        $height = $size[1],\n\t\t                        $title  = $(this).find('meta[itemprop=title]').attr('content');\n\t\t\n\t\t                    var item = {\n\t\t                        src  : $href,\n\t\t                        w    : $width,\n\t\t                        h    : $height,\n\t\t                        title: $title\n\t\t                    }\n\t\t\n\t\t                    items.push(item);\n\t\t                });\n\t\t                return items;\n\t\t            }\n\t\t\n\t\t        var items = getItems();\n\t\t\n\t\t        $.each(items, function(index, value) {\n\t\t            image[index]     = new Image();\n\t\t            image[index].src = value['src'];\n\t\t        });\n\t\t\n\t\t        $pic.on('click', '.wpsight-gallery-item a', function(event) {\n\t\t            event.preventDefault();\n\t\t            \n\t\t            var $index = $(this).data('counter');\n\t\t            \n\t\t            var options = {\n\t\t                index: $index,\n\t\t                bgOpacity: 0.8,\n\t\t                showHideOpacity: true\n\t\t            }\n\t\t\n\t\t            var lightBox = new PhotoSwipe($pswp, PhotoSwipeUI_Default, items, options);\n\t\t            lightBox.init();\n\t\t        });\n\t\t    });\n\t\t})(jQuery);\n\t<\/script><\/div>\n<p>Apart from the header image you can use the customizer to modify the color scheme in seconds.<\/p>\n<p><a href=\"http:\/\/demo.wpcasa.com\/bahia\/color-options\/\" class=\"button\">See Color Options<\/a><\/p>\n<h3>Some Examples<\/h3>\n<div class=\"wpsight-image-gallery-sc\">\t\n\t\t<div class=\"wpsight-gallery-369-370-371 wpsight-gallery\" itemscope itemtype=\"http:\/\/schema.org\/ImageGallery\">\n\t\t\t\t\t\n\t\t\t<div class=\"row uniform 100%\">\n\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"wpsight-gallery-item-u 12u 1u(medium)\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<figure class=\"wpsight-gallery-item image fit\" itemprop=\"associatedMedia\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/try.wpcasa.com\/bahia\/wp-content\/uploads\/sites\/21\/2015\/12\/wpcasa-bahia-customizer-header-2.jpg\" itemprop=\"contentUrl\" data-size=\"1280x956\" data-counter=\"0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<img src=\"https:\/\/try.wpcasa.com\/bahia\/wp-content\/uploads\/sites\/21\/2015\/12\/wpcasa-bahia-customizer-header-2-1024x765.jpg\" itemprop=\"thumbnail\" alt=\"\" \/>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<meta itemprop=\"width\" content=\"768\">\n\t\t\t\t\t\t\t\t\t<meta itemprop=\"height\" content=\"574\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"wpsight-gallery-item-u 12u 1u(medium)\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<figure class=\"wpsight-gallery-item image fit\" itemprop=\"associatedMedia\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/try.wpcasa.com\/bahia\/wp-content\/uploads\/sites\/21\/2015\/12\/wpcasa-bahia-customizer-header-3.jpg\" itemprop=\"contentUrl\" data-size=\"1280x956\" data-counter=\"1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<img src=\"https:\/\/try.wpcasa.com\/bahia\/wp-content\/uploads\/sites\/21\/2015\/12\/wpcasa-bahia-customizer-header-3-1024x765.jpg\" itemprop=\"thumbnail\" alt=\"\" \/>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<meta itemprop=\"width\" content=\"768\">\n\t\t\t\t\t\t\t\t\t<meta itemprop=\"height\" content=\"574\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"wpsight-gallery-item-u 12u 1u(medium)\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<figure class=\"wpsight-gallery-item image fit\" itemprop=\"associatedMedia\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/try.wpcasa.com\/bahia\/wp-content\/uploads\/sites\/21\/2015\/12\/wpcasa-bahia-customizer-header-1.jpg\" itemprop=\"contentUrl\" data-size=\"1280x956\" data-counter=\"2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<img src=\"https:\/\/try.wpcasa.com\/bahia\/wp-content\/uploads\/sites\/21\/2015\/12\/wpcasa-bahia-customizer-header-1-1024x765.jpg\" itemprop=\"thumbnail\" alt=\"\" \/>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<meta itemprop=\"width\" content=\"768\">\n\t\t\t\t\t\t\t\t\t<meta itemprop=\"height\" content=\"574\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div><!-- .row uniform -->\n\t\t\n\t\t<\/div>\n\t<!-- Root element of PhotoSwipe. Must have class pswp. -->\n\t<div id=\"wpsight-gallery-369-370-371\" class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n\t    <div class=\"pswp__bg\"><\/div>\n\t    <div class=\"pswp__scroll-wrap\">\n\t        <div class=\"pswp__container\">\n\t            <div class=\"pswp__item\"><\/div>\n\t            <div class=\"pswp__item\"><\/div>\n\t            <div class=\"pswp__item\"><\/div>\n\t        <\/div>\n\t        <div class=\"pswp__ui pswp__ui--hidden\">\t\t\n\t            <div class=\"pswp__top-bar\">\n\t            \n\t                <div class=\"pswp__counter\"><\/div>\n\t                \n\t                \t                <button class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"><\/button>\n\t                \t                \n\t                \t                \n\t                \t                <button class=\"pswp__button pswp__button--fs\" title=\"Fullscreen\"><\/button>\n\t                \t                \n\t                \t                <button class=\"pswp__button pswp__button--zoom\" title=\"Zoom\"><\/button>\n\t                \t                \n\t                <div class=\"pswp__preloader\">\n\t                    <div class=\"pswp__preloader__icn\">\n\t                      <div class=\"pswp__preloader__cut\">\n\t                        <div class=\"pswp__preloader__donut\"><\/div>\n\t                      <\/div>\n\t                    <\/div>\n\t                <\/div>\n\t            <\/div>\t\t\n\t            <div class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\">\n\t                <div class=\"pswp__share-tooltip\"><\/div> \n\t            <\/div>\n\t            \n\t            \t            <button class=\"pswp__button pswp__button--arrow--left\" title=\"Previous\">\n\t            <\/button>\t\t\n\t            <button class=\"pswp__button pswp__button--arrow--right\" title=\"Next\">\n\t            <\/button>\n\t            \t            \n\t            <div class=\"pswp__caption\">\n\t                <div class=\"pswp__caption__center\"><\/div>\n\t            <\/div>\t\t\n\t        <\/div>\t\t\n\t    <\/div>\t\t\n\t<\/div>\t\n\t<script type=\"text\/javascript\">\n\t\t(function($) {\n\t\t    var $pswp = $('#wpsight-gallery-369-370-371')[0];\n\t\t    var image = [];\n\t\t\n\t\t    $('.wpsight-gallery').each( function() {\n\t\t        var $pic     = $(this),\n\t\t            getItems = function() {\n\t\t                var items = [];\n\t\t                $pic.find('a').each(function() {\n\t\t                    var $href   = $(this).attr('href'),\n\t\t                        $size   = $(this).data('size').split('x'),\n\t\t                        $width  = $size[0],\n\t\t                        $height = $size[1],\n\t\t                        $title  = $(this).find('meta[itemprop=title]').attr('content');\n\t\t\n\t\t                    var item = {\n\t\t                        src  : $href,\n\t\t                        w    : $width,\n\t\t                        h    : $height,\n\t\t                        title: $title\n\t\t                    }\n\t\t\n\t\t                    items.push(item);\n\t\t                });\n\t\t                return items;\n\t\t            }\n\t\t\n\t\t        var items = getItems();\n\t\t\n\t\t        $.each(items, function(index, value) {\n\t\t            image[index]     = new Image();\n\t\t            image[index].src = value['src'];\n\t\t        });\n\t\t\n\t\t        $pic.on('click', '.wpsight-gallery-item a', function(event) {\n\t\t            event.preventDefault();\n\t\t            \n\t\t            var $index = $(this).data('counter');\n\t\t            \n\t\t            var options = {\n\t\t                index: $index,\n\t\t                bgOpacity: 0.8,\n\t\t                showHideOpacity: true\n\t\t            }\n\t\t\n\t\t            var lightBox = new PhotoSwipe($pswp, PhotoSwipeUI_Default, items, options);\n\t\t            lightBox.init();\n\t\t        });\n\t\t    });\n\t\t})(jQuery);\n\t<\/script><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Theme Customizer Using the WordPress theme customizer on WP-Admin &gt; Appearance &gt; Customize it is a question of seconds to change the header background image. Apart from the header image you can use the customizer to modify the color scheme in seconds. See Color Options Some Examples<\/p>\n","protected":false},"author":33,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/try.wpcasa.com\/bahia\/wp-json\/wp\/v2\/pages\/357"}],"collection":[{"href":"https:\/\/try.wpcasa.com\/bahia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/try.wpcasa.com\/bahia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/try.wpcasa.com\/bahia\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/try.wpcasa.com\/bahia\/wp-json\/wp\/v2\/comments?post=357"}],"version-history":[{"count":0,"href":"https:\/\/try.wpcasa.com\/bahia\/wp-json\/wp\/v2\/pages\/357\/revisions"}],"wp:attachment":[{"href":"https:\/\/try.wpcasa.com\/bahia\/wp-json\/wp\/v2\/media?parent=357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}