{"id":530282,"date":"2020-10-25T17:06:06","date_gmt":"2020-10-25T09:06:06","guid":{"rendered":"https:\/\/loyseo.com\/tutorial\/%e5%a6%82%e4%bd%95%e5%b0%87wordpress%e5%8a%9f%e8%83%bd%e8%a1%a8%e5%9b%ba%e5%ae%9a%e5%9c%a8%e9%a0%81%e9%9d%a2%e9%a0%82%e9%83%a8\/"},"modified":"2024-06-15T19:20:06","modified_gmt":"2024-06-15T11:20:06","slug":"sticky-floating-navigation-menu","status":"publish","type":"tutorial","link":"https:\/\/loyseo.com\/zh-hant\/tutorial\/wordpress\/navigation-menu\/sticky-floating-navigation-menu\/","title":{"rendered":"\u5982\u4f55\u5c07WordPress\u83dc\u55ae\u56fa\u5b9a\u5728\u9801\u9762\u9802\u90e8"},"content":{"rendered":"\n<p>\u901a\u5e38\u4ed8\u8cbb\u7684<a aria-label=\"WordPress&#x4E3B;&#x9898; (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\" href=\"https:\/\/loyseo.com\/wordpress-theme\" target=\"_blank\">WordPress\u4e3b\u984c<\/a>\u90fd\u6703\u63d0\u4f9b\u83dc\u55ae\u56fa\u5b9a\u5728\u9801\u9762\u9802\u90e8\u7684\u529f\u80fd\uff0c\u82f1\u6587\u540dsticky header\uff0c\u800c\u5982\u679c\u4f7f\u7528<a aria-label=\"&#x514D;&#x8D39;WordPress&#x4E3B;&#x9898; (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\" href=\"https:\/\/loyseo.com\/zh-hant\/wordpress-theme-price\/free-zh-hant\/\" target=\"_blank\">\u514d\u8cbbWordPress\u4e3b\u984c<\/a>\uff0c\u90a3\u5247\u4e0d\u4e00\u5b9a\u63d0\u4f9b\u5c0e\u822a\u56fa\u9802\u529f\u80fd\u3002 \u6b64\u6642\uff0c\u6211\u5011\u53ef\u4ee5\u4f7f\u7528<a href=\"https:\/\/loyseo.com\/plugins\/\" class=\"rank-math-link\">\u5916\u639b<\/a>\u4f86\u5be6\u73fe\uff1a\u5c07<a aria-label=\"WordPress&#x83DC;&#x5355; (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\" href=\"https:\/\/loyseo.com\/zh-hant\/tutorial\/wordpress\/navigation-menu\/\" target=\"_blank\">WordPress\u83dc\u55ae<\/a>\u56fa\u5b9a\u5728\u9801\u9762\u9802\u90e8\u3002<\/p>\n\n<p><a href=\"https:\/\/loyseo.com\/zh-hant\/tutorial\/wordpress\/install-plugin\/\" class=\"rank-math-link\">\u5b89\u88dd\u5916\u639b\u7a0b\u5f0f<\/a>\u4e26\u555f\u52d5\uff1a<a aria-label=\" (opens in a new tab)\" href=\"https:\/\/wordpress.org\/plugins\/sticky-menu-or-anything-on-scroll\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">Sticky Menu\uff0c Sticky Header \uff08or anything\uff01\uff09 on Scroll<\/a><\/p>\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1187\" height=\"744\" src=\"https:\/\/loyseo.com\/wp-content\/uploads\/2020\/10\/image-90.png\" alt=\"&#x5982;&#x4F55;&#x5C07;WordPress&#x83DC;&#x55AE;&#x56FA;&#x5B9A;&#x5728;&#x9801;&#x9762;&#x9802;&#x90E8;\" class=\"wp-image-506939\" title=\"-\"><\/figure>\n\n<p>\u6211\u5011\u5728WordPress\u5f8c\u53f0\u7684settings\u4e2d\u627e\u5230Sticky Menu \uff08or Anything\uff01\uff09 \u83dc\u55ae\uff0c\u9ede\u64ca\u9032\u5165  <\/p>\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1350\" height=\"876\" src=\"https:\/\/loyseo.com\/wp-content\/uploads\/2020\/10\/image-91.png\" alt=\"&#x5982;&#x4F55;&#x5C07;WordPress&#x83DC;&#x55AE;&#x56FA;&#x5B9A;&#x5728;&#x9801;&#x9762;&#x9802;&#x90E8;\" class=\"wp-image-506940\" title=\"-\"><\/figure>\n\n<p>\u63a5\u4e0b\u4f86\u6211\u5011\u8981\u67e5\u770b\u4e00\u4e0b\u5c0e\u822a\u7684sticky element\u7684\uff0c\u6211\u4f7f\u7528\u7684\u662f<a href=\"https:\/\/loyseo.com\/zh-hant\/create-business-website-with-astra\/\" class=\"rank-math-link\">Astra\u67b6\u8a2d\u4f01\u696d\u7db2\u7ad9\u6559\u5b78<\/a>\u88e1\u7684\u7bc4\u672c\uff0c\u4f60\u9700\u8981\u6253\u958b\u4f60\u7684\u7db2\u7ad9\uff0c\u6ed1\u9f20\u53f3\u9375\u4f4d\u65bc\u5c0e\u822a\u4e0a\uff0c\u9ede\u64ca\u53f3\u9375\u540e\uff0c\u5728\u83dc\u55ae\u4e2d\u9ede\u64ca\u6aa2\u67e5\/inspect\u3002<\/p>\n\n<p>\u7136\u5f8c\u4f60\u5c07\u770b\u5230\u5c0e\u822a\u6240\u8655\u7684\u4ee3\u78bc\u7247\u6bb5\uff0c\u627e\u5230\u6709<header><\/header><\/p>\n\n<p>\u63a5\u4e0b\u4f86\u5728\u4ee3\u78bc\u6bb5\u4e2d\u627e\u5230class=\u201c\u201d \u6216\u8005id=\u201c\u201d\uff0c\u7372\u53d6\u96d9\u5f15\u865f\u5167\u7684\u4e00\u500bclass\u6216id\u5167\u5bb9\u5373\u53ef\uff0c\u8b6c\u5982\u4e0b\u5716\u6240\u793a\uff0cclass\u7684\u96d9\u5f15\u865f\u5167\u6709\u591a\u500bclass\u5167\u5bb9\uff0c\u591a\u500b\u5167\u5bb9\u4e4b\u9593\u7528\u7a7a\u683c\u9593\u9694\u4e86\uff0c\u901a\u5e38\u7372\u53d6\u7b2c\u4e00\u500b\u5373\u53ef; \u66f4\u4fdd\u96aa\u7684\u65b9\u5f0f\u662f\u7372\u53d6id\u7684\u5167\u5bb9\uff0c\u56e0\u70baid\u4e00\u5b9a\u662f\u552f\u4e00\u7684\uff0c\u800cclass\u4e0d\u4e00\u5b9a\u552f\u4e00\uff0c\u800c\u4e0d\u552f\u4e00\u5c07\u7121\u6cd5\u6e96\u78ba\u5b9a\u4f4d\u5167\u5bb9\u3002<\/p>\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1580\" height=\"569\" src=\"https:\/\/loyseo.com\/wp-content\/uploads\/2020\/10\/image-92.png\" alt=\"&#x5982;&#x4F55;&#x5C07;WordPress&#x83DC;&#x55AE;&#x56FA;&#x5B9A;&#x5728;&#x9801;&#x9762;&#x9802;&#x90E8;\" class=\"wp-image-506941\" title=\"-\"><\/figure>\n\n<p>\u6211\u5c07id\u7684\u5167\u5bb9masthead\u586b\u5165\uff0c\u6ce8\u610fid\u524d\u52a0#\u865f\uff0cclass\u524d\u52a0\u4e00\u500b\u82f1\u6587\u7684\u53e5\u9ede.<\/p>\n\n<p>\u5982\u679c\u4f60\u4e0d\u60f3\u5728\u5c0f\u87a2\u5e55\u4e0a\u56fa\u9802\u5c0e\u822a\uff0c\u8b6c\u5982\u624b\u6a5f\u4e0a\u700f\u89bd\u7db2\u9801\u6642\u4e0d\u60f3\u56fa\u9802\u5c0e\u822a\uff0c\u53ef\u4ee5\u8a2d\u7f6e\u4e0b\u5716\u7b2c\u4e8c\u500b\u7d05\u6846\u7684\u6578\u503c\u70ba768\u3002 \u8a2d\u7f6e\u5b8c\u6210\u5f8c\uff0c\u9ede\u64ca\u5de6\u4e0b\u89d2\u6309\u9215\u4fdd\u5b58\u3002<\/p>\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"688\" height=\"794\" src=\"https:\/\/loyseo.com\/wp-content\/uploads\/2020\/10\/image-95.png\" alt=\"&#x5982;&#x4F55;&#x5C07;WordPress&#x83DC;&#x55AE;&#x56FA;&#x5B9A;&#x5728;&#x9801;&#x9762;&#x9802;&#x90E8;\" class=\"wp-image-506944\" title=\"-\"><\/figure>\n\n<p>\u5982\u679c\u4f60\u767c\u73fe\u5c0e\u822a\u5728\u96a8\u9801\u9762\u6efe\u52d5\u6642\uff0c\u6703\u88ab\u9801\u9762\u4e0a\u7684\u5167\u5bb9\u58d3\u4f4f\uff0c\u90a3\u8aaa\u660e\u5c0e\u822a\u7684\u5c64\u7d1a\u4e0d\u5920\u9ad8\uff0c\u4f60\u53ef\u4ee5\u5728\u9019\u500b\u5916\u639b\u7a0b\u5f0f\u7684\u8a2d\u7f6e\u4e2d\uff0c\u9032\u5165advanced settings\u6a19\u7c64\u9801\uff0c\u5c07z-index\u8a2d\u7f6e\u70ba9999\u4e26\u4fdd\u5b58\u5373\u53ef\u3002<\/p>\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"942\" height=\"749\" src=\"https:\/\/loyseo.com\/wp-content\/uploads\/2020\/10\/image-93.png\" alt=\"&#x5982;&#x4F55;&#x5C07;WordPress&#x83DC;&#x55AE;&#x56FA;&#x5B9A;&#x5728;&#x9801;&#x9762;&#x9802;&#x90E8;\" class=\"wp-image-506942\" title=\"-\"><\/figure>\n\n<p>\u81f3\u6b64\uff0c\u5927\u529f\u544a\u6210\u3002<\/p>\n\n<p>\u5982\u679c\u4f60\u4f7f\u7528\u7684\u662f<a href=\"https:\/\/loyseo.com\/zh-hant\/wordpress-theme\/astra\/\" class=\"rank-math-link\">Astra\u514d\u8cbb\u4e3b\u984c<\/a>\uff0c\u4e26\u4e14\u4f7f\u7528\u4e86<strong>\u900f\u660e\u5c0e\u822a<\/strong>\uff0c\u90a3\u9ebc\u4e0d\u5efa\u8b70\u4f7f\u7528\u9019\u500b\u5916\u639b\u7a0b\u5f0f\u5be6\u73fe\u5c0e\u822a\u56fa\u9802\u529f\u80fd\uff0c\u56e0\u70ba\u900f\u660e\u5c0e\u822a\u6efe\u52d5\u5f8c\u6703\u8207\u5167\u5bb9\u4ea4\u878d\u5728\u4e00\u8d77\u3002 \u5982\u4e0b\u5716\u6240\u793a\u3002<\/p>\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1344\" height=\"489\" src=\"https:\/\/loyseo.com\/wp-content\/uploads\/2020\/10\/image-94.png\" alt=\"&#x5982;&#x4F55;&#x5C07;WordPress&#x83DC;&#x55AE;&#x56FA;&#x5B9A;&#x5728;&#x9801;&#x9762;&#x9802;&#x90E8;\" class=\"wp-image-506943\" title=\"-\"><\/figure>\n\n<p>\u63a8\u85a6\u95b1\u8b80\uff1a<\/p>\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/loyseo.com\/zh-hant\/build-website-with-elementor\/\">2021\u5e74B2B\u67b6\u8a2d\u4f01\u696d\u7db2\u7ad9\u7684\u7d42\u6975\u6559\u5b78<\/a><\/li><li><a href=\"https:\/\/loyseo.com\/zh-hant\/create-business-website-with-astra\/\">Astra\u4e3b\u984c\u6559\u5b78\uff1a\u514d\u8cbb\u67b6\u8a2d\u4f01\u696d\u7db2\u7ad9<\/a><\/li><li><a href=\"https:\/\/loyseo.com\/zh-hant\/waimao-wangzhan-jianshe-zhinan\/\" class=\"rank-math-link\">\u67b6\u8a2d\u4f01\u696d\u7db2\u7ad9\u8981\u6ce8\u610f\u4ec0\u9ebc\uff1f \uff084300\u5b57\u7d93\u9a57\u8ac7\uff09<\/a><\/li><li><a class=\"rank-math-link\" href=\"https:\/\/loyseo.com\/zh-hant\/hosting\/\">WordPress\u5efa\u7ad9\u4e3b\u6a5f\u63a8\u85a6\u8207\u5c0d\u6bd4<\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>\u901a\u5e38\u4ed8\u8cbb\u7684WordPress\u4e3b\u984c\u90fd\u6703\u63d0\u4f9b\u83dc\u55ae\u56fa\u5b9a\u5728\u9801\u9762\u9802\u90e8\u7684\u529f\u80fd\uff0c\u82f1\u6587\u540dsticky header\uff0c\u800c\u5982\u679c\u4f7f\u7528\u514d\u8cbbWordPress\u4e3b\u984c\uff0c\u90a3\u5247\u4e0d\u4e00\u5b9a\u63d0\u4f9b\u5c0e\u822a\u56fa\u9802\u529f\u80fd\u3002 \u6b64\u6642\uff0c\u6211\u5011\u53ef\u4ee5\u4f7f\u7528\u5916\u639b\u4f86\u5be6\u73fe\uff1a\u5c07WordPress\u83dc\u55ae\u56fa\u5b9a\u5728\u9801\u9762\u9802\u90e8\u3002 \u5b89\u88dd\u5916\u639b\u7a0b\u5f0f\u4e26\u555f\u52d5\uff1aSticky Menu\uff0c Sticky Header \uff08or anything\uff01\uff09 on Scroll \u6211\u5011\u5728WordPress\u5f8c\u53f0\u7684set [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":530278,"menu_order":163,"comment_status":"open","ping_status":"closed","template":"","hf_cat_tutorial":[100542],"class_list":["post-530282","tutorial","type-tutorial","status-publish","hentry"],"acf":[],"taxonomy_info":[],"featured_image_src_large":false,"author_info":[],"comment_info":0,"_links":{"self":[{"href":"https:\/\/loyseo.com\/zh-hant\/wp-json\/wp\/v2\/tutorial\/530282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loyseo.com\/zh-hant\/wp-json\/wp\/v2\/tutorial"}],"about":[{"href":"https:\/\/loyseo.com\/zh-hant\/wp-json\/wp\/v2\/types\/tutorial"}],"replies":[{"embeddable":true,"href":"https:\/\/loyseo.com\/zh-hant\/wp-json\/wp\/v2\/comments?post=530282"}],"version-history":[{"count":0,"href":"https:\/\/loyseo.com\/zh-hant\/wp-json\/wp\/v2\/tutorial\/530282\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/loyseo.com\/zh-hant\/wp-json\/wp\/v2\/tutorial\/530278"}],"wp:attachment":[{"href":"https:\/\/loyseo.com\/zh-hant\/wp-json\/wp\/v2\/media?parent=530282"}],"wp:term":[{"taxonomy":"hf_cat_tutorial","embeddable":true,"href":"https:\/\/loyseo.com\/zh-hant\/wp-json\/wp\/v2\/hf_cat_tutorial?post=530282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}