{"id":52185,"date":"2018-10-09T15:44:10","date_gmt":"2018-10-09T19:44:10","guid":{"rendered":"https:\/\/wpdeveloper.net\/?p=52185"},"modified":"2019-03-11T02:36:05","modified_gmt":"2019-03-11T06:36:05","slug":"header-template-elementor","status":"publish","type":"post","link":"https:\/\/wpdeveloper.com\/header-template-elementor\/","title":{"rendered":"How To Create A Header Template Using Elementor Page Builder"},"content":{"rendered":"

How great would it be if you could build Header\/Footer Templates for your Website using Elementor<\/a><\/strong>! If you are wondering the same, you are in the right place. Building WordPress header templates have never been easier.<\/p>\n


\n\"\"<\/a><\/p>\n

With the previous version of Elementor<\/a><\/strong>, you could build elegant web content using its drag and drop feature.\u00a0But there were some inherent limitations. Like, some parts of the Website could not be edited using Elementor. Like the Header and Footer panel<\/a> <\/strong>of your website. These parts were left at the Theme level. You needed to write codes to edit those parts.<\/p>\n

WordPress Header Templates<\/h3>\n

With the previous version of Elementor Pro, you could save your work like templates. You can still do it. But now, before opening the Elementor Interface, you can select the type of template you wish to create-\u00a0Header, Footer, Single Page or Archive Page<\/i>.<\/p>\n

First, open your WordPress Dashboard and navigate to Elementor>Templates.<\/strong><\/p>\n

\"\"<\/p>\n

Click on the Green Add New Header<\/strong> button.<\/p>\n

\"\"<\/p>\n

From the new pop-up select Header as the type of Template and Give it a name.<\/p>\n

\"\"<\/p>\n

As soon as you hit the Create Template button it will open up the Template Library Pop-Up.<\/p>\n

\"\"<\/p>\n

Let’s take a look at our page with the Header Template. So the entire portion at the top part is your Header.<\/p>\n

\"\"<\/p>\n

Let’s start by changing the Logo of the Header.<\/p>\n

\"\"<\/p>\n

You cannot actually change the Site Logo from inside\u00a0the Elementor<\/a> <\/strong>Interface. Open your Theme Customizer and Navigate to General Settings>Site Name and Description <\/strong>to do so.\u00a0<\/strong><\/p>\n

\"\"<\/p>\n

Click on the Change Logo button to upload a new logo or pick one existing image from the Media Library. Once you are done hit the Publish<\/strong>\u00a0Button.<\/p>\n

Edit the Nav Menu<\/h3>\n

You can select any Menu that you are using on your Website. Use the Drop-Down Menu to do so.\"\"<\/p>\n

Add Condition<\/h3>\n

The last part of this tutorial will show you how you can specify on which pages of your Website you want to display the Header Template.<\/p>\n

\"\"<\/p>\n

As soon as you click on the option, it will open the Display Condition Pop-Up. From there use the Include and Exclude field or a combination of both to specify if you want to use the Header Template across your entire Website or on a Single Page.<\/p>\n

\"\"<\/p>\n

Once you are done with setting the Conditions, Hit the Publish<\/strong> button.<\/p>\n

Wrapping Up!<\/h3>\n

Cool isn’t it? Elementor is a great plugin. Get the PRO Version of Elementor<\/a> <\/strong>for more elements and exciting features.<\/p>\n

Was this blog helpful? Were the instructions difficult to follow? If so drop a comment below and we will come back to you. In the meantime here is a quick blog on How to Create a Coming Soon Page in WordPress.\u00a0<\/a><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

Headers are an important part of user experience. Learn how to create the custom header or footer templates for your website easily using Elementor.<\/p>\n","protected":false},"author":2045,"featured_media":221536,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","footnotes":""},"categories":[108,88],"tags":[104,121,228,89],"class_list":["post-52185","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","category-tutorials","tag-elementor","tag-essential-addons","tag-header-template","tag-wordpress"],"nelio_content":{"autoShareEndMode":"never","automationSources":{"useCustomSentences":false,"customSentences":[]},"efiAlt":"","efiUrl":"","followers":[2045],"highlights":[],"isAutoShareEnabled":true,"networkImageIds":[],"permalinkQueryArgs":[],"series":[],"suggestedReferences":[]},"views":3291,"_links":{"self":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/52185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/users\/2045"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/comments?post=52185"}],"version-history":[{"count":16,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/52185\/revisions"}],"predecessor-version":[{"id":221540,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/52185\/revisions\/221540"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/media\/221536"}],"wp:attachment":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/media?parent=52185"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/categories?post=52185"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/tags?post=52185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}