{"id":2353,"date":"2021-12-16T20:07:55","date_gmt":"2021-12-16T20:07:55","guid":{"rendered":"https:\/\/stax.organicthemes.com\/?page_id=2353"},"modified":"2023-06-07T13:00:33","modified_gmt":"2023-06-07T19:00:33","slug":"header-block","status":"publish","type":"page","link":"https:\/\/www.thinksai.com\/asia\/zh\/blocks\/organic-blocks\/header-block\/","title":{"rendered":"Header Block"},"content":{"rendered":"
\n
\n\n\n\n
\n
\n

Header Block Examples<\/h4>\n<\/div>\n\n\n\n
\n
\n
\u6587\u4ef6<\/a><\/div>\n\n\n\n
\u8d2d\u4e70\u79ef\u6728<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n

\"(\u300a\u4e16\u754c\u4eba\u6743\u5ba3\u8a00\u300b) Header Block<\/strong> is a powerful block for building and customizing your website header. It features multiple navigation menus and several options for changing the logo, colors, typography, spacing, and layout. Additionally, the header position may be changed to overlay on top of content \u00e2\u20ac\u201d such as the Cover or Hero Block. Also, the block features mobile navigation for smaller devices. STAX<\/strong> utilizes the Header Block for its logo and navigation menus, and it may be customized in the Full-Site Editor.<\/p>\n\n\n\n

\u4e0b\u9762\u5c55\u793a\u4e86\u591a\u4e2a\u533a\u5757\u7684\u53d8\u4f53\u3002\u6bcf\u4e2a\u53d8\u4f53\u90fd\u53ef\u4ee5\u590d\u5236\u5230\u526a\u8d34\u677f\uff0c\u7136\u540e\u76f4\u63a5\u7c98\u8d34\u5230 WordPress \u5757\u7f16\u8f91\u5668\u4e2d\u3002\u4e0d\u8fc7 \u6709\u673a\u5757<\/strong><\/a> \u9700\u8981\u4f7f\u7528\u63d2\u4ef6\u3002<\/p>\n\n\n\n

\u8bf7\u6ce8\u610f<\/strong> \u8fd9\u4e9b\u662f\u4e3a\u5c55\u793a\u56fe\u5757\u7075\u6d3b\u6027\u800c\u521b\u5efa\u7684\u6837\u5f0f\u53d8\u5316\u793a\u4f8b\u3002\u4efb\u4f55\u53d8\u4f53\u90fd\u53ef\u4ee5\u6839\u636e\u81ea\u5df1\u7684\u559c\u597d\u8fdb\u884c\u4fee\u6539\uff0c\u4e5f\u53ef\u4ee5\u4f7f\u7528\u533a\u5757\u8bbe\u7f6e\u521b\u5efa\u5168\u65b0\u7684\u53d8\u4f53\u3002<\/p>\n\n\n\n

<\/div>\n<\/div>\n\n\n\n

\u53d8\u5f0f 1<\/h4>\n\n\n\n
<\/path><\/clippath><\/defs><\/svg><\/path><\/clippath><\/defs><\/svg><\/path><\/clippath><\/defs><\/svg>
<\/div>
\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
<\/div>\n<\/div><\/div>\n\n\n\n
\n
\n
\n

\u4f7f\u7528\u6309\u94ae\u590d\u5236\u8fd9\u4e2a\u533a\u5757\u53d8\u4f53\uff0c\u7136\u540e\u7c98\u8d34\u5230 WordPress \u7684\u533a\u5757\u7f16\u8f91\u5668\u4e2d\u3002\u5757 \u6709\u673a\u5757<\/strong> \u9700\u8981\u4f7f\u7528\u63d2\u4ef6\u3002<\/p>\n<\/div>\n\n\n\n

\n
\u590d\u5236\u5757<\/span><\/a>
\u5c06\u533a\u5757\u590d\u5236\u5230\u526a\u8d34\u677f\uff01<\/div><\/div>\n<\/div>\n\n\n\n
\n
Copy Pattern<\/span><\/a>
Copied pattern to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

\u53d8\u5f0f 2<\/h4>\n\n\n\n
<\/div>\n\n\n\n
<\/span>\"\"
\n\n\n
<\/div>\n<\/div><\/div>\n\n\n\n
\n
\n
\n

\u4f7f\u7528\u6309\u94ae\u590d\u5236\u8fd9\u4e2a\u533a\u5757\u53d8\u4f53\uff0c\u7136\u540e\u7c98\u8d34\u5230 WordPress \u7684\u533a\u5757\u7f16\u8f91\u5668\u4e2d\u3002\u5757 \u6709\u673a\u5757<\/strong> \u9700\u8981\u4f7f\u7528\u63d2\u4ef6\u3002<\/p>\n<\/div>\n\n\n\n

\n
\u590d\u5236\u5757<\/span><\/a>
\u5c06\u533a\u5757\u590d\u5236\u5230\u526a\u8d34\u677f\uff01<\/div><\/div>\n<\/div>\n\n\n\n
\n
Copy Pattern<\/span><\/a>
Copied pattern to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

\u53d8\u5f0f 3<\/h4>\n\n\n\n
<\/path><\/clippath><\/defs><\/svg><\/path><\/clippath><\/defs><\/svg><\/path><\/clippath><\/defs><\/svg>
<\/div>
\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
<\/div>\n<\/div><\/div>\n\n\n\n
\n
\n
\n

\u4f7f\u7528\u6309\u94ae\u590d\u5236\u8fd9\u4e2a\u533a\u5757\u53d8\u4f53\uff0c\u7136\u540e\u7c98\u8d34\u5230 WordPress \u7684\u533a\u5757\u7f16\u8f91\u5668\u4e2d\u3002\u5757 \u6709\u673a\u5757<\/strong> \u9700\u8981\u4f7f\u7528\u63d2\u4ef6\u3002<\/p>\n<\/div>\n\n\n\n

\n
\u590d\u5236\u5757<\/span><\/a>
\u5c06\u533a\u5757\u590d\u5236\u5230\u526a\u8d34\u677f\uff01<\/div><\/div>\n<\/div>\n\n\n\n
\n
Copy Pattern<\/span><\/a>
Copied pattern to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

\u53d8\u5f0f 4<\/h4>\n\n\n\n
<\/div>\n\n\n\n
<\/span>
<\/div>
\n\n\n
<\/div>\n<\/div><\/div>\n\n\n\n
\n
\n
\n

\u4f7f\u7528\u6309\u94ae\u590d\u5236\u8fd9\u4e2a\u533a\u5757\u53d8\u4f53\uff0c\u7136\u540e\u7c98\u8d34\u5230 WordPress \u7684\u533a\u5757\u7f16\u8f91\u5668\u4e2d\u3002\u5757 \u6709\u673a\u5757<\/strong> \u9700\u8981\u4f7f\u7528\u63d2\u4ef6\u3002<\/p>\n<\/div>\n\n\n\n

\n
\u590d\u5236\u5757<\/span><\/a>
\u5c06\u533a\u5757\u590d\u5236\u5230\u526a\u8d34\u677f\uff01<\/div><\/div>\n<\/div>\n\n\n\n
\n
Copy Pattern<\/span><\/a>
Copied pattern to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

\u53d8\u5f0f 5<\/h4>\n\n\n\n\n\n
<\/path><\/clippath><\/defs><\/svg><\/path><\/clippath><\/defs><\/svg><\/path><\/clippath><\/defs><\/svg>
<\/div>
\n
\n

Cinematic <\/h2>\n\n\n\n

Experience<\/strong><\/h2>\n<\/div>\n\n\n\n
<\/div>\n<\/div><\/div>\n\n\n\n
\n
\n
\n

\u4f7f\u7528\u6309\u94ae\u590d\u5236\u8fd9\u4e2a\u533a\u5757\u53d8\u4f53\uff0c\u7136\u540e\u7c98\u8d34\u5230 WordPress \u7684\u533a\u5757\u7f16\u8f91\u5668\u4e2d\u3002\u5757 \u6709\u673a\u5757<\/strong> \u9700\u8981\u4f7f\u7528\u63d2\u4ef6\u3002<\/p>\n<\/div>\n\n\n\n

\n
\u590d\u5236\u5757<\/span><\/a>
\u5c06\u533a\u5757\u590d\u5236\u5230\u526a\u8d34\u677f\uff01<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"

Header Block Examples The Header Block is a powerful block for building and customizing your website header. It features multiple navigation menus and several options for changing the logo, colors, typography, spacing, and layout. Additionally, the header position may be changed to overlay on top of content \u00e2\u20ac\u201d such as the Cover or Hero Block. […]<\/p>\n","protected":false},"author":236185298,"featured_media":0,"parent":48,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_eb_attr":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","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":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2353","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\nHeader Block - ThinkSAi - Asia<\/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:\/\/www.thinksai.com\/asia\/zh\/blocks\/organic-blocks\/header-block\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Header Block - ThinkSAi - Asia\" \/>\n<meta property=\"og:description\" content=\"Header Block Examples The Header Block is a powerful block for building and customizing your website header. It features multiple navigation menus and several options for changing the logo, colors, typography, spacing, and layout. Additionally, the header position may be changed to overlay on top of content \u00e2\u20ac\u201d such as the Cover or Hero Block. […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.thinksai.com\/asia\/zh\/blocks\/organic-blocks\/header-block\/\" \/>\n<meta property=\"og:site_name\" content=\"ThinkSAi - Asia\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-07T19:00:33+00:00\" \/>\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=\"2 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.thinksai.com\\\/asia\\\/blocks\\\/organic-blocks\\\/header-block\\\/\",\"url\":\"https:\\\/\\\/www.thinksai.com\\\/asia\\\/blocks\\\/organic-blocks\\\/header-block\\\/\",\"name\":\"Header Block - ThinkSAi - Asia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.thinksai.com\\\/asia\\\/#website\"},\"datePublished\":\"2021-12-16T20:07:55+00:00\",\"dateModified\":\"2023-06-07T19:00:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.thinksai.com\\\/asia\\\/blocks\\\/organic-blocks\\\/header-block\\\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.thinksai.com\\\/asia\\\/blocks\\\/organic-blocks\\\/header-block\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.thinksai.com\\\/asia\\\/blocks\\\/organic-blocks\\\/header-block\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.thinksai.com\\\/asia\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blocks\",\"item\":\"https:\\\/\\\/www.thinksai.com\\\/asia\\\/blocks\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Organic Blocks\",\"item\":\"https:\\\/\\\/www.thinksai.com\\\/asia\\\/blocks\\\/organic-blocks\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Header Block\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.thinksai.com\\\/asia\\\/#website\",\"url\":\"https:\\\/\\\/www.thinksai.com\\\/asia\\\/\",\"name\":\"ThinkSAi - Asia\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.thinksai.com\\\/asia\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.thinksai.com\\\/asia\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.thinksai.com\\\/asia\\\/#organization\",\"name\":\"ThinkSAi - Asia\",\"url\":\"https:\\\/\\\/www.thinksai.com\\\/asia\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\\\/\\\/www.thinksai.com\\\/asia\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.thinksai.com\\\/asia\\\/wp-content\\\/uploads\\\/sites\\\/8\\\/2023\\\/06\\\/SAiPurple_Logo.png\",\"contentUrl\":\"https:\\\/\\\/www.thinksai.com\\\/asia\\\/wp-content\\\/uploads\\\/sites\\\/8\\\/2023\\\/06\\\/SAiPurple_Logo.png\",\"width\":406,\"height\":407,\"caption\":\"ThinkSAi - Asia\"},\"image\":{\"@id\":\"https:\\\/\\\/www.thinksai.com\\\/asia\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Header Block - ThinkSAi - Asia","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:\/\/www.thinksai.com\/asia\/zh\/blocks\/organic-blocks\/header-block\/","og_locale":"zh_CN","og_type":"article","og_title":"Header Block - ThinkSAi - Asia","og_description":"Header Block Examples The Header Block is a powerful block for building and customizing your website header. It features multiple navigation menus and several options for changing the logo, colors, typography, spacing, and layout. Additionally, the header position may be changed to overlay on top of content \u00e2\u20ac\u201d such as the Cover or Hero Block. […]","og_url":"https:\/\/www.thinksai.com\/asia\/zh\/blocks\/organic-blocks\/header-block\/","og_site_name":"ThinkSAi - Asia","article_modified_time":"2023-06-07T19:00:33+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"2 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/header-block\/","url":"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/header-block\/","name":"Header Block - ThinkSAi - Asia","isPartOf":{"@id":"https:\/\/www.thinksai.com\/asia\/#website"},"datePublished":"2021-12-16T20:07:55+00:00","dateModified":"2023-06-07T19:00:33+00:00","breadcrumb":{"@id":"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/header-block\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/header-block\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/header-block\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.thinksai.com\/asia\/"},{"@type":"ListItem","position":2,"name":"Blocks","item":"https:\/\/www.thinksai.com\/asia\/blocks\/"},{"@type":"ListItem","position":3,"name":"Organic Blocks","item":"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/"},{"@type":"ListItem","position":4,"name":"Header Block"}]},{"@type":"WebSite","@id":"https:\/\/www.thinksai.com\/asia\/#website","url":"https:\/\/www.thinksai.com\/asia\/","name":"ThinkSAi - \u4e9a\u6d32","description":"","publisher":{"@id":"https:\/\/www.thinksai.com\/asia\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.thinksai.com\/asia\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":"Organization","@id":"https:\/\/www.thinksai.com\/asia\/#organization","name":"ThinkSAi - \u4e9a\u6d32","url":"https:\/\/www.thinksai.com\/asia\/","logo":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.thinksai.com\/asia\/#\/schema\/logo\/image\/","url":"https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2023\/06\/SAiPurple_Logo.png","contentUrl":"https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2023\/06\/SAiPurple_Logo.png","width":406,"height":407,"caption":"ThinkSAi - Asia"},"image":{"@id":"https:\/\/www.thinksai.com\/asia\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.thinksai.com\/asia\/zh\/wp-json\/wp\/v2\/pages\/2353","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thinksai.com\/asia\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.thinksai.com\/asia\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.thinksai.com\/asia\/zh\/wp-json\/wp\/v2\/users\/236185298"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thinksai.com\/asia\/zh\/wp-json\/wp\/v2\/comments?post=2353"}],"version-history":[{"count":0,"href":"https:\/\/www.thinksai.com\/asia\/zh\/wp-json\/wp\/v2\/pages\/2353\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.thinksai.com\/asia\/zh\/wp-json\/wp\/v2\/pages\/48"}],"wp:attachment":[{"href":"https:\/\/www.thinksai.com\/asia\/zh\/wp-json\/wp\/v2\/media?parent=2353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}