{"id":527724,"date":"2022-07-30T13:29:30","date_gmt":"2022-07-30T05:29:30","guid":{"rendered":"https:\/\/loyseo.com\/tutorial\/woodmart%e4%b8%bb%e9%a1%8c%e5%b0%8f%e9%83%a8%e4%bb%b6%e8%88%87%e5%81%b4%e9%82%8a%e6%ac%84\/"},"modified":"2023-08-24T18:13:34","modified_gmt":"2023-08-24T10:13:34","slug":"widgets-and-sidebars","status":"publish","type":"tutorial","link":"https:\/\/loyseo.com\/zh-hant\/tutorial\/woodmart\/theme-configuration\/widgets-and-sidebars\/","title":{"rendered":"Woodmart\u4e3b\u984c\u5c0f\u90e8\u4ef6\u8207\u5074\u908a\u6b04"},"content":{"rendered":"\n

Woodmart\u4e3b\u984c\u5074\u908a\u6b04<\/h2>\n\n

WoodMart\u4e3b\u984c<\/a>\u5728Appearance > Widgets<\/em>\u4e2d\u63d0\u4f9b\u4e86WordPress\u5efa\u7ad9<\/a>\u5e38\u7528\u7684\u5c0f\u90e8\u4ef6\u5340\u57df\uff1a<\/p>\n\n

\"Woodmart：小工具與側邊欄\"<\/figure>\n\n
  • \u4e3b\u8981\u5c0f\u90e8\u4ef6\u5340\u57df<\/strong>\uff1a\u9810\u8a2d\u60c5\u6cc1\u4e0b\uff0c\u6b64\u5c0f\u90e8\u4ef6\u5340\u57df\u61c9\u7528\u65bc\u535a\u5ba2\u6587\u7ae0\u9801\u9762\u3001\u6587\u7ae0\u8a73\u60c5\u9801\u3001\u4ee5\u53ca\u4efb\u4f55 WordPress \u9801\u9762\u3002 \u5982\u679c\u8981\u986f\u793a\u9019\u500b\u5074\u908a\u6b04\uff0c\u4f60\u9700\u8981\u5728Theme Settings -> General Layout<\/em>\u4e2d\u9032\u884c\u914d\u7f6e\uff0c\u8a2d\u7f6e\u70ba\u5c55\u793a\u201c\u53f3\u5074\u201d\/\u201c\u5de6\u5074\u201d\u5074\u908a\u6b04\u3002\"Woodmart：小部件與側邊欄\"<\/li>
  • \u5546\u5e97\u9801\u9762\u5c0f\u90e8\u4ef6\u5340\u57df<\/strong>\uff1a\u6b64\u5c0f\u90e8\u4ef6\u5340\u57df\u7528\u65bc\u5546\u5e97\u9996\u9801\u3001\u7522\u54c1\u985e\u5225\u9801\u9762\uff0c\u4f60\u9700\u8981\u5411\u6b64\u5340\u57df\u5167\u6dfb\u52a0 WooCommerce \u904e\u6ffe\u5668\u548c\u7522\u54c1\u985e\u5225\u5c0f\u90e8\u4ef6\u3002 \u70ba\u4e86\u5728\u5546\u5e97\u9801\u9762\u4e0a\u986f\u793a\u9019\u7a2e\u5074\u908a\u6b04\uff0c\u4f60\u9700\u8981\u5728Theme Settings -> Product archive -> Sidebar<\/em>\u4e2d\u8a2d\u7f6e\u5c55\u793a\u5728\u201c\u53f3\u5074\u201d\u6216\u201c\u5de6\u5074\u201d\u3002 \u540c\u6642\uff0c\u6b64\u9801\u9762\u9084\u63d0\u4f9b\u4e86Off canvas sidebar\u7684\u914d\u7f6e\uff0c\u4ee5\u4fbf\u53ef\u4ee5\u8a2d\u7f6e\u5728\u4e09\u7a2e\u8a2d\u5099\u4e0a\uff0c\u986f\u793a\u6216\u96b1\u85cf\u6ed1\u52d5\u51fa\u73fe\u7684\u5074\u908a\u6b04\u3002\"Woodmart：小部件與側邊欄\"<\/li>
  • \u55ae\u500b\u7522\u54c1\u9801\u9762\u5c0f\u90e8\u4ef6\u5340\u57df<\/strong>\uff1a\u6b64\u5c0f\u90e8\u4ef6\u5340\u57df\u50c5\u61c9\u7528\u65bc\u7522\u54c1\u9801\u9762\u3002 \u70ba\u4e86\u986f\u793a\u5074\u908a\u6b04\uff0c\u9700\u8981\u5728Theme Settings -> Product page<\/em>\u4e2d\u9032\u884c\u914d\u7f6e\u3002<\/li>
  • \u5546\u5e97\u904e\u6ffe\u5668<\/strong>\uff1a\u5728\u9eb5\u5305\u5c51\u548c\u7522\u54c1\u7db2\u683c\u5546\u5e97\u904e\u6ffe\u5668\u5c0f\u90e8\u4ef6\u4e4b\u9593\u7684\u5546\u5e97\u9801\u9762\u9802\u90e8\u53ef\u4ee5\u5728\u4e3b\u984c\u8a2d\u7f6e -> \u7522\u54c1\u5b58\u6a94 -> \u5546\u5e97\u7be9\u6aa2\u7a0b\u5f0f\u4e2d\u555f\u7528\u3002 \u6709\u4e00\u500b\u9078\u9805\u53ef\u4ee5\u4f7f\u8a72\u5340\u57df\u59cb\u7d42\u6253\u958b\u4e26\u5c07\u5176\u914d\u7f6e<\/em>\u70ba\u986f\u793a\u81ea\u5b9a\u7fa9\u5167\u5bb9 – HTML \u584a\u3002 \u70ba\u4e86\u986f\u793a\u81ea\u5b9a\u7fa9\u5167\u5bb9\uff08\u4fc3\u92b7\u6a6b\u5e45\u6216\u5176\u4ed6\u5167\u5bb9\uff09\uff0c\u9700\u8981\u5c07\u5546\u5e97\u904e\u6ffe\u5668\u5167\u5bb9\u985e\u578b\u8a2d\u7f6e\u70ba\u81ea\u5b9a\u7fa9\u5167\u5bb9\uff0c\u4e26\u5f9e\u5546\u5e97\u904e\u6ffe\u5668\u81ea\u5b9a\u7fa9\u5167\u5bb9\u4e0b\u62c9\u5217\u8868\u4e2d\u9078\u64c7\u9810\u5148\u5275\u5efa\u7684 HTML \u584a\u3002<\/li>
  • \u6211\u7684\u5e33\u6236\u9801\u9762\u5074\u908a\u6b04\uff1a\u6211\u7684\u5e33\u6236\u8a02\u55ae\u548c\u5176\u4ed6\u7528\u6236\u9801\u9762\u7684\u5c0f\u90e8\u4ef6\u5340\u57df\u3002<\/li>
  • \u5168\u5c4f\u83dc\u55ae\u5340\uff1a\u5982\u679c\u555f\u7528\u4e86\u5168\u5c4f\u83dc\u55ae\uff0c\u6b64\u5c0f\u90e8\u4ef6\u5c31\u6703\u751f\u6548\u3002<\/li>
  • \u79fb\u52d5\u83dc\u55ae\u540e\u7684\u5340\u57df\uff1a\u4f7f\u7528 WOODMART HTML \u584a\u5c0f\u90e8\u4ef6\uff0c\u53ef\u4ee5\u5c07\u4efb\u4f55\u81ea\u5b9a\u7fa9\u5167\u5bb9\u6dfb\u52a0\u5230\u884c\u52d5\u83dc\u55ae\u3002<\/li>
  • Footer Column 1, Footer Column 2, Footer Column 3… \u9019\u500b\u5c0f\u90e8\u4ef6\u5340\u57df\u7528\u65bc\u9801\u8173\u3002 \u5340\u57df\u7684\u6578\u91cf\u53d6\u6c7a\u65bc\u4e3b\u984c\u8a2d\u7f6e > \u9801\u8173 > \u4f48\u5c40\u4e2d\u7684\u914d\u7f6e\u3002 \u9801\u8173\u53ef\u4ee5\u5728 HTML \u584a\u4e2d\u5275\u5efa\uff0c\u5168\u90e8\u6216\u90e8\u5206\u7531\u5c0f\u90e8\u4ef6\u548c HTML \u584a\u5167\u5bb9\u7d44\u6210\u3002<\/li><\/ul>\n\n

    \u8003\u616e\u5230\u5141\u8a31\u70ba\u9801\u9762\u3001\u5e16\u5b50\u3001\u9805\u76ee\u8a2d\u7f6e\u4e0d\u540c\u5074\u908a\u6b04\u7684\u9078\u9805\uff0c\u53ef\u80fd\u9700\u8981\u984d\u5916\u7684\u5074\u908a\u6b04\uff08\u5c0f\u90e8\u4ef6\u5340\u57df\uff09\u3002 \u53ef\u4ee5\u5728Dashboard > Sidebars<\/em>\u4e2d\u5275\u5efa\u81ea\u5b9a\u7fa9\u5074\u908a\u6b04\u3002 \u4e00\u65e6\u5275\u5efa\u4e86\u5074\u908a\u6b04\uff0c\u5b83\u5c31\u6703\u51fa\u73fe\u5728Appearance > Widgets<\/em>\u7684\u5217\u8868\u4e2d\u3002<\/p>\n\n

    \u6700\u8fd1\u7684 WordPress \u66f4\u65b0\u5728\u4e00\u5217\u4e2d\u986f\u793a\u4e86\u73fe\u6709\u7684\u5c0f\u90e8\u4ef6\u5340\u57df\u3002 \u8981\u6dfb\u52a0\u5c0f\u90e8\u4ef6\uff0c\u9700\u8981\u6253\u958b\u5c0f\u90e8\u4ef6\u5340\u57df\u4e26\u6309\u201c+\u201d\uff0c\u7136\u5f8c\u63d2\u5165\u95dc\u9375\u5b57\u5c0f\u90e8\u4ef6\u6a19\u984c\u4ee5\u67e5\u627e\u4e26\u63d2\u5165\u3002 \u73fe\u5728\u5c0f\u90e8\u4ef6\u6dfb\u52a0\u5728\u53e4\u9a30\u5821\u5de5\u4f5c\u3002<\/p>\n\n

    \"Woodmart：小工具與側邊欄\"<\/figure>\n\n

    WoodMart\u5c0f\u90e8\u4ef6\/\u5c0f\u5de5\u5177<\/h3>\n\n
    • WOODMART WooCommerce \u5206\u5c64\u5c0e\u822a<\/li>
    • WOODMART WooCommerce \u6392\u5e8f\u4f9d\u64da<\/li>
    • WOODMART \u50f9\u683c\u7be9\u6aa2\u7a0b\u5f0f<\/li>
    • WOODMART AJAX \u641c\u7d22<\/li>
    • WOODMART \u7528\u6236\u9762\u677f<\/li>
    • WOODMART Instagram<\/li><\/ul>\n\n
      • WOODMART \u6a6b\u5e45<\/li>
      • WOODMART HTML \u584a<\/li>
      • WOODMART \u4f5c\u8005\u8cc7\u8a0a<\/li>
      • WOODMART \u6700\u8fd1\u7684\u5e16\u5b50<\/li>
      • WOODMART \u5074\u908a\u6b04\u8d85\u7d1a\u83dc\u55ae<\/li>
      • WOODMART \u63a8\u7279<\/li>
      • WOODMART \u5eab\u5b58\u72c0\u614b<\/li><\/ul>\n\n

        WoodMart \u5c0f\u90e8\u4ef6\u63d0\u4f9b\u4e86\u7368\u7279\u7684\u9078\u9805\uff0c\u4f8b\u5982 WOODMART WooCommerce \u5206\u5c64\u5c0e\u822a\u53ef\u4ee5\u9078\u64c7\u986f\u793a\u6b64\u904e\u6ffe\u5668\u7684\u985e\u5225\u3002 \u6b64\u5916\uff0c\u4e3b\u984c\u8a2d\u7f6e > \u5b58\u6a94\u9801\u9762 > \u5c0f<\/em>\u90e8\u4ef6\u4e2d\u63d0\u4f9b\u4e86\u5c0f\u90e8\u4ef6\u9078\u9805\uff0c\u4f8b\u5982\uff1a<\/p>\n\n

        • \u985e\u5225\u5c0f\u90e8\u4ef6\u7684\u5207\u63db\u529f\u80fd<\/strong>–\u6253\u958b\u5b83\u53ef\u70ba WooCommerce \u7522\u54c1\u985e\u5225\u5c0f\u90e8\u4ef6\u555f\u7528\u624b\u98a8\u7434 JS\u3002 \u5982\u679c\u60a8\u6709\u5f88\u591a\u985e\u5225\u548c\u5b50\u985e\u5225\uff0c\u9019\u5f88\u6709\u7528\u3002 <\/em><\/li>
        • \u6efe\u52d5\u904e\u6ffe\u5668\u5c0f\u90e8\u4ef6<\/strong>– \u6309\u9ad8\u5ea6\u9650\u5236\u5206\u5c64\u5c0e\u822a\u5c0f\u90e8\u4ef6\u4f75\u70ba\u5b83\u5011\u555f\u7528\u6f02\u4eae\u7684\u6efe\u52d5\u3002 \u5982\u679c\u6709\u5f88\u591a\u7522\u54c1\u984f\u8272\/\u5c3a\u5bf8\u6216\u7be9\u6aa2\u7a0b\u5f0f\u7684\u5176\u4ed6\u5c6c\u6027\uff0c\u5247\u5f88\u6709\u7528\u3002<\/li>
        • \u904e\u6ffe\u5668\u5c0f<\/strong>\u90e8\u4ef6\u7684\u9ad8\u5ea6 – \u4ee5\u50cf\u7d20\u70ba\u55ae\u4f4d\u8a2d\u7f6e\u5c0f\u90e8\u4ef6\u9ad8\u5ea6\u3002<\/li><\/ul>\n\n
          \"Woodmart：小工具與側邊欄\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

          Woodmart\u4e3b\u984c\u5074\u908a\u6b04 WoodMart\u4e3b\u984c\u5728Appearance > Widgets\u4e2d\u63d0\u4f9b\u4e86WordPress\u5efa\u7ad9\u5e38\u7528\u7684\u5c0f\u90e8\u4ef6\u5340\u57df\uff1a \u4e3b\u8981\u5c0f\u90e8\u4ef6\u5340\u57df\uff1a\u9810\u8a2d\u60c5\u6cc1\u4e0b\uff0c\u6b64\u5c0f\u90e8\u4ef6\u5340\u57df\u61c9\u7528\u65bc\u535a\u5ba2\u6587\u7ae0\u9801\u9762\u3001\u6587\u7ae0\u8a73\u60c5\u9801\u3001\u4ee5\u53ca\u4efb\u4f55 WordPress \u9801\u9762\u3002 \u5982\u679c\u8981\u986f\u793a\u9019\u500b\u5074\u908a\u6b04\uff0c\u4f60\u9700\u8981\u5728Theme Settings -> General Layout\u4e2d\u9032\u884c\u914d\u7f6e\uff0c\u8a2d\u7f6e\u70ba\u5c55\u793a\u201c\u53f3\u5074\u201d\/\u201c\u5de6\u5074\u201d\u5074\u908a […]<\/p>\n","protected":false},"featured_media":0,"parent":527767,"menu_order":235,"comment_status":"closed","ping_status":"closed","template":"","hf_cat_tutorial":[],"class_list":["post-527724","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\/527724","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=527724"}],"version-history":[{"count":0,"href":"https:\/\/loyseo.com\/zh-hant\/wp-json\/wp\/v2\/tutorial\/527724\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/loyseo.com\/zh-hant\/wp-json\/wp\/v2\/tutorial\/527767"}],"wp:attachment":[{"href":"https:\/\/loyseo.com\/zh-hant\/wp-json\/wp\/v2\/media?parent=527724"}],"wp:term":[{"taxonomy":"hf_cat_tutorial","embeddable":true,"href":"https:\/\/loyseo.com\/zh-hant\/wp-json\/wp\/v2\/hf_cat_tutorial?post=527724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}