{"id":5752,"date":"2019-01-31T09:45:41","date_gmt":"2019-01-31T09:45:41","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=5752"},"modified":"2023-02-09T12:55:25","modified_gmt":"2023-02-09T12:55:25","slug":"how-to-set-2-different-headers-for-different-pages-with-jetthemecore","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/how-to-set-2-different-headers-for-different-pages-with-jetthemecore\/","title":{"rendered":"How to Set 2 Different Headers for Different Pages"},"content":{"rendered":"\n<p>From this tutorial, you\u2019ll find out how to assign the two different header templates to different pages in case you\u2019ve got several headers and the design of your pages is different, requiring differently styled headers.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"setting-the-header-template-to-the-specific-page\">Setting the Header Template to the Specific Page<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>The first thing you should do is to choose the header which you want to assign for the specific page. Go to the <strong><em>Crocoblock &gt; Theme templates<\/em><\/strong> section.<\/p>\n\n\n\n<p>In case you still don\u2019t have a header template, you should create it in <strong><em>Crocoblock &gt; Theme Templates<\/em><\/strong>. Click the &#8220;<strong>Add New<\/strong>&#8221; option. <\/p>\n\n\n\n<p>Select &#8220;Header&#8221; as a <strong>Template Type<\/strong>, set a <strong>Template Content Type<\/strong> as &#8220;Elementor&#8221; or &#8220;Block Editor&#8221; and complete its name. Then click on the &#8220;<strong>Create Template<\/strong>&#8221; button. You\u2019ll proceed to the editor where you can create a new header template to your liking.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetthemecore-header.png\" alt=\"jetthemecore header\">\n\n\n\n<p>Then, proceed to the <strong>Instances<\/strong>.<\/p>\n\n\n\n<p><strong>\u2018Conditions not selected\u2019<\/strong> will be shown next to the header. To set them up click on the &#8220;<strong>Edit Conditions<\/strong>&#8221; button.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/header-instances.png\" alt=\"header instances\">\n\n\n\n<p>There will be a new pop-up window where you can define the specific pages you want to show the template on. Click on &#8220;<strong>Add Condition<\/strong>&#8220;.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/add-condition.png\" alt=\"add condition\">\n\n\n\n<p>As a result, a few dropdown lists will appear. To make a header visible on a certain page, the first option needs to be set to &#8220;Include&#8221;.<\/p>\n\n\n\n<p>In the following drop-down list choose &#8220;Singular&#8221;.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/header-conditions-singular.png\" alt=\"header condition for singular\">\n\n\n\n<p>Afterward, in the last drop-down list select a page you need, e.g. &#8220;Front Page&#8221;.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/singular-front-page.png\" alt=\"singular front page\">\n\n\n\n<p>Once you save the newly set conditions you will see a green checkmark meaning that the header is already active and visible on the chosen page.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/header-active-conditions.png\" alt=\"active header conditions\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"setting-conditions-to-another-page\">Setting Conditions to Another Page<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Go back to <strong>Theme Parts<\/strong> and choose the next header. Click on &#8220;<strong>Edit Conditions<\/strong>&#8220;.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/set-conditions-for-second-header.png\" alt=\"set conditions for another page\">\n\n\n\n<p>Repeat the steps described above and choose another page where it should be displayed. Then save the changes.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/conditions-for-second-page.png\" alt=\"conditions for second page\">\n\n\n\n<p>Both headers are active now. You can proceed to the front end and view how the headers are applied to the different pages.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/active-headers.png\" alt=\"active headers\">\n<\/div><\/div>\n\n\n\n<p>Now you know how to set different headers for different WordPress pages. Following this tutorial, you have an opportunity to apply a header to any page or <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-add-a-single-post-page-template-with-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">single post<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Keep reading this step-by-step tutorial to learn how to apply different headers to separate WordPress pages with the JetThemeCore plugin.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[411],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Set Two Different Headers for Different Pages | Crocoblock<\/title>\n<meta name=\"description\" content=\"Follow this step-by-step tutorial for setting up two different headers for different WordPress pages\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/how-to-set-2-different-headers-for-different-pages-with-jetthemecore\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Set Two Different Headers for Different Pages | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Follow this step-by-step tutorial for setting up two different headers for different WordPress pages\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/how-to-set-2-different-headers-for-different-pages-with-jetthemecore\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-09T12:55:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetthemecore-header.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/how-to-set-2-different-headers-for-different-pages-with-jetthemecore\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/how-to-set-2-different-headers-for-different-pages-with-jetthemecore\/\",\"name\":\"How to Set Two Different Headers for Different Pages | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2019-01-31T09:45:41+00:00\",\"dateModified\":\"2023-02-09T12:55:25+00:00\",\"description\":\"Follow this step-by-step tutorial for setting up two different headers for different WordPress pages\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/how-to-set-2-different-headers-for-different-pages-with-jetthemecore\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/how-to-set-2-different-headers-for-different-pages-with-jetthemecore\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/how-to-set-2-different-headers-for-different-pages-with-jetthemecore\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Set 2 Different Headers for Different Pages\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Set Two Different Headers for Different Pages | Crocoblock","description":"Follow this step-by-step tutorial for setting up two different headers for different WordPress pages","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/how-to-set-2-different-headers-for-different-pages-with-jetthemecore\/","og_locale":"en_US","og_type":"article","og_title":"How to Set Two Different Headers for Different Pages | Crocoblock","og_description":"Follow this step-by-step tutorial for setting up two different headers for different WordPress pages","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/how-to-set-2-different-headers-for-different-pages-with-jetthemecore\/","og_site_name":"Help Center","article_modified_time":"2023-02-09T12:55:25+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetthemecore-header.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/how-to-set-2-different-headers-for-different-pages-with-jetthemecore\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/how-to-set-2-different-headers-for-different-pages-with-jetthemecore\/","name":"How to Set Two Different Headers for Different Pages | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2019-01-31T09:45:41+00:00","dateModified":"2023-02-09T12:55:25+00:00","description":"Follow this step-by-step tutorial for setting up two different headers for different WordPress pages","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/how-to-set-2-different-headers-for-different-pages-with-jetthemecore\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/how-to-set-2-different-headers-for-different-pages-with-jetthemecore\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/how-to-set-2-different-headers-for-different-pages-with-jetthemecore\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Set 2 Different Headers for Different Pages"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/5752"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=5752"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=5752"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=5752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}