{"id":441,"date":"2022-05-06T17:43:30","date_gmt":"2022-05-06T09:43:30","guid":{"rendered":"https:\/\/wpeyes.com\/astra\/docs\/page-headers-overview-page-headers%e6%a6%82%e8%bf%b0%e3%80%82\/"},"modified":"2022-05-11T16:55:23","modified_gmt":"2022-05-11T08:55:23","slug":"page-headers-overview-page-headers%e6%a6%82%e8%bf%b0%e3%80%82","status":"publish","type":"docs","link":"https:\/\/wpeyes.com\/astra\/docs\/page-headers-overview-page-headers%e6%a6%82%e8%bf%b0%e3%80%82\/","title":{"rendered":"Page Headers\u6982\u8ff0\u3002"},"content":{"rendered":"\n<p>Overviewhttps:\/\/www.youtube.com\/embed\/rgEBBQfOuvA?feature=oembed<\/p>\n\n\n\n<p>This is a premium feature available with&nbsp;<strong>Astra Pro Addon<\/strong>&nbsp;plugin. To use these Pro features, you need to have the&nbsp;<a href=\"https:\/\/wordpress.org\/themes\/astra\/\">Astra theme<\/a>&nbsp;along with the Astra Pro Addon installed on your website.<\/p>\n\n\n\n<p>\u8fd9\u662f\u4e00\u4e2a\u9ad8\u7ea7\u529f\u80fd\u53ef\u7528\u7684&nbsp;<strong>Astra Pro Addon<\/strong>\u63d2\u4ef6\u3002\u8981\u4f7f\u7528\u8fd9\u4e9b\u4e13\u4e1a\u7248\u529f\u80fd\uff0c\u4f60\u9700\u8981\u5728\u4f60\u7684\u7f51\u7ad9\u4e0a\u5b89\u88c5&nbsp;<strong>Astra<\/strong>\u4e3b\u9898\u548c&nbsp;<strong>Astra Pro Addon<\/strong>\u63d2\u4ef6\u3002<\/p>\n\n\n\n<p>You can design attractive Page Title\/ Page Header area with breadcrumbs, background color\/image. You can also design site header to suit your page header design on the particular page.<\/p>\n\n\n\n<p>\u4f60\u53ef\u4ee5\u8bbe\u8ba1\u6709\u5438\u5f15\u529b\u7684Page Title\/ Page Header\u4e0e\u9762\u5305\u5c51\uff0c\u80cc\u666f\u989c\u8272\/\u56fe\u50cf\u3002\u60a8\u4e5f\u53ef\u4ee5\u8bbe\u8ba1\u7ad9\u70b9\u6807\u9898\uff0c\u4ee5\u9002\u5408\u7279\u5b9a\u9875\u9762\u4e0a\u7684page header\u8bbe\u8ba1\u3002<\/p>\n\n\n\n<p><strong>Quick Steps on How to Design Attractive Page Headers Using the Page Headers Module<\/strong>  &#8211;\u5982\u4f55\u4f7f\u7528page header\u6a21\u5757\u8bbe\u8ba1\u6709\u5438\u5f15\u529b\u7684page header\u7684\u5feb\u901f\u6b65\u9aa4<br><strong>Step 1:<\/strong>&nbsp;Make sure you have the Astra Pro Addon plugin installed and activated.&nbsp;<a href=\"https:\/\/wpastra.com\/docs\/how-to-install-astra-pro-addon-plugin\/\">How to Install Astra Pro Addon plugin?<\/a>  &#8211;\u6b65\u9aa41:\u786e\u4fdd\u4f60\u5df2\u7ecf\u5b89\u88c5\u5e76\u6fc0\u6d3b\u4e86\u963f\u65af\u7279\u62c9Pro\u63d2\u4ef6\u3002\u5982\u4f55\u5b89\u88c5Astra Pro\u63d2\u4ef6?<br><strong>Step 2:<\/strong>&nbsp;Activate the module from the Astra Options under the&nbsp;<em>WordPress Dashboard &gt; Appearance &gt; Astra Options<\/em>  &#8211;\u7b2c\u4e8c\u6b65:\u4eceWordPress Dashboard Appearance &gt; Astra Options\u4e0b\u9762\u7684Astra Options\u6fc0\u6d3b\u6a21\u5757<br><strong>Step 3:<\/strong>&nbsp;Visit Page Headers section [&nbsp;<em>Appearance &gt; Astra Options &gt; Page Headers<\/em>&nbsp;] to design page headers  &#8211;\u7b2c\u4e09\u6b65:\u8bbf\u95ee\u9875\u9762\u5934[Appearance &gt; Astra Options &gt; Page Headers]\u6765\u8bbe\u8ba1\u9875\u9762\u5934<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/astra-page-headers-addon-activation.jpg\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/astra-page-headers-addon-activation.jpg\" alt=\"Astra Page Headers Addon Activation\" class=\"wp-image-25331\"\/><\/a><\/figure>\n\n\n\n<p>After activating a module click on Settings option to get started.<\/p>\n\n\n\n<p>\u6fc0\u6d3b\u4e00\u4e2a\u6a21\u5757\u540e\uff0c\u5355\u51fbSettings\u9009\u9879\u5f00\u59cb\u542f\u52a8\u3002<\/p>\n\n\n\n<p>Now you can see Page Header option under the Appearance tab, below Astra Options.<\/p>\n\n\n\n<p>\u73b0\u5728\u4f60\u53ef\u4ee5\u5728Astra\u9009\u9879\u4e0b\u9762\u7684\u5916\u89c2\u6807\u7b7e\u4e0b\u770b\u5230page header\u9009\u9879\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/astra-page-header-settings.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/astra-page-header-settings.png\" alt=\"Astra Page Header Settings\" class=\"wp-image-25335\"\/><\/a><\/figure>\n\n\n\n<p>Add a new page header &amp; give an appropriate name to it.<\/p>\n\n\n\n<p>\u6dfb\u52a0\u4e00\u4e2a\u65b0\u7684page header\uff0c\u5e76\u7ed9\u5b83\u4e00\u4e2a\u9002\u5f53\u7684\u540d\u79f0\u3002<\/p>\n\n\n\n<p>Choose options for Page Header, Site Header set the Display Rules and you are done!<\/p>\n\n\n\n<p>\u9009\u62e9page header\u9009\u9879\uff0c\u7f51\u7ad9\u6807\u9898\u8bbe\u7f6e\u663e\u793a\u89c4\u5219\uff0c\u4f60\u5c31\u5b8c\u6210\u4e86!<\/p>\n\n\n\n<ul><li><strong><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#page-header\">Page Header<\/a><\/strong><\/li><li><strong><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#site-header\">Site Header<\/a><\/strong><\/li><li><strong><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#display-rules\">Display Rules<\/a><\/strong><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#page-header\">&nbsp;Page Header<\/a><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#layout\">&nbsp;Layout<\/a><\/h4>\n\n\n\n<p>It will arrange the page title and breadcrumbs (if enabled) on one another, in the middle of the page.<\/p>\n\n\n\n<p>\u5b83\u5c06\u5b89\u6392\u9875\u9762\u6807\u9898\u548c\u9762\u5305\u5c51(\u5982\u679c\u542f\u7528)\u5f7c\u6b64\u5728\u9875\u9762\u7684\u4e2d\u95f4\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-headers-center.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-headers-center.png\" alt=\"Page Headers Center Aligned\" class=\"wp-image-24391\"\/><\/a><\/figure>\n\n\n\n<p>It will appear on the front end as \u2013<\/p>\n\n\n\n<p>\u5b83\u5c06\u5728\u524d\u7aef\u663e\u793a\u4e3a<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-headers-01.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-headers-01.png\" alt=\"Astra Page Headers\" class=\"wp-image-24392\"\/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#inline\">&nbsp;<strong>Inline<\/strong><\/a><\/h4>\n\n\n\n<p>It will display the page title and breadcrumbs (if enabled) in the right and the left side.<\/p>\n\n\n\n<p>\u5b83\u5c06\u5728\u53f3\u8fb9\u548c\u5de6\u8fb9\u663e\u793a\u9875\u9762\u6807\u9898\u548c\u9762\u5305\u5c51(\u5982\u679c\u542f\u7528\u4e86)\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-headers-inline.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-headers-inline.png\" alt=\"Page Headers Inline\" class=\"wp-image-24393\"\/><\/a><\/figure>\n\n\n\n<p>It will appear on the front end as-<\/p>\n\n\n\n<p>\u5b83\u5c06\u5728\u524d\u7aef\u663e\u793a\u4e3a<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-headers-inline-1.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-headers-inline-1.png\" alt=\"Astra Page Headers Inline\" class=\"wp-image-24394\"\/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#display-breadcrumb\">&nbsp;<strong>Display Breadcrumb<\/strong><\/a>  \u663e\u793a\u5bfc\u822a<\/h4>\n\n\n\n<p>Breadcrumbs show the current location of the user on the website. It is often used as a secondary navigation that allows users to go up and down in the hierarchy of links.<\/p>\n\n\n\n<p>\u9762\u5305\u5c51\u663e\u793a\u7528\u6237\u5728\u7f51\u7ad9\u4e0a\u7684\u5f53\u524d\u4f4d\u7f6e\u3002\u5b83\u7ecf\u5e38\u88ab\u7528\u4f5c\u4e8c\u7ea7\u5bfc\u822a\uff0c\u5141\u8bb8\u7528\u6237\u5728\u94fe\u63a5\u5c42\u6b21\u7ed3\u6784\u4e2d\u4e0a\u4e0b\u79fb\u52a8\u3002<\/p>\n\n\n\n<p>You need to enable this option if you want to display breadcrumbs.<\/p>\n\n\n\n<p>\u5982\u679c\u4f60\u60f3\u663e\u793a\u9762\u5305\u5c51\uff0c\u4f60\u9700\u8981\u542f\u7528\u8fd9\u4e2a\u9009\u9879\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/display_breadcrumb.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/display_breadcrumb.png\" alt=\"Display Breadcrumb\" class=\"wp-image-24395\"\/><\/a><\/figure>\n\n\n\n<p>It will appear on the front end as \u2013<\/p>\n\n\n\n<p>\u5b83\u5c06\u5728\u524d\u7aef\u663e\u793a\u4e3a<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/breadcrumb2.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/breadcrumb2.png\" alt=\"Breadcrumb Example\" class=\"wp-image-24396\"\/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#title-and-breadcrumb-colors\">&nbsp;<strong>Title and Breadcrumb Colors<\/strong><\/a>  &#8211;\u6807\u9898\u548c\u9762\u5305\u5c51\u989c\u8272<\/h4>\n\n\n\n<p>You can set colors for title and breadcrumb text with this options.<\/p>\n\n\n\n<p>\u4f60\u53ef\u4ee5\u7528\u8fd9\u4e2a\u9009\u9879\u8bbe\u7f6e\u6807\u9898\u548c\u9762\u5305\u5c51\u6587\u672c\u7684\u989c\u8272\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/breadcrumb-colors.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/breadcrumb-colors.png\" alt=\"Breadcrumb Color\" class=\"wp-image-24397\"\/><\/a><\/figure>\n\n\n\n<p>It will appear on the front end as-<\/p>\n\n\n\n<p>\u5b83\u5c06\u5728\u524d\u7aef\u663e\u793a\u4e3a<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/breadcrumb-color.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/breadcrumb-color.png\" alt=\"Breadcrumb Color Example\" class=\"wp-image-24398\"\/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#background-size\">&nbsp;<strong>Background Size<\/strong><\/a>  &#8211;\u80cc\u666f\u7684\u5927\u5c0f<\/h3>\n\n\n\n<p>You can define a height for the page header with this option. It enhances the page header design.<\/p>\n\n\n\n<p>\u60a8\u53ef\u4ee5\u4f7f\u7528\u6b64\u9009\u9879\u5b9a\u4e49\u9875\u7709\u7684\u9ad8\u5ea6\u3002\u5b83\u589e\u5f3a\u4e86\u9875\u9762\u6807\u9898\u7684\u8bbe\u8ba1\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#custom-size\">&nbsp;Custom Size<\/a>  &#8211;\u81ea\u5b9a\u4e49\u5927\u5c0f<\/h4>\n\n\n\n<p>You can define Top and Bottom Padding for the page header. Custom Size can be given any positive number with or without units as \u201c5px\u201d or \u201c5px\u201d. Default unit is in \u201c%\u201d<\/p>\n\n\n\n<p>\u60a8\u53ef\u4ee5\u4e3apage header\u5b9a\u4e49\u9876\u90e8\u548c\u5e95\u90e8\u586b\u5145\u3002\u81ea\u5b9a\u4e49\u5927\u5c0f\u53ef\u4ee5\u7ed9\u5b9a\u4efb\u610f\u6b63\u6570\uff0c\u5e26\u6709\u6216\u4e0d\u5e26\u6709\u201c5px\u201d\u6216\u201c5px\u201d\u8fd9\u6837\u7684\u5355\u4f4d\u3002\u9ed8\u8ba4\u5355\u4f4d\u4e3a&#8221;%&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-headers-size-1.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-headers-size-1.png\" alt=\"Astra Page Header Custom Size\" class=\"wp-image-24399\"\/><\/a><\/figure>\n\n\n\n<p>It will appear on the front end as-<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-headers-size2.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-headers-size2.png\" alt=\"Astra Page Header Size Example\" class=\"wp-image-24400\"\/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#full-size\">&nbsp;<strong>Full Size<\/strong><\/a><\/h4>\n\n\n\n<p>It will display page header as a full screen.<\/p>\n\n\n\n<p>\u5b83\u5c06\u5168\u5c4f\u663e\u793a\u9875\u9762\u6807\u9898\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-header-fullscreen.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-header-fullscreen.png\" alt=\"Astra Page Header Fullscreen\" class=\"wp-image-24401\"\/><\/a><\/figure>\n\n\n\n<p>It will appear on the front end as \u2013<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-header-fullscreen1.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-header-fullscreen1.png\" alt=\"Astra Page Header Fullscreen Example\" class=\"wp-image-24402\"\/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#background\">&nbsp;<strong>Background<\/strong><\/a><\/h3>\n\n\n\n<p>You can set color or image as a background for page header.<\/p>\n\n\n\n<p>\u60a8\u53ef\u4ee5\u8bbe\u7f6e\u989c\u8272\u6216\u56fe\u50cf\u4f5c\u4e3apage header\u7684\u80cc\u666f\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#color\">&nbsp;<strong>Color<\/strong><\/a><\/h4>\n\n\n\n<p>You can choose a color from color picker for page header background.<\/p>\n\n\n\n<p>\u60a8\u53ef\u4ee5\u4ece\u989c\u8272\u9009\u62e9\u5668\u4e2d\u4e3apage header\u80cc\u666f\u9009\u62e9\u4e00\u79cd\u989c\u8272\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-header-color.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-header-color.png\" alt=\"Page Header Background Color\" class=\"wp-image-24403\"\/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#image\">&nbsp;<strong>Image<\/strong><\/a><\/h4>\n\n\n\n<p>You can set a background image for page header with this option.<\/p>\n\n\n\n<p>\u60a8\u53ef\u4ee5\u4f7f\u7528\u6b64\u9009\u9879\u4e3a\u9875\u9762\u6807\u9898\u8bbe\u7f6e\u80cc\u666f\u56fe\u50cf\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-header-image.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-header-image.png\" alt=\"Astra Page Header Image Option\" class=\"wp-image-24404\"\/><\/a><\/figure>\n\n\n\n<p>You get following advanced options with this-<br><strong>Override this image with the featured image on individual posts &amp; pages.<\/strong><br>If you want to override the above background image with the featured image that you have set for a particular post or page, enable the option.<\/p>\n\n\n\n<p>\u4f60\u5f97\u5230\u4ee5\u4e0b\u5148\u8fdb\u7684\u9009\u9879\u4e0e\u6b64<\/p>\n\n\n\n<p>\u8986\u76d6\u6b64\u56fe\u50cf\u4e0e\u7279\u8272\u56fe\u50cf\u5728\u4e2a\u522b\u7684\u5e16\u5b50\u548c\u9875\u9762\u3002\u5982\u679c\u4f60\u60f3\u7528\u4f60\u4e3a\u7279\u5b9a\u7684\u6587\u7ae0\u6216\u9875\u9762\u8bbe\u7f6e\u7684\u7279\u8272\u56fe\u7247\u8986\u76d6\u4e0a\u9762\u7684\u80cc\u666f\u56fe\u7247\uff0c\u542f\u7528\u8fd9\u4e2a\u9009\u9879\u3002<\/p>\n\n\n\n<p><strong>Overlay Background Color<\/strong><br>If you enable this option, background color (if set any) will be applied as an overlay for the background image.<\/p>\n\n\n\n<p>\u8986\u76d6\u80cc\u666f\u989c\u8272<\/p>\n\n\n\n<p>\u5982\u679c\u4f60\u542f\u7528\u8fd9\u4e2a\u9009\u9879\uff0c\u80cc\u666f\u989c\u8272(\u5982\u679c\u8bbe\u7f6e\u4efb\u4f55)\u5c06\u88ab\u5e94\u7528\u4e3a\u80cc\u666f\u56fe\u50cf\u7684\u8986\u76d6\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-header-image-1.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-header-image-1.png\" alt=\"Page Header Overlay Background Color\" class=\"wp-image-24405\"\/><\/a><\/figure>\n\n\n\n<p>It will appear on the front end as \u2013<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-header-image2.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-header-image2.png\" alt=\"Page Header Background Image Example\" class=\"wp-image-24406\"\/><\/a><\/figure>\n\n\n\n<p><strong>Parallax<\/strong><br>In the parallax effect, the background image is moved at a different speed than the foreground content while scrolling.<br>Enable this option if you want parallax effect for the background image.<\/p>\n\n\n\n<p>\u5728\u89c6\u5dee\u6548\u679c\u4e2d\uff0c\u6eda\u52a8\u65f6\u80cc\u666f\u56fe\u50cf\u7684\u79fb\u52a8\u901f\u5ea6\u4e0e\u524d\u666f\u5185\u5bb9\u7684\u79fb\u52a8\u901f\u5ea6\u4e0d\u540c\u3002\u5982\u679c\u4f60\u60f3\u8981\u80cc\u666f\u56fe\u50cf\u7684\u89c6\u5dee\u6548\u679c\uff0c\u542f\u7528\u8fd9\u4e2a\u9009\u9879\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-headers-parallax.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-headers-parallax.png\" alt=\"Page Headers Parallax\" class=\"wp-image-24407\"\/><\/a><\/figure>\n\n\n\n<p>If you want to remove Page Title from page header, you would need to use custom code (filter).<\/p>\n\n\n\n<p>\u5982\u679c\u60a8\u60f3\u4ecepage header\u4e2d\u5220\u9664Page Title\uff0c\u60a8\u5c06\u9700\u8981\u4f7f\u7528\u81ea\u5b9a\u4e49\u4ee3\u7801(\u8fc7\u6ee4\u5668)\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#site-header\">&nbsp;<strong>Site Header<\/strong><\/a><\/h3>\n\n\n\n<p>If you wish to&nbsp;<a href=\"https:\/\/wpastra.com\/wordpress-customize-header\/\">customize the current site header<\/a>&nbsp;along with the page header, you can use this option.<\/p>\n\n\n\n<p>\u5982\u679c\u60a8\u5e0c\u671b\u81ea\u5b9a\u4e49\u5f53\u524dsite header\u4ee5\u53capage header\uff0c\u60a8\u53ef\u4ee5\u4f7f\u7528\u6b64\u9009\u9879\u3002<\/p>\n\n\n\n<p>When you customize your site header with this option, all settings under Site Header tab will override the customizer settings for current site header.<\/p>\n\n\n\n<p>\u5f53\u60a8\u4f7f\u7528\u6b64\u9009\u9879\u81ea\u5b9a\u4e49\u60a8\u7684site header\u65f6\uff0csite header\u9009\u9879\u5361\u4e0b\u7684\u6240\u6709\u8bbe\u7f6e\u5c06\u8986\u76d6\u5f53\u524dsite header\u7684\u81ea\u5b9a\u4e49\u8bbe\u7f6e\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#merge-page-header-with-site-header\">&nbsp;<strong>Merge Page Header with Site Header<\/strong><\/a>  &#8211;\u5408\u5e76Page Header\u548cSite Header<\/h4>\n\n\n\n<p>This option will merge the page header with the current site header. It will set a current header as transparent and pull the page header to the top. Enabling this option will display the advanced customization options list.<\/p>\n\n\n\n<p>\u6b64\u9009\u9879\u5c06page header\u4e0e\u5f53\u524dsite header\u5408\u5e76\u3002\u5b83\u5c06\u5f53\u524dpage header\u8bbe\u7f6e\u4e3a\u900f\u660e\uff0c\u5e76\u5c06page header\u62c9\u5230\u9876\u90e8\u3002\u542f\u7528\u6b64\u9009\u9879\u5c06\u663e\u793a\u9ad8\u7ea7\u5b9a\u5236\u9009\u9879\u5217\u8868\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-header-merge.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-header-merge.png\" alt=\"Merge Page header with Site Header\" class=\"wp-image-24408\"\/><\/a><\/figure>\n\n\n\n<p>It will appear on the front end as \u2013<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-header-merged.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-header-merged.png\" alt=\"Transparent Header Example\" class=\"wp-image-24409\"\/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#site-identity\">&nbsp;<strong>Site Identity<\/strong><\/a><\/h3>\n\n\n\n<p>This allows you to choose a logo for your header different than your site logo. Leave this empty if you want to use the same logo as your site logo. You can add normal as well as retina logo and can set easily set a logo width.<\/p>\n\n\n\n<p>\u8fd9\u5141\u8bb8\u4f60\u9009\u62e9\u4e00\u4e2a\u4e0d\u540c\u4e8e\u4f60\u7684\u7f51\u7ad9logo\u7684\u6807\u9898\u3002\u5982\u679c\u60a8\u60f3\u4f7f\u7528\u4e0e\u60a8\u7684\u7f51\u7ad9\u5fbd\u6807\u76f8\u540c\u7684\u5fbd\u6807\uff0c\u8bf7\u5c06\u6b64\u7559\u7a7a\u3002\u4f60\u53ef\u4ee5\u6dfb\u52a0\u666e\u901a\u7684\u548c\u89c6\u7f51\u819c\u7684logo\uff0c\u53ef\u4ee5\u5f88\u5bb9\u6613\u5730\u8bbe\u7f6e\u4e00\u4e2alogo\u7684\u5bbd\u5ea6\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#customize-site-header\">&nbsp;<strong>Customize Site Header<\/strong><\/a><\/h4>\n\n\n\n<p>When you merge the page header with site header, background set for page header will be applied automatically to the site header.<br>You can set Background Overlay Color, Border Bottom Size, and Color for your site header with this option.<\/p>\n\n\n\n<p>\u5f53\u60a8\u5408\u5e76\u9875\u9762\u6807\u5934\u4e0e\u7ad9\u70b9\u6807\u5934\u65f6\uff0c\u4e3a\u9875\u9762\u6807\u5934\u8bbe\u7f6e\u7684\u80cc\u666f\u5c06\u81ea\u52a8\u5e94\u7528\u5230\u7ad9\u70b9\u6807\u5934\u3002\u4f60\u53ef\u4ee5\u8bbe\u7f6e\u80cc\u666f\u53e0\u52a0\u989c\u8272\uff0c\u8fb9\u6846\u5e95\u90e8\u5927\u5c0f\uff0c\u548c\u4f60\u7684\u7f51\u7ad9\u6807\u9898\u7684\u989c\u8272\u4e0e\u6b64\u9009\u9879\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/customize-site-header.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/customize-site-header.png\" alt=\"Customize Site Header\" class=\"wp-image-24411\"\/><\/a><\/figure>\n\n\n\n<p>It will appear on the front end as \u2013<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/customize-site-header1.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/customize-site-header1.png\" alt=\"Customize Site Header Example\" class=\"wp-image-24412\"\/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#primary-menu\">&nbsp;<strong>Primary Menu<\/strong><\/a><\/h4>\n\n\n\n<p>If you want to override the current menu colors for the site header, use these options.<br>You can set Background Color, Link \/ Text Color and Link Active \/ Hover Color with this.<\/p>\n\n\n\n<p>\u5982\u679c\u8981\u8986\u76d6\u7ad9\u70b9\u6807\u9898\u7684\u5f53\u524d\u83dc\u5355\u989c\u8272\uff0c\u8bf7\u4f7f\u7528\u8fd9\u4e9b\u9009\u9879\u3002\u4f60\u53ef\u4ee5\u8bbe\u7f6e\u80cc\u666f\u989c\u8272\uff0c\u94fe\u63a5\/\u6587\u672c\u989c\u8272\u548c\u94fe\u63a5\u6d3b\u52a8\/\u60ac\u505c\u989c\u8272\u4e0e\u6b64\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/site-primary-menu.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/site-primary-menu.png\" alt=\"Site Primary Menu\" class=\"wp-image-24413\"\/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#submenu-color-options-[new]\">&nbsp;<strong>Submenu Color Options [NEW]<\/strong><\/a><\/h4>\n\n\n\n<p>From&nbsp;<strong>Astra Pro v2.5.0<\/strong>, we are introducing separate options for Link Active Color, and Submenu Color options as shown below. Similarly, these options will be seen for the Above Header, and Below Header Link and Submenu color options too.<\/p>\n\n\n\n<p>\u4eceAstra Pro v2.5.0\u4e2d\uff0c\u6211\u4eec\u5f15\u5165\u4e86\u5355\u72ec\u7684\u94fe\u63a5\u6d3b\u52a8\u989c\u8272\u9009\u9879\u548c\u5b50\u83dc\u5355\u989c\u8272\u9009\u9879\uff0c\u5982\u4e0b\u6240\u793a\u3002\u7c7b\u4f3c\u5730\uff0c\u8fd9\u4e9b\u9009\u9879\u5c06\u770b\u5230\u4e0a\u9762\u7684\u6807\u9898\uff0c\u4e0b\u9762\u7684\u6807\u9898\u94fe\u63a5\u548c\u5b50\u83dc\u5355\u989c\u8272\u9009\u9879\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/05\/ast-site-header-new-color-options.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2020\/05\/ast-site-header-new-color-options.png\" alt=\"Astra Site Header New Color Options\" class=\"wp-image-60081\"\/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#custom-primary-menu\">&nbsp;<strong>Custom Primary Menu<\/strong><\/a><\/h4>\n\n\n\n<p>If you want to display a different menu that your Primary Menu, you can select it from the drop-down. All menu available on site will appear in the drop-down.<\/p>\n\n\n\n<p>\u5982\u679c\u60a8\u60f3\u663e\u793a\u4e00\u4e2a\u4e0d\u540c\u4e8e\u4e3b\u83dc\u5355\u7684\u83dc\u5355\uff0c\u60a8\u53ef\u4ee5\u4ece\u4e0b\u62c9\u83dc\u5355\u4e2d\u9009\u62e9\u5b83\u3002\u7f51\u7ad9\u4e0a\u6240\u6709\u53ef\u7528\u7684\u83dc\u5355\u5c06\u51fa\u73b0\u5728\u4e0b\u62c9\u83dc\u5355\u4e2d\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/custom-primary-menu.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/custom-primary-menu.png\" alt=\"Custom Primary Menu\" class=\"wp-image-24414\"\/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#custom-menu-item\">&nbsp;<strong>Custom Menu Item<\/strong><\/a><\/h4>\n\n\n\n<p>It allows you to add a custom menu item at the end of the selected menu from the above option. You can select a custom menu item from the drop-down.<\/p>\n\n\n\n<p>\u5b83\u5141\u8bb8\u60a8\u6dfb\u52a0\u4e00\u4e2a\u81ea\u5b9a\u4e49\u83dc\u5355\u9879\u5728\u9009\u5b9a\u7684\u83dc\u5355\u7ed3\u675f\u4ece\u4e0a\u9762\u7684\u9009\u9879\u3002\u60a8\u53ef\u4ee5\u4ece\u4e0b\u62c9\u83dc\u5355\u4e2d\u9009\u62e9\u81ea\u5b9a\u4e49\u83dc\u5355\u9879\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#note:\">&nbsp;<strong>Note:<\/strong><\/a><\/h4>\n\n\n\n<p>This option wouldn\u2019t be available if you\u2019re using&nbsp;<strong>Header Footer Builder<\/strong>&nbsp;(available with Astra theme versions 3.0.0 and above).<\/p>\n\n\n\n<p>\u5982\u679c\u4f60\u4f7f\u7528Header Footer Builder (Astra\u4e3b\u9898\u7248\u672c3.0.0\u53ca\u4ee5\u4e0a)\uff0c\u8fd9\u4e2a\u9009\u9879\u5c06\u4e0d\u53ef\u7528\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/Custom-Menu-Item2.png\" alt=\"Custom Menu Items\" class=\"wp-image-24415\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#customizer-setting\">&nbsp;<strong>Customizer Setting<\/strong><\/a><\/h4>\n\n\n\n<p>Choose this if you want to display Custom Menu Item set for Primary Header in the customizer.<\/p>\n\n\n\n<p>\u5982\u679c\u60a8\u60f3\u5728\u5b9a\u5236\u5668\u4e2d\u663e\u793a\u4e3b\u6807\u5934\u7684\u81ea\u5b9a\u4e49\u83dc\u5355\u9879\u8bbe\u7f6e\uff0c\u8bf7\u9009\u62e9\u6b64\u9009\u9879\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/Customizer-Settings.png\" alt=\"Astra Customizer Settings\" class=\"wp-image-24416\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#search\">&nbsp;<strong>Search<\/strong><\/a><\/h4>\n\n\n\n<p>It will add a search icon for a search box at the end of the selected menu. When you click on the icon search box will appear.<\/p>\n\n\n\n<p>\u5b83\u5c06\u5728\u9009\u5b9a\u7684\u83dc\u5355\u7684\u672b\u5c3e\u4e3a\u641c\u7d22\u6846\u6dfb\u52a0\u4e00\u4e2a\u641c\u7d22\u56fe\u6807\u3002\u5f53\u4f60\u70b9\u51fb\u56fe\u6807\u641c\u7d22\u6846\u5c06\u51fa\u73b0\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/Custom-menu-Search.png\" alt=\"Custom Menu Search\" class=\"wp-image-24417\"\/><\/figure>\n\n\n\n<p>It will appear on front end as-<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/Search3.png\" alt=\"Astra Search Icon\" class=\"wp-image-24418\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#text--html\">&nbsp;<strong>Text \/ HTML<\/strong><\/a><\/h4>\n\n\n\n<p>It will allow you to insert text and HTML element code. You can insert a call to action button, contact number, email address etc.<\/p>\n\n\n\n<p>\u5b83\u5141\u8bb8\u60a8\u63d2\u5165\u6587\u672c\u548cHTML\u5143\u7d20\u4ee3\u7801\u3002\u4f60\u53ef\u4ee5\u63d2\u5165\u4e00\u4e2a\u547c\u53eb\u884c\u52a8\u6309\u94ae\uff0c\u8054\u7cfb\u7535\u8bdd\uff0c\u7535\u5b50\u90ae\u4ef6\u5730\u5740\u7b49\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/text-custom.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/text-custom.png\" alt=\"Custom Text Options\" class=\"wp-image-24419\"\/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#widget\">&nbsp;<strong>Widget<\/strong><\/a><\/h4>\n\n\n\n<p>You can add a widget to the header with this option.<\/p>\n\n\n\n<p>\u60a8\u53ef\u4ee5\u4f7f\u7528\u6b64\u9009\u9879\u5c06\u5c0f\u90e8\u4ef6\u6dfb\u52a0\u5230\u5934\u90e8\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/Widgets-outside.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/Widgets-outside.png\" alt=\"Widgets Outside\" class=\"wp-image-24420\"\/><\/a><\/figure>\n\n\n\n<p>After selecting the widget option as a custom menu item, you will able to set a widget from&nbsp;<strong>Appearance &gt; Customize &gt; Widgets &gt; Header<\/strong><\/p>\n\n\n\n<p>\u9009\u62e9\u5c0f\u90e8\u4ef6\u9009\u9879\u4f5c\u4e3a\u81ea\u5b9a\u4e49\u83dc\u5355\u9879\u540e\uff0c\u60a8\u5c06\u80fd\u591f\u4eceAppearance &gt; Customize &gt; Widgets &gt; Header\u4e2d\u8bbe\u7f6e\u5c0f\u90e8\u4ef6<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/add-widget01.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/add-widget01.png\" alt=\"Astra Widgets\" class=\"wp-image-24421\"\/><\/a><\/figure>\n\n\n\n<p>Choose any WordPress default widget or you can use any third-party plugin to add a widget to the list.<\/p>\n\n\n\n<p>\u9009\u62e9\u4efb\u4f55WordPress\u9ed8\u8ba4\u7684\u5c0f\u90e8\u4ef6\uff0c\u6216\u8005\u4f60\u53ef\u4ee5\u4f7f\u7528\u4efb\u4f55\u7b2c\u4e09\u65b9\u63d2\u4ef6\u5c06\u5c0f\u90e8\u4ef6\u6dfb\u52a0\u5230\u5217\u8868\u4e2d\u3002<\/p>\n\n\n\n<p><strong>Take custom menu item outside<\/strong>  &#8211;\u5c06\u81ea\u5b9a\u4e49\u83dc\u5355\u9879\u79fb\u51fa<br>This option allows you to separate your custom menu item from the selected menu. It will show your custom menu item separately on responsive devices-<\/p>\n\n\n\n<p>\u6b64\u9009\u9879\u5141\u8bb8\u60a8\u5c06\u81ea\u5b9a\u4e49\u83dc\u5355\u9879\u4e0e\u6240\u9009\u83dc\u5355\u5206\u79bb\u3002\u5b83\u5c06\u663e\u793a\u4f60\u7684\u81ea\u5b9a\u4e49\u83dc\u5355\u9879\u5355\u72ec\u7684\u54cd\u5e94\u8bbe\u5907<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/take-custom-menu-out.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/take-custom-menu-out.png\" alt=\"Take Custom Menu Item Outsite\" class=\"wp-image-24441\"\/><\/a><\/figure>\n\n\n\n<p><strong>Note:<\/strong>&nbsp;If you have activated Header Section Addon and using Above and\/or Below Header section, then you get an option to customize them<\/p>\n\n\n\n<p>\u6ce8:\u5982\u679c\u4f60\u6fc0\u6d3b\u4e86\u6807\u9898\u90e8\u5206\u63d2\u4ef6\uff0c\u5e76\u4f7f\u7528\u4e0a\u9762\u548c\/\u6216\u4e0b\u9762\u7684\u6807\u9898\u90e8\u5206\uff0c\u7136\u540e\u4f60\u5f97\u5230\u4e00\u4e2a\u81ea\u5b9a\u4e49\u9009\u9879\u3002.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#display-rules\">&nbsp;<strong>Display Rules<\/strong><\/a><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#display-on\">&nbsp;<strong>Display On<\/strong><\/a><\/h4>\n\n\n\n<p>You can choose your page header to display on specific pages, posts on your site. Choose a location from the list. You can Add Display rule and\/or Exclusion rule.<\/p>\n\n\n\n<p>\u60a8\u53ef\u4ee5\u9009\u62e9\u60a8\u7684\u9875\u9762\u6807\u9898\u663e\u793a\u5728\u7279\u5b9a\u7684\u9875\u9762\uff0c\u60a8\u7684\u7f51\u7ad9\u4e0a\u7684\u5e16\u5b50\u3002\u4ece\u5217\u8868\u4e2d\u9009\u62e9\u4e00\u4e2a\u4f4d\u7f6e\u3002\u60a8\u53ef\u4ee5\u6dfb\u52a0\u663e\u793a\u89c4\u5219\u548c\/\u6216\u6392\u9664\u89c4\u5219\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-headers-display-rules.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-headers-display-rules.png\" alt=\"Page Headers Display Rules\" class=\"wp-image-24443\"\/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/wpastra.com\/docs\/page-headers-overview\/#user-roles\">&nbsp;<strong>User Roles<\/strong><\/a><\/h4>\n\n\n\n<p>You can decide a user role for which page header should be visible.<\/p>\n\n\n\n<p>\u60a8\u53ef\u4ee5\u51b3\u5b9a\u4e00\u4e2a\u7528\u6237\u89d2\u8272\uff0c\u8be5\u89d2\u8272\u7684\u9875\u9762\u5934\u5e94\u8be5\u662f\u53ef\u89c1\u7684\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-headers-user-role.png\"><img decoding=\"async\" src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/page-headers-user-role.png\" alt=\"Page Headers User Role\" class=\"wp-image-24444\"\/><\/a><\/figure>\n\n\n\n<p>We have designed a demo using Page Headers Addon. It will show how you can creatively use Page Headers Addon.<br><a href=\"https:\/\/websitedemos.net\/blog-03\/category\/fashion\/\">https:\/\/websitedemos.net\/blog-03\/category\/fashion\/<\/a><\/p>\n\n\n\n<p>\u6211\u4eec\u8bbe\u8ba1\u4e86\u4e00\u4e2a\u4f7f\u7528Page Headers\u63d2\u4ef6\u7684\u6f14\u793a\u3002\u5b83\u5c06\u5c55\u793a\u5982\u4f55\u521b\u9020\u6027\u5730\u4f7f\u7528Page Headers\u63d2\u4ef6\u3002https:\/\/websitedemos.net\/blog-03\/category\/fashion\/<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Overviewhttps:\/\/www.youtube.com\/embed\/rgEBBQfOuvA?featu &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/wpeyes.com\/astra\/docs\/page-headers-overview-page-headers%e6%a6%82%e8%bf%b0%e3%80%82\/\"> <span class=\"screen-reader-text\">Page Headers\u6982\u8ff0\u3002<\/span> Read More \u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"site-sidebar-layout":"default","site-content-layout":"default","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":""},"doc_category":[41],"doc_tag":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Page Headers\u6982\u8ff0\u3002 - ASTRA\u4e2d\u6587<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wpeyes.com\/astra\/docs\/page-headers-overview-page-headers\u6982\u8ff0\u3002\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Page Headers\u6982\u8ff0\u3002 - ASTRA\u4e2d\u6587\" \/>\n<meta property=\"og:description\" content=\"Overviewhttps:\/\/www.youtube.com\/embed\/rgEBBQfOuvA?featu &hellip; Page Headers\u6982\u8ff0\u3002 Read More \u00bb\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpeyes.com\/astra\/docs\/page-headers-overview-page-headers\u6982\u8ff0\u3002\/\" \/>\n<meta property=\"og:site_name\" content=\"ASTRA\u4e2d\u6587\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-11T08:55:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/astra-page-headers-addon-activation.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data1\" content=\"7\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpeyes.com\/astra\/docs\/page-headers-overview-page-headers%e6%a6%82%e8%bf%b0%e3%80%82\/\",\"url\":\"https:\/\/wpeyes.com\/astra\/docs\/page-headers-overview-page-headers%e6%a6%82%e8%bf%b0%e3%80%82\/\",\"name\":\"Page Headers\u6982\u8ff0\u3002 - ASTRA\u4e2d\u6587\",\"isPartOf\":{\"@id\":\"https:\/\/wpeyes.com\/astra\/#website\"},\"datePublished\":\"2022-05-06T09:43:30+00:00\",\"dateModified\":\"2022-05-11T08:55:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/wpeyes.com\/astra\/docs\/page-headers-overview-page-headers%e6%a6%82%e8%bf%b0%e3%80%82\/#breadcrumb\"},\"inLanguage\":\"zh-CN\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpeyes.com\/astra\/docs\/page-headers-overview-page-headers%e6%a6%82%e8%bf%b0%e3%80%82\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpeyes.com\/astra\/docs\/page-headers-overview-page-headers%e6%a6%82%e8%bf%b0%e3%80%82\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/wpeyes.com\/astra\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Docs\",\"item\":\"https:\/\/wpeyes.com\/astra\/docs\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Page Headers\u6982\u8ff0\u3002\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpeyes.com\/astra\/#website\",\"url\":\"https:\/\/wpeyes.com\/astra\/\",\"name\":\"ASTRA\u4e2d\u6587\",\"description\":\"wpeyes\u6280\u672f\u89c6\u70b9\",\"publisher\":{\"@id\":\"https:\/\/wpeyes.com\/astra\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpeyes.com\/astra\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-CN\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/wpeyes.com\/astra\/#organization\",\"name\":\"ASTRA\u4e2d\u6587\",\"url\":\"https:\/\/wpeyes.com\/astra\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-CN\",\"@id\":\"https:\/\/wpeyes.com\/astra\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/wpeyes.com\/astra\/wp-content\/uploads\/sites\/2\/2022\/05\/astra-icons-03.png\",\"contentUrl\":\"https:\/\/wpeyes.com\/astra\/wp-content\/uploads\/sites\/2\/2022\/05\/astra-icons-03.png\",\"width\":500,\"height\":500,\"caption\":\"ASTRA\u4e2d\u6587\"},\"image\":{\"@id\":\"https:\/\/wpeyes.com\/astra\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Page Headers\u6982\u8ff0\u3002 - ASTRA\u4e2d\u6587","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:\/\/wpeyes.com\/astra\/docs\/page-headers-overview-page-headers\u6982\u8ff0\u3002\/","og_locale":"zh_CN","og_type":"article","og_title":"Page Headers\u6982\u8ff0\u3002 - ASTRA\u4e2d\u6587","og_description":"Overviewhttps:\/\/www.youtube.com\/embed\/rgEBBQfOuvA?featu &hellip; Page Headers\u6982\u8ff0\u3002 Read More \u00bb","og_url":"https:\/\/wpeyes.com\/astra\/docs\/page-headers-overview-page-headers\u6982\u8ff0\u3002\/","og_site_name":"ASTRA\u4e2d\u6587","article_modified_time":"2022-05-11T08:55:23+00:00","og_image":[{"url":"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/astra-page-headers-addon-activation.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"7\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpeyes.com\/astra\/docs\/page-headers-overview-page-headers%e6%a6%82%e8%bf%b0%e3%80%82\/","url":"https:\/\/wpeyes.com\/astra\/docs\/page-headers-overview-page-headers%e6%a6%82%e8%bf%b0%e3%80%82\/","name":"Page Headers\u6982\u8ff0\u3002 - ASTRA\u4e2d\u6587","isPartOf":{"@id":"https:\/\/wpeyes.com\/astra\/#website"},"datePublished":"2022-05-06T09:43:30+00:00","dateModified":"2022-05-11T08:55:23+00:00","breadcrumb":{"@id":"https:\/\/wpeyes.com\/astra\/docs\/page-headers-overview-page-headers%e6%a6%82%e8%bf%b0%e3%80%82\/#breadcrumb"},"inLanguage":"zh-CN","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpeyes.com\/astra\/docs\/page-headers-overview-page-headers%e6%a6%82%e8%bf%b0%e3%80%82\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpeyes.com\/astra\/docs\/page-headers-overview-page-headers%e6%a6%82%e8%bf%b0%e3%80%82\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/wpeyes.com\/astra\/"},{"@type":"ListItem","position":2,"name":"Docs","item":"https:\/\/wpeyes.com\/astra\/docs\/"},{"@type":"ListItem","position":3,"name":"Page Headers\u6982\u8ff0\u3002"}]},{"@type":"WebSite","@id":"https:\/\/wpeyes.com\/astra\/#website","url":"https:\/\/wpeyes.com\/astra\/","name":"ASTRA\u4e2d\u6587","description":"wpeyes\u6280\u672f\u89c6\u70b9","publisher":{"@id":"https:\/\/wpeyes.com\/astra\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpeyes.com\/astra\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-CN"},{"@type":"Organization","@id":"https:\/\/wpeyes.com\/astra\/#organization","name":"ASTRA\u4e2d\u6587","url":"https:\/\/wpeyes.com\/astra\/","logo":{"@type":"ImageObject","inLanguage":"zh-CN","@id":"https:\/\/wpeyes.com\/astra\/#\/schema\/logo\/image\/","url":"https:\/\/wpeyes.com\/astra\/wp-content\/uploads\/sites\/2\/2022\/05\/astra-icons-03.png","contentUrl":"https:\/\/wpeyes.com\/astra\/wp-content\/uploads\/sites\/2\/2022\/05\/astra-icons-03.png","width":500,"height":500,"caption":"ASTRA\u4e2d\u6587"},"image":{"@id":"https:\/\/wpeyes.com\/astra\/#\/schema\/logo\/image\/"}}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"qmk","author_link":"https:\/\/wpeyes.com\/astra\/author\/qmk\/"},"uagb_comment_info":1,"uagb_excerpt":"Overviewhttps:\/\/www.youtube.com\/embed\/rgEBBQfOuvA?featu&hellip;","_links":{"self":[{"href":"https:\/\/wpeyes.com\/astra\/wp-json\/wp\/v2\/docs\/441"}],"collection":[{"href":"https:\/\/wpeyes.com\/astra\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wpeyes.com\/astra\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wpeyes.com\/astra\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpeyes.com\/astra\/wp-json\/wp\/v2\/comments?post=441"}],"version-history":[{"count":1,"href":"https:\/\/wpeyes.com\/astra\/wp-json\/wp\/v2\/docs\/441\/revisions"}],"predecessor-version":[{"id":602,"href":"https:\/\/wpeyes.com\/astra\/wp-json\/wp\/v2\/docs\/441\/revisions\/602"}],"wp:attachment":[{"href":"https:\/\/wpeyes.com\/astra\/wp-json\/wp\/v2\/media?parent=441"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wpeyes.com\/astra\/wp-json\/wp\/v2\/doc_category?post=441"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wpeyes.com\/astra\/wp-json\/wp\/v2\/doc_tag?post=441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}