{"id":370,"date":"2016-05-24T09:35:07","date_gmt":"2016-05-24T09:35:07","guid":{"rendered":"https:\/\/import.wpcasa.com\/london\/?page_id=370"},"modified":"2016-05-25T12:37:35","modified_gmt":"2016-05-25T12:37:35","slug":"header-settings","status":"publish","type":"page","link":"https:\/\/import.wpcasa.com\/london\/features\/header-settings\/","title":{"rendered":"Header Settings"},"content":{"rendered":"

WPCasa London comes with a powerful feature to display different header layouts on single pages, posts and listings. In the WordPress editor in the admin you will find a new meta box called Header Settings. There you can make individual settings for your entries.<\/p>\n

1. Display<\/h3>\n

The first option is the more important one. Here you can select which type of header you would like to display. The theme comes with the following options:<\/p>\n

Do not display<\/strong><\/p>\n

This is the default setting. Nothing will be displayed except the top header area with the logo and main menu. This page here would be a live example.<\/p>\n

See Live Example<\/a><\/p>\n

\"Header
Header setting: Do not diplsay<\/figcaption><\/figure>\n

Page title<\/strong><\/p>\n

This option would display the current entry title in the header section. The title will be displayed on the left. Optionally you can add some custom content on the right side of the header area. This can be a button, a subtitle or some other HTML.<\/p>\n

\"Header
Header setting: Page title<\/figcaption><\/figure>\n

Tagline & background<\/strong><\/p>\n

The tagline header version is useful for creative landing pages. You can add your own tagline and upload a custom header image. If no additional header image is uploaded, the default theme header background will be shown.<\/p>\n

See Live Example<\/a><\/p>\n

\"Header
Header setting: Tagline & background<\/figcaption><\/figure>\n

Featured image & title<\/strong><\/p>\n

This option is similar to the previous one but will do things automatically. The entry title will be displayed as tagline and the featured image as header background.<\/p>\n

See Live Example<\/a><\/p>\n

\"Header
Header setting: Featured image & title<\/figcaption><\/figure>\n

Image slider<\/strong><\/p>\n

Here you can upload a set of images that will be show in a fancy image slider. In the static page and post editor you can upload them right here. On single listing pages the listing image gallery will be displayed here.<\/p>\n

See Live Example<\/a><\/p>\n

\"Header
Header setting: Image slider<\/figcaption><\/figure>\n

Listings slider<\/strong><\/p>\n

Another powerful feature is the header listings slider. When you select this option you can set up your custom query to create an eye-catching listings slider.<\/p>\n

See Live Example<\/a><\/p>\n

\"Header
Header setting: Listings slider<\/figcaption><\/figure>\n

2. Header Filter<\/h3>\n

This option will only be show when it is relevant. You can see it on some of the above screenshots. The WPCasa London theme comes with a header image overlay color that darkens the header image. This was a design decision.<\/p>\n

However, if you don\u2019t like this overlay or your images are already dark-colored, you can remove this filter effect completely. On the the top header section would still have this overlay to make sure the logo and menu are clearly visible.<\/p>\n

See Live Example<\/a><\/p>\n

3. Featured Image<\/h3>\n

On some pages the featured image will be displayed in the content area. Sometimes it can make sense to not show it there. Here you can prevent the theme from outputting it automatically.<\/p>\n

Imagine you select the header display Featured image & page title. Another scenario would be that you only want to show the featured image on archive pages. But on the single entry page you want to show a different one.<\/p>\n

4. Page Title<\/h3>\n

The same goes for the page title. By default it will be show before the main content of the entry page. But if you choose a header display that already included the title or you simply want to hide it, this option is your friend.<\/p>\n","protected":false},"excerpt":{"rendered":"

WPCasa London comes with a powerful feature to display different header layouts on single pages, posts and listings. In the WordPress editor in the admin you will find a new meta box called Header Settings. There you can make individual settings for your entries. 1. Display The first option is the more important one. HereMore info<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":358,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-370","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/import.wpcasa.com\/london\/wp-json\/wp\/v2\/pages\/370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/import.wpcasa.com\/london\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/import.wpcasa.com\/london\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/import.wpcasa.com\/london\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/import.wpcasa.com\/london\/wp-json\/wp\/v2\/comments?post=370"}],"version-history":[{"count":0,"href":"https:\/\/import.wpcasa.com\/london\/wp-json\/wp\/v2\/pages\/370\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/import.wpcasa.com\/london\/wp-json\/wp\/v2\/pages\/358"}],"wp:attachment":[{"href":"https:\/\/import.wpcasa.com\/london\/wp-json\/wp\/v2\/media?parent=370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}