{"id":1371,"date":"2025-09-19T11:47:55","date_gmt":"2025-09-19T03:47:55","guid":{"rendered":"https:\/\/taiwan.wordcamp.org\/2025\/?post_type=wcb_session&#038;p=1371"},"modified":"2025-09-23T20:49:32","modified_gmt":"2025-09-23T12:49:32","slug":"%e5%be%9e-wordpress-components-%e9%96%8b%e5%a7%8b%ef%bc%8c%e6%89%93%e9%80%a0%e4%bd%a0%e8%87%aa%e5%b7%b1%e7%9a%84%e5%8d%80%e5%a1%8a%e5%a4%96%e6%8e%9b","status":"publish","type":"wcb_session","link":"https:\/\/taiwan.wordcamp.org\/2025\/session\/%e5%be%9e-wordpress-components-%e9%96%8b%e5%a7%8b%ef%bc%8c%e6%89%93%e9%80%a0%e4%bd%a0%e8%87%aa%e5%b7%b1%e7%9a%84%e5%8d%80%e5%a1%8a%e5%a4%96%e6%8e%9b\/","title":{"rendered":"\u5f9e WordPress Components \u958b\u59cb\uff0c\u6253\u9020\u4f60\u81ea\u5df1\u7684\u5340\u584a\u5916\u639b"},"content":{"rendered":"\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-contrast-2-color has-text-color has-link-color has-small-font-size wp-elements-2d37847c7ed9b1220a4c5c71f18662f6\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;line-height:1.8\">\u6211\u5c07\u5e36\u4f86\u6211\u958b\u767c\u5340\u584a\u5916\u639b\u7684\u5be6\u6230\u7d93\u9a57\uff0c\u5206\u4eab\u5982\u4f55\u5584\u7528@wordpress\/components \u6253\u9020\u5b8c\u5168\u6574\u5408\u5340\u584a\u7de8\u8f2f\u5668\u7684 LMS \u6559\u5b78\u7cfb\u7d71\u3002<\/p>\n\n\n\n<p class=\"has-contrast-2-color has-text-color has-link-color has-small-font-size wp-elements-2fd02cccd72f4523d30f3ee53c57ddc9\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;line-height:1.8\">\u5f9e WordPress \u63d0\u4f9b\u7684 Components \u5eab\u51fa\u767c\uff0c\u6253\u9020\u51fa\u539f\u751f\u3001\u8f15\u91cf\u3001\u597d\u7dad\u8b77\u7684\u524d\u5f8c\u53f0\u4e92\u52d5\u4ecb\u9762\u3002\u672c\u6b21\u5c07\u5be6\u969b\u4ecb\u7d39\u5982\u4f55\u4f7f\u7528 Components \u5feb\u901f\u69cb\u5efa\u5340\u584a UI\u3001\u7ba1\u7406\u81ea\u8a02\u6b04\u4f4d\uff0c\u4e26\u5206\u4eab\u6211\u5728\u958b\u767c\u904e\u7a0b\u4e2d\u9047\u5230\u7684\u6280\u8853\u6311\u6230\u8207\u89e3\u6cd5\u3002<\/p>\n<\/div>\n\n\n<ul class=\"wordcamp-block wordcamp-post-list has-layout-list wordcamp-speakers\"><li class=\"wordcamp-post-list__post wordcamp-clearfix\">\n<div class=\"wordcamp-speaker wordcamp-speakers__post slug-%e6%9d%8e%e6%9d%b1%e9%9c%96-tunglin-li\">\n\t<h3 class=\"wordcamp-block__item-title wordcamp-speakers__title\"><a href=\"https:\/\/taiwan.wordcamp.org\/2025\/speaker\/%e6%9d%8e%e6%9d%b1%e9%9c%96-tunglin-li\/\">\u674e\u6771\u9716 TungLin Li<\/a><\/h3>\n\t\t\t<div class=\"wordcamp-image__avatar-container align-left\">\n\t\t\t<a href=\"https:\/\/taiwan.wordcamp.org\/2025\/speaker\/%e6%9d%8e%e6%9d%b1%e9%9c%96-tunglin-li\/\" class=\"wordcamp-image__avatar-link\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/secure.gravatar.com\/avatar\/d6e578f9124451187aaa260bc93ab8f2a066f8664b1d3a00562d75d38e18dfb6?s=150&amp;d=mm&amp;r=g\" alt=\"Avatar of \u674e\u6771\u9716 TungLin Li\" \/>\t\t\t<\/a>\n\t\t<\/div>\n\t\n\t\t\t<div class=\"wordcamp-block__item-content wordcamp-speakers__content is-full\"><p>\u4f60\u597d\uff0c\u6211\u662f\u6771\u9716\uff0c\u662f\u4e00\u540d\u7dda\u4e0a\u8ab2\u7a0b\u8001\u5e2b\uff0c\u5c08\u6ce8\u65bc\u5c07\u8907\u96dc\u7684\u8edf\u9ad4\u8207\u7db2\u7ad9\u77e5\u8b58\u62c6\u89e3\u6210\u6709\u908f\u8f2f\u3001\u53ef\u64cd\u4f5c\u7684\u5b78\u7fd2\u5167\u5bb9\u3002\u7d2f\u7a4d WordPress \u5b78\u54e1\u76f8\u95dc\u8ab2\u7a0b\u7684\u5b78\u54e1\u8d85\u904e 8,000 \u4eba\uff0cYouTube \u983b\u9053\u8a02\u95b1\u4eba\u6578\u8d85\u904e 12,000\u3002<br \/>\u8ab2\u7a0b\u4e3b\u984c\u6db5\u84cb WordPress \u7db2\u7ad9\u67b6\u8a2d\u3001\u7db2\u7ad9\u901f\u5ea6\u512a\u5316\u3001WooCommerce \u96fb\u5546\u5e73\u53f0\u3001SEO \u641c\u5c0b\u5f15\u64ce\u512a\u5316\u7b49\uff0c\u4e26\u6301\u7e8c\u4ee5\u6559\u80b2\u5c08\u9577\u8207\u8edf\u9ad4\u5be6\u52d9\u7d93\u9a57\uff0c\u5354\u52a9\u5b78\u54e1\u63d0\u5347\u7db2\u7ad9\u8207\u6578\u4f4d\u6280\u80fd\u3002<\/p>\n<ul class=\"wp-block-social-links is-style-pill-shape is-layout-flex wp-block-social-links-is-layout-flex\">\n<li class=\"wp-social-link wp-social-link-chain  wp-block-social-link\"><a rel=\"noopener nofollow\" target=\"_blank\" href=\"https:\/\/wpaboveaverage.com\/\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M15.6,7.2H14v1.5h1.6c2,0,3.7,1.7,3.7,3.7s-1.7,3.7-3.7,3.7H14v1.5h1.6c2.8,0,5.2-2.3,5.2-5.2,0-2.9-2.3-5.2-5.2-5.2zM4.7,12.4c0-2,1.7-3.7,3.7-3.7H10V7.2H8.4c-2.9,0-5.2,2.3-5.2,5.2,0,2.9,2.3,5.2,5.2,5.2H10v-1.5H8.4c-2,0-3.7-1.7-3.7-3.7zm4.6.9h5.3v-1.5H9.3v1.5z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">Link<\/span><\/a><\/li>\n<li class=\"wp-social-link wp-social-link-facebook  wp-block-social-link\"><a rel=\"noopener nofollow\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/wpaboveaverage\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">Facebook<\/span><\/a><\/li>\n<li class=\"wp-social-link wp-social-link-youtube  wp-block-social-link\"><a rel=\"noopener nofollow\" target=\"_blank\" href=\"https:\/\/www.youtube.com\/@wpaboveaverage\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">YouTube<\/span><\/a><\/li>\n<\/ul>\n<\/div>\t\n\t<\/div>\n\n<\/li><\/ul>\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u5728\u9019\u5834\u5206\u4eab\u4e2d\uff0c\u6211\u5c07\u5e36\u4f86\u6211\u958b\u767c\u5340\u584a\u5916\u639b\u7684\u5be6\u6230\u7d93\u9a57\uff0c\u5206\u4eab\u5982\u4f55\u5584\u7528 @wordpress\/components \u6253\u9020\u4e00\u500b\u5b8c\u5168\u6574\u5408\u5340\u584a\u7de8\u8f2f\u5668\u7684 LMS \u6559\u5b78\u7cfb\u7d71\u3002\u5f9e WordPress \u63d0\u4f9b\u7684 Components \u5eab\u51fa\u767c\uff0c\u6253\u9020\u51fa\u539f\u751f\u3001\u8f15\u91cf\u3001\u597d\u7dad\u8b77\u7684\u524d\u5f8c\u53f0\u4e92\u52d5\u4ecb\u9762\u3002\u672c\u6b21\u5c07\u5be6\u969b\u4ecb\u7d39\u5982\u4f55\u4f7f\u7528 Components \u5feb\u901f\u69cb\u5efa\u5340\u584a UI\u3001\u7ba1\u7406\u81ea\u8a02\u6b04\u4f4d\uff0c\u4e26\u5206\u4eab\u6211\u5728\u958b\u767c\u904e\u7a0b\u4e2d\u9047\u5230\u7684\u6280\u8853\u6311\u6230\u8207\u89e3\u6cd5\u3002\u5982\u679c\u4f60\u4e5f\u60f3\u5f9e\u96f6\u6253\u9020\u81ea\u5df1\u7684\u5340\u584a\u5916\u639b\uff0c\u6216\u8005\u6b63\u5728\u601d\u8003\u5982\u4f55\u8b93\u81ea\u5df1\u7684 Plugin \u66f4\u7b26\u5408 WordPress \u7684\u8a2d\u8a08\u8a9e\u8a00\uff0c\u9019\u5834\u5206\u4eab\u5c07\u5e36\u4f60\u770b\u898b\u5340\u584a\u958b\u767c\u7684\u53ef\u80fd\u6027\u8207\u6a02\u8da3\u3002<\/p>\n","protected":false},"author":17118351,"featured_media":0,"template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_wcpt_session_time":1762580400,"_wcpt_session_duration":2400,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[1247],"footnotes":""},"session_track":[55],"session_category":[73,65],"class_list":["post-1371","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-304b","wcb_session_category-advanced","wcb_session_category-development"],"jetpack_sharing_enabled":true,"session_date_time":{"date":"2025-11-08","time":"13:40"},"session_speakers":[{"id":"1247","slug":"%e6%9d%8e%e6%9d%b1%e9%9c%96-tunglin-li","name":"\u674e\u6771\u9716 TungLin Li","link":"https:\/\/taiwan.wordcamp.org\/2025\/speaker\/%e6%9d%8e%e6%9d%b1%e9%9c%96-tunglin-li\/"}],"session_cats_rendered":"\u9032\u968e, \u958b\u767c","_links":{"self":[{"href":"https:\/\/taiwan.wordcamp.org\/2025\/wp-json\/wp\/v2\/sessions\/1371","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taiwan.wordcamp.org\/2025\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/taiwan.wordcamp.org\/2025\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":27,"href":"https:\/\/taiwan.wordcamp.org\/2025\/wp-json\/wp\/v2\/sessions\/1371\/revisions"}],"predecessor-version":[{"id":1911,"href":"https:\/\/taiwan.wordcamp.org\/2025\/wp-json\/wp\/v2\/sessions\/1371\/revisions\/1911"}],"speakers":[{"embeddable":true,"href":"https:\/\/taiwan.wordcamp.org\/2025\/wp-json\/wp\/v2\/speakers\/1247"}],"author":[{"embeddable":true,"href":"https:\/\/taiwan.wordcamp.org\/2025\/wp-json\/wporg\/v1\/users\/chopperbell"}],"wp:attachment":[{"href":"https:\/\/taiwan.wordcamp.org\/2025\/wp-json\/wp\/v2\/media?parent=1371"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/taiwan.wordcamp.org\/2025\/wp-json\/wp\/v2\/session_track?post=1371"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/taiwan.wordcamp.org\/2025\/wp-json\/wp\/v2\/session_category?post=1371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}