{"id":527398,"date":"2021-04-12T20:14:34","date_gmt":"2021-04-12T12:14:34","guid":{"rendered":"https:\/\/loyseo.com\/%e5%a6%82%e4%bd%95%e7%94%a8elementor-pro%e8%a8%ad%e8%a8%88woocommerce%e7%94%a2%e5%93%81%e5%88%86%e9%a1%9e%e5%92%8c%e7%94%a2%e5%93%81%e6%a8%99%e7%b1%a4%e5%81%b4%e9%82%8a%e6%ac%84%e7%9a%84%e6%a8%a3\/"},"modified":"2024-06-15T17:29:15","modified_gmt":"2024-06-15T09:29:15","slug":"how-to-style-woocommerce-product-category-and-product-label-sidebar-with-elementor-pro","status":"publish","type":"tutorial","link":"https:\/\/loyseo.com\/zh-hant\/tutorial\/elementor\/how-to-style-woocommerce-product-category-and-product-label-sidebar-with-elementor-pro\/","title":{"rendered":"\u5982\u4f55\u7528Elementor Pro\u8a2d\u8a08WooCommerce\u7522\u54c1\u5206\u985e\u548c\u7522\u54c1\u6a19\u7c64\u5074\u908a\u6b04\u7684\u6a23\u5f0f"},"content":{"rendered":"\n<p>WooCommerce\u7522\u54c1\u5206\u985e\u548c\u7522\u54c1\u6a19\u7c64\u5074\u908a\u6b04\u7684\u6a23\u5f0f\u662f\u8ddf\u96a8\u4e3b\u984c\u8a2d\u8a08\u7684\uff0c\u901a\u5e38\u6c92\u6709\u8a2d\u8a08\u6a23\u5f0f\u529f\u80fd\u3002 \u5982\u4e0b\u5716\u6240\u793a\uff0c\u5b83\u662f\u6211\u7528Hello Elementor\u4e3b\u984c+ <a href=\"https:\/\/loyseo.com\/zh-hant\/tutorial\/elementor\/creating-a-woocommerce-archive-template-with-elementor-pro\/\" class=\"rank-math-link\">Elementor Pro\u88fd\u4f5c\u7684\u7522\u54c1\u5217\u8868\u7bc4\u672c<\/a>\uff0c\u5728\u5de6\u5074\u7684\u5074\u908a\u6b04\u91cc\u5305\u542b\u4e86\u7522\u54c1\u5206\u985e\u548c\u7522\u54c1\u6a19\u7c64\u3002 \u63a5\u4e0b\u4f86\uff0c\u6211\u5011\u5c31\u8b1b\u5982\u4f55\u7528Elementor Pro\u4f86\u5c07\u6a23\u5f0f\u8a2d\u7f6e\u70ba\u4e0b\u5716\u6240\u793a\u7684\u6a21\u6a23\u3002<\/p>\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1577\" height=\"1024\" src=\"https:\/\/loyseo.com\/wp-content\/uploads\/2021\/04\/image-1.png\" alt=\"\" class=\"wp-image-509990\" title=\"-\"><\/figure>\n\n<p>\u9996\u5148\uff0c\u6211\u5011\u7528\u8996\u983b\u8b1b\u89e3\u5982\u4f55\u8a2d\u8a08\u7522\u54c1\u5206\u985e\u7684\u6a23\u5f0f<\/p>\n\n<iframe frameborder=\"0\" src=\"https:\/\/v.qq.com\/txp\/iframe\/player.html?vid=y3239a0j33y\" allowfullscreen=\"true\" height=\"600px\"><\/iframe>\n\n<p>\u7136\u5f8c\uff0c\u91dd\u5c0d\u7522\u54c1\u5206\u985e\u7684custom css\u5982\u4e0b\uff1a<\/p>\n\n<p>\u4e0b\u9762\u7684\u4ee3\u78bc\u4e2d\uff0c#cateside\u662fcss id\uff0c\u8981\u4fdd\u6301\u5176\u552f\u4e00\u6027\uff0c\u5176\u4ed6\u5730\u65b9\u5982\u679c\u4e5f\u7528\u5230css id\uff0c\u8981\u8207\u5176\u4e0d\u540c\u540d; \u6b64\u5916\uff0c\u5982\u679c\u4f60\u4e0d\u9700\u8981\u5b9a\u7fa9\u5b57\u578b\u5927\u5c0f\u6216\u8005\u5b57\u9ad4\uff0c\u53ef\u4ee5\u5c07\u4e0b\u65b9\u4ee3\u78bc\u91cc\u7684\u5c0d\u61c9\u884c\u522a\u9664\u3002 \u8b6c\u5982font-family\uff0c\u6211\u5c31\u5efa\u8b70\u4e0d\u8981\u7528\uff0c\u63a1\u7528\u4e3b\u984c\u9810\u8a2d\u7684\u5b57\u9ad4\u8a2d\u7f6e\uff0c\u5373\u4fdd\u6301\u8ddf\u4e3b\u984c\u7684\u5b57\u9ad4\u4e00\u81f4\u5373\u53ef\u3002<\/p>\n\n<pre class=\"wp-block-code\"><code>#cateside li{\n    line-height: 20px;\/*\u6587\u5b57\u7684\u884c\u9ad8*\/\n    font-size: 18px;\/*\u5b57\u4f53\u5927\u5c0f*\/\n    font-family: Comic Sans MS;\/*\u5b57\u4f53*\/\n}\n#cateside h5{\n    font-size: 24px;\/*\u6807\u9898\u5b57\u4f53\u5927\u5c0f*\/\n    font-family: Comic Sans MS;\/*\u6807\u9898\u5b57\u4f53*\/\n    font-weight: 900;\/*\u6807\u9898\u7c97\u7ec6*\/\n    color:#333;\/*\u5b57\u4f53\u989c\u8272*\/\n}<\/code><\/pre>\n\n<p>\u800c\u7522\u54c1\u6a19\u7c64\u7684custom css\u5982\u4e0b\uff0c\u5176\u4ed6\u8af8\u5982\u80cc\u666f\u3001\u908a\u6846\u6295\u5f71\u3001\u5167\u908a\u8ddd\u7684\u8a2d\u8a08\u65b9\u6cd5\u8207\u7522\u54c1\u5206\u985e\u7684\u64cd\u4f5c\u662f\u4e00\u6a23\u7684\uff0c\u6211\u5c31\u4e0d\u518d\u63d0\u4f9b\u8996\u983b\u4e86\u3002<\/p>\n\n<pre class=\"wp-block-code\"><code>.tagcloud a{\n    font-size: 15px!important;\/*\u5b57\u4f53\u5927\u5c0f*\/\n    border: 1px solid #ddd;\/*\u8fb9\u6846\u7c97\u7ec6\u3001\u7ebf\u578b\u3001\u989c\u8272*\/\n    padding:7px 10px;\/*\u6587\u5b57\u4e0e\u8fb9\u6846\u7684\u4e0a\u4e0b\u3001\u5de6\u53f3\u95f4\u8ddd*\/\n    margin: 0 5px 10px 0;\/*\u6807\u7b7e\u7684\u4e0a\u3001\u53f3\u3001\u4e0b\u3001\u5de6\u4fa7\u7684\u5916\u8fb9\u8ddd*\/\n    display: inline-block;\/*\u6807\u7b7e\u8bbe\u4e3a\u4e86\u884c\u5185\u7684\u5757\u5143\u7d20*\/\n}\n\n.tagcloud a:hover{\n    background-color: #000;\/*\u9f20\u6807\u60ac\u6d6e\u4e8e\u6807\u7b7e\u65f6\u7684\u80cc\u666f\u8272*\/\n    color:#fff;\/*\u9f20\u6807\u60ac\u6d6e\u4e8e\u6807\u7b7e\u65f6\u7684\u6587\u5b57\u989c\u8272*\/\n}<\/code><\/pre>\n\n<p>\u63a8\u85a6\u67e5\u770b<a href=\"https:\/\/loyseo.com\/zh-hant\/build-website-with-elementor\/\" class=\"rank-math-link\">Elementor\u67b6\u8a2d\u4f01\u696d\u7db2\u7ad9\u6559\u5b78<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WooCommerce\u7522\u54c1\u5206\u985e\u548c\u7522\u54c1\u6a19\u7c64\u5074\u908a\u6b04\u7684\u6a23\u5f0f\u662f\u8ddf\u96a8\u4e3b\u984c\u8a2d\u8a08\u7684\uff0c\u901a\u5e38\u6c92\u6709\u8a2d\u8a08\u6a23\u5f0f\u529f\u80fd\u3002 \u5982\u4e0b\u5716\u6240\u793a\uff0c\u5b83\u662f\u6211\u7528Hello Elementor\u4e3b\u984c+ Elementor Pro\u88fd\u4f5c\u7684\u7522\u54c1\u5217\u8868\u7bc4\u672c\uff0c\u5728\u5de6\u5074\u7684\u5074\u908a\u6b04\u91cc\u5305\u542b\u4e86\u7522\u54c1\u5206\u985e\u548c\u7522\u54c1\u6a19\u7c64\u3002 \u63a5\u4e0b\u4f86\uff0c\u6211\u5011\u5c31\u8b1b\u5982\u4f55\u7528Elementor Pro\u4f86\u5c07\u6a23\u5f0f\u8a2d\u7f6e\u70ba\u4e0b\u5716\u6240\u793a\u7684\u6a21\u6a23\u3002 \u9996\u5148\uff0c\u6211\u5011\u7528\u8996\u983b\u8b1b\u89e3\u5982\u4f55\u8a2d\u8a08\u7522\u54c1\u5206\u985e\u7684\u6a23\u5f0f \u7136\u5f8c\uff0c\u91dd\u5c0d\u7522\u54c1\u5206\u985e\u7684custom  [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":527749,"menu_order":202,"comment_status":"open","ping_status":"open","template":"","hf_cat_tutorial":[100534],"class_list":["post-527398","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\/527398","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=527398"}],"version-history":[{"count":0,"href":"https:\/\/loyseo.com\/zh-hant\/wp-json\/wp\/v2\/tutorial\/527398\/revisions"}],"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=527398"}],"wp:term":[{"taxonomy":"hf_cat_tutorial","embeddable":true,"href":"https:\/\/loyseo.com\/zh-hant\/wp-json\/wp\/v2\/hf_cat_tutorial?post=527398"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}