{"id":527466,"date":"2020-09-09T14:22:18","date_gmt":"2020-09-09T06:22:18","guid":{"rendered":"https:\/\/staging.loyseo.top\/%e5%a6%82%e4%bd%95%e7%94%a8elementor%e8%a3%bd%e4%bd%9cwordpress%e7%b6%b2%e7%ab%99%e7%9a%84%e8%bf%94%e5%9b%9e%e9%a0%82%e9%83%a8%e6%8c%89%e9%88%95%ef%bc%883%e5%88%86%e9%90%98%e8%a7%a3%e6%b1%ba%ef%bc%89\/"},"modified":"2026-08-17T12:04:00","modified_gmt":"2026-08-17T04:04:00","slug":"how-to-add-a-back-to-top-button-using-elementor","status":"publish","type":"tutorial","link":"https:\/\/loyseo.com\/zh-hant\/tutorial\/elementor\/how-to-add-a-back-to-top-button-using-elementor\/","title":{"rendered":"\u5982\u4f55\u7528Elementor\u88fd\u4f5cWordpress\u7db2\u7ad9\u7684\u8fd4\u56de\u9802\u90e8\u6309\u9215\uff083\u5206\u9418\u89e3\u6c7a\uff09"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">LOYSEO\u4f7f\u7528\u7684\u4e3b\u984c\u4e0d\u63d0\u4f9b\u7db2\u7ad9\u7684\u8fd4\u56de\u9802\u90e8\u6309\u9215\uff0c\u800c\u514d\u8cbb\u7684<a href=\"https:\/\/loyseo.com\/zh-hant\/plugins\/elementor\/\">Elementor\u9801\u9762\u7de8\u8f2f\u5668<\/a>\u5c31\u80fd\u89e3\u6c7a\u9019\u500b\u554f\u984c\uff0c\u53ea\u9700\u89813\u5206\u9418\uff0c\u8ddf\u8457\u6559\u5b78\u8a66\u4e00\u4e0b\u5427\u3002<\/p>\n\n<p class=\"wp-block-paragraph\"><b>\u524d\u63d0\u8aaa\u660e\uff1a<\/b><\/p>\n\n<ul class=\"wp-block-list\">\n<li>\u672c\u6559\u5b78\u53ea\u9069\u5408\u4f7f\u7528Elementor\u642d\u5efa\u7684WordPress\u7db2\u7ad9\u3002<\/li>\n\n\n\n<li>\u672c\u6559\u5b78\u4e2d\u7684\u6f14\u793a\u7ad9\u662f\u4f7f\u7528<a href=\"https:\/\/wordpress.org\/plugins\/header-footer-elementor\/\" target=\"_blank\" rel=\"noopener\">Elementor &#8211; Header\uff0c Footer &#038; Blocks\u5916\u639b<\/a>\u88fd\u4f5c\u7684\u9801\u982d\uff08Header\uff09\uff0c\n<ul class=\"wp-block-list\">\n<li>\u5982\u679c\u4f60\u7684\u7db2\u7ad9\u4f7f\u7528<a href=\"https:\/\/loyseo.com\/zh-hant\/tutorial\/elementor\/create-headers-using-elementor-theme-builder\/\">Elementor Pro\u88fd\u4f5c\u7684\u9801\u982d<\/a>\uff0c\u4fee\u6539\u65b9\u6cd5\u4e5f\u662f\u4e00\u6a23\u7684;<\/li>\n\n\n\n<li>\u5982\u679c\u4f60\u7684\u7db2\u7ad9\u662f\u4f7f\u7528\u4e3b\u984c\u81ea\u5e36\u9801\u982d\u6216\u5176\u4ed6\u5916\u639b\u88fd\u4f5c\u7684\u9801\u982d\uff0c\u90a3\u9ebc\u4f60\u9700\u8981\u53c3\u8003\u8996\u983b\u6559\u5b78\uff0c\u81ea\u884c\u60f3\u8fa6\u6cd5\u5728\u9801\u982d\u4e2d\u6dfb\u52a0CSS id\uff0c\u5be6\u5728\u641e\u4e0d\u5b9a\u7684\uff0c\u5c31\u76f4\u63a5\u88dd\u500b<a href=\"https:\/\/wordpress.org\/plugins\/wpfront-scroll-top\/\" target=\"_blank\" rel=\"noopener\">\u8fd4\u56de\u9802\u90e8\u529f\u80fd\u7684\u5916\u639b<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">\t\t\t<iframe src=\"https:\/\/v.qq.com\/txp\/iframe\/player.html?vid=k3150on1nqu\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" height=\"600px\" width=\"800px\"><\/iframe>\t\t<\/p>\n\n<p class=\"wp-block-paragraph\">\u5982\u679c\u4e0d\u65b9\u4fbf\u770b\u8996\u983b\u7684\uff0c\u53ef\u4ee5\u770b\u4e0b\u65b9\u7684\u5716\u6587\u6559\u5b78\u3002 \uff08\u6211\u9084\u662f\u63a8\u85a6\u770b\u8996\u983b\u554a\uff0c\u66f4\u5bb9\u6613\u7406\u89e3\uff0c\u7121\u914d\u97f3\u6709\u5b57\u5e55\uff09<\/p>\n\n<p class=\"wp-block-paragraph\">\u7d93\u904e\u4e8b\u5f8c\u6aa2\u67e5\u8207\u6821\u5c0d\u5f8c\u767c\u73fe\uff0c\u5f71\u7247\u6559\u5b78\u907a\u6f0f\u4e86\uff1a\uff081\uff09 \u8a2d\u5b9a\u6309\u9215\u6240\u5728\u7684\u8a2d\u5b9a\u9802\u90e8\u908a\u8ddd\u70ba -1\u3002\u8a73\u60c5\u8acb\u53c3\u8003\u4e0b\u65b9\u793a\u7bc4\u6559\u5b78\u3002 \uff082\uff09 \u5c07\u6309\u9215\u8a2d\u5b9a\u70ba\u5167\u806f<br\/>\u6b64\u5916\uff0c\u6f38\u5c64\u52d5\u756b\u529f\u80fd\u53ea\u80fd\u5728\u4ed8\u8cbb\u7684 Elementor Pro \u4e0a\u4f7f\u7528;\u5982\u679c\u4f60\u4f7f\u7528\u514d\u8cbb\u7248\u7684 Elementor\uff0c\u53ef\u4ee5\u7701\u7565\u9019\u500b\u52d5\u756b\u3002<\/p>\n\n<p class=\"wp-block-paragraph\">\u5982\u679c\u4f60\u7684\u6a19\u982d\u5c0e\u89bd\u56fa\u5b9a\u5728\u9801\u9762\u9802\u7aef\uff08\u7f6e\u9802\uff09\uff0c\u8acb\u4e0d\u8981\u5728\u6a19\u982d\u6240\u5728\u7684 Setion \u4e0a\u52a0 ID\u3002\u76f8\u53cd\u5730\uff0c\u5728\u9801\u9762\u9802\u7aef\u5efa\u7acb\u4e00\u500b\u65b0\u7684\u7a7a\u767d\u5340\u584a\uff0c\u4e26\u65b0\u589e\u4e00\u500b CSS ID\u3002<\/p>\n\n<h2 class=\"wp-block-heading\">\u5fc5\u5099\u5916\u639b<\/h2>\n\n<ul class=\"wp-block-list\">\n<li>Elementor\u5916\u639b\u7a0b\u5f0f &#8211; \u514d\u8cbb<\/li>\n\n\n\n<li>Elementor &#8211; Header\uff0c Footer &amp; Blocks\u5916\u639b\u7a0b\u5f0f -\u514d\u8cbb<\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\">\u64cd\u4f5c\u6b65\u9a5f<\/h2>\n\n<p class=\"wp-block-paragraph\">\u6b65\u9a5f 1\uff1a\u5728\u9801\u9762\u9802\u7aef\u7684\u6a21\u677f\u4e2d\uff0c\u5c07 CSS ID \u300ctop\u300d\u52a0\u5165\u6700\u9802\u7aef\u7684\u96c6\u5408\u3002\u5728\u7db2\u7ad9\u9801\u982d\u627e\u5230\u7b2c\u4e00\u500b\u96c6\u5408\uff0c\u4e26\u5c07\u5176\u9032\u968e CSS ID \u8a2d\u70ba\u9802\u7aef\u3002\u5982\u679c\u4f60\u7684\u7b2c\u4e00\u500b Setion \u8a2d\u5b9a\u70ba\u7f6e\u9802\u9802\uff08\u56fa\u5b9a\u5728\u9801\u9762\u9802\u7aef\uff09\uff0c\u8acb\u5728\u5b83\u4e0a\u65b9\u52a0\u5165\u4e00\u500b\u7a7a\u767d\u7684 Setion\uff0c\u4ee5\u8a2d\u5b9a CSS ID<\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/loyseo.com\/wp-content\/uploads\/2020\/09\/elementor-back-to-top-tutorial-2-.png\" alt=\"\" title=\"-\"><\/figure>\n\n<p class=\"wp-block-paragraph\">\u7b2c2\u6b65\uff1a\u5728\u9801\u9762\u5e95\u90e8\u6dfb\u52a0\u4e00\u500bsetion\uff0c\u653e\u5165\u4e00\u500bicon\u5143\u7d20\u4e26\u914d\u7f6e\u5b83<\/p>\n\n<p class=\"wp-block-paragraph\">1.\u5728\u9801\u9762\u5e95\u90e8\uff08footer\uff09\u7bc4\u672c\u4e2d\uff0c\u5728\u672b\u5c3e\u6dfb\u52a0\u4e00\u500bsetion<\/p>\n\n<p class=\"wp-block-paragraph\">2. \u5728\u8a2d\u5b9a\u4e2d\u653e\u7f6e\u5716\u793a\u5716\u793a\uff0c\u5c07\u5716\u793a\u6539\u70ba\u5411\u4e0a\u7bad\u982d\uff08\u641c\u5c0b\u7bad\u982d\uff09\uff0c\u8abf\u6574\u5716\u793a\u5927\u5c0f\u8207\u984f\u8272\uff0c\u4e26\u4ee5 #top \u586b\u6eff\u5716\u793a\u9023\u7d50;<br\/>\u5728\u5716\u793a\u7684\u9032\u968e\u8a2d\u5b9a\u4e2d\uff0c\u627e\u5230\u4f4d\u7f6e\uff0c\u8a2d\u5b9a\u70ba\u56fa\u5b9a\u3001\u53f3\u5c0d\u9f4a\u3001\u5e95\u90e8\u5c0d\u9f4a\uff0c\u5f9e\u53f3\u908a\u548c\u5e95\u90e8\u5c0d\u9f4a\u5404 10px<br\/>\uff08\u6ce8\u610f\uff1a\u4ee5\u4e0b\u6f38\u5c64\u52d5\u756b\u529f\u80fd\u53ea\u80fd\u5728\u4ed8\u8cbb\u7684 Elementor Pro \u4e0a\u4f7f\u7528\u3002\u5982\u679c\u4f60\u4f7f\u7528\u514d\u8cbb\u7248\u7684 Elementor\uff0c\u53ef\u4ee5\u8df3\u904e\u9019\u500b\u52d5\u756b\u3002\uff09\u7e7c\u7e8c\u9032\u5165\u9032\u968e\u8a2d\u5b9a\uff0c\u555f\u7528\u52d5\u614b\u7279\u6548\u7684\u6372\u52d5\u6548\u679c\uff0c\u9078\u64c7\u900f\u660e\u5ea6\uff08\u7dad\u6301\u9810\u8a2d\u8a2d\u5b9a\uff09\uff0c\u4e26\u8a2d\u5b9a\u6548\u679c\u76f8\u5c0d\u65bc \u9019\u662f\u89c0\u9ede<\/p>\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/loyseo.com\/wp-content\/uploads\/2020\/09\/elementor-back-to-top-tutorial-3-.png\" alt=\"elementor back to top tutorial 3 - &#x5982;&#x4F55;&#x7528;Elementor&#x88FD;&#x4F5C;Wordpress&#x7DB2;&#x7AD9;&#x7684;&#x8FD4;&#x56DE;&#x9802;&#x90E8;&#x6309;&#x9215;&#xFF08;3&#x5206;&#x9418;&#x89E3;&#x6C7A;&#xFF09;\" title=\"elementor back to top tutorial 3 - &#x5982;&#x4F55;&#x7528;Elementor&#x88FD;&#x4F5C;Wordpress&#x7DB2;&#x7AD9;&#x7684;&#x8FD4;&#x56DE;&#x9802;&#x90E8;&#x6309;&#x9215;&#xFF08;3&#x5206;&#x9418;&#x89E3;&#x6C7A;&#xFF09;\"\/><\/figure>\n\n<p class=\"wp-block-paragraph\">3.\u5c07icon\u6240\u5728column\u7684advanced padding\u90fd\u8a2d\u70ba0\uff0c\u5c07icon\u6240\u5728setion\u7684advanced margin top\u8a2d\u7f6e\u70ba-1\uff0c\u9019\u6a23\u9801\u9762\u5e95\u90e8\u5c31\u4e0d\u6703\u51fa\u73fe\u7a7a\u767d<\/p>\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/loyseo.com\/wp-content\/uploads\/2020\/09\/elementor-back-to-top-tutorial-1-.png\" alt=\"elementor back to top tutorial 1 - &#x5982;&#x4F55;&#x7528;Elementor&#x88FD;&#x4F5C;Wordpress&#x7DB2;&#x7AD9;&#x7684;&#x8FD4;&#x56DE;&#x9802;&#x90E8;&#x6309;&#x9215;&#xFF08;3&#x5206;&#x9418;&#x89E3;&#x6C7A;&#xFF09;\" title=\"elementor back to top tutorial 1 - &#x5982;&#x4F55;&#x7528;Elementor&#x88FD;&#x4F5C;Wordpress&#x7DB2;&#x7AD9;&#x7684;&#x8FD4;&#x56DE;&#x9802;&#x90E8;&#x6309;&#x9215;&#xFF08;3&#x5206;&#x9418;&#x89E3;&#x6C7A;&#xFF09;\"\/><\/figure>\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/loyseo.com\/wp-content\/uploads\/2020\/09\/elementor-back-to-top-tutorial-4-.png\" alt=\"elementor back to top tutorial 4 - &#x5982;&#x4F55;&#x7528;Elementor&#x88FD;&#x4F5C;Wordpress&#x7DB2;&#x7AD9;&#x7684;&#x8FD4;&#x56DE;&#x9802;&#x90E8;&#x6309;&#x9215;&#xFF08;3&#x5206;&#x9418;&#x89E3;&#x6C7A;&#xFF09;\" title=\"elementor back to top tutorial 4 - &#x5982;&#x4F55;&#x7528;Elementor&#x88FD;&#x4F5C;Wordpress&#x7DB2;&#x7AD9;&#x7684;&#x8FD4;&#x56DE;&#x9802;&#x90E8;&#x6309;&#x9215;&#xFF08;3&#x5206;&#x9418;&#x89E3;&#x6C7A;&#xFF09;\"\/><\/figure>\n\n<p class=\"wp-block-paragraph\">\u7b2c3\u6b65\uff1a\u5c07\u5716\u6a19\u8a2d\u7f6e\u70bainline<\/p>\n\n<p class=\"wp-block-paragraph\"><img decoding=\"async\" width=\"474\" height=\"1106\" src=\"https:\/\/loyseo.com\/wp-content\/uploads\/2021\/05\/image-124.png\" alt=\"\" title=\"-\"><\/p>\n\n<p class=\"wp-block-paragraph\">\u6b65\u9a5f\u56db\uff1a\u6e2c\u8a66\u300c\u56de\u5230\u9802\u7aef\u300d\u529f\u80fd\u3002\u6253\u958b\u9996\u9801\u4e26\u91cd\u65b0\u6574\u7406\u3002\u5f80\u9801\u9762\u6ed1\u52d5\uff0c\u4f60\u6703\u770b\u5230\u5716\u793a\u9010\u6f38\u51fa\u73fe\u5728\u53f3\u4e0b\u89d2\u3002\u9ede\u64ca\u5b83\uff0c\u4f60\u5c31\u80fd\u56de\u5230\u6700\u4e0a\u65b9\u3002  <\/p>\n\n<p class=\"wp-block-paragraph\">\u67e5\u770b\u66f4\u591a<a href=\"https:\/\/loyseo.com\/zh-hant\/tutorial\/elementor\/\">Elementor\u6559\u5b78<\/a><\/p>\n\n<h2 class=\"wp-block-heading\">\u5e38\u898b\u554f\u984c<\/h2>\n\n<p class=\"wp-block-paragraph\">\u5982\u679c\u4f60\u5c07\u9802\u90e8\u5c0e\u822a\u689d\u7684section\u8a2d\u7f6e\u4e86\u56fa\u5b9a\u5728\u9802\u90e8\uff08\u5373\u9801\u9762\u6efe\u52d5\u6642\uff0c\u5c0e\u822a\u689d\u4e00\u76f4\u5c55\u793a\u5728\u700f\u89bd\u5668\u4e2d\uff09\uff0c\u90a3\u8acb\u5728\u5c0e\u822a\u689d\u7684setion\u4e0a\u65b9\u65b0\u589e\u4e00\u500b\u7a7a\u767d\u7684setion\uff0c\u5c07\u5167\u90e8\u9593\u8dddpadding\u8a2d\u7f6e\u70ba0\uff0c\u5c07\u5c0e\u822a\u689d\u7684setion\u7684margin top\u8a2d\u7f6e\u70ba-1\uff0c\u7136\u5f8c\u5c07\u8fd4\u56de\u9802\u90e8\u7684css id\u8a2d\u7f6e\u5230\u6b64\u7a7a\u767dsetion\u4e2d\uff0c\u5426\u5247\u8fd4\u56de\u9802\u90e8\u6309\u9215\u5c07\u7121\u6cd5\u5be6\u73fe\u8fd4\u56de\u9802\u90e8\u529f\u80fd\u3002<\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>LOYSEO\u4f7f\u7528\u7684\u4e3b\u984c\u4e0d\u63d0\u4f9b\u7db2\u7ad9\u7684\u8fd4\u56de\u9802\u90e8\u6309\u9215\uff0c\u800c\u514d\u8cbb\u7684Elementor\u9801\u9762\u7de8\u8f2f\u5668\u5c31\u80fd\u89e3\u6c7a\u9019\u500b\u554f\u984c\uff0c\u53ea\u9700\u89813 [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":527749,"menu_order":144,"comment_status":"open","ping_status":"closed","template":"","class_list":["post-527466","tutorial","type-tutorial","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/loyseo.com\/zh-hant\/wp-json\/wp\/v2\/tutorial\/527466","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=527466"}],"up":[{"embeddable":true,"href":"https:\/\/loyseo.com\/zh-hant\/wp-json\/wp\/v2\/tutorial\/527749"}],"wp:attachment":[{"href":"https:\/\/loyseo.com\/zh-hant\/wp-json\/wp\/v2\/media?parent=527466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}