Title: SVG Editor: Upload & Change Colors Author: Digages Published: 2025 年 4 月 11 日 Last modified: 2026 年 7 月 27 日 --- 搜尋外掛 ![](https://ps.w.org/svg-editor/assets/banner-772x250.png?rev=3271279) ![](https://ps.w.org/svg-editor/assets/icon-256x256.png?rev=3271279) # SVG Editor: Upload & Change Colors 由 [Digages](https://profiles.wordpress.org/digages/) 開發 [下載](https://downloads.wordpress.org/plugin/svg-editor.1.1.zip) * [詳細資料](https://tw.wordpress.org/plugins/svg-editor/#description) * [使用者評論](https://tw.wordpress.org/plugins/svg-editor/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/svg-editor/#installation) * [開發資訊](https://tw.wordpress.org/plugins/svg-editor/#developers) [技術支援](https://wordpress.org/support/plugin/svg-editor/) ## 外掛說明 SVG Editor adds native support for uploading and editing SVG (Scalable Vector Graphics) directly within your WordPress Media Library. Easily change the colors of your favorite icons, images, and vector assets without needing any external design software. Whether you’re a web designer, developer, or content creator, SVG Editor is here to simplify your workflow and save you time. **Features:** * **Enable SVG Uploads**: Allows you to safely upload SVG files to your WordPress site. * **View SVGs in Media Library**: Preview your SVG files directly within the WordPress Media Library. * **Native WordPress Integration**: Works seamlessly within the WordPress Media Library. * **Simple Color Editing**: Change SVG colors with our intuitive interface. * **Sanitized SVGs**: Automatically cleans SVG code to prevent security risks and ensure safe usage. * **Preserves SVG Integrity**: Maintains the scalability and quality of your vector graphics. * **Mobile Responsive**: Easily edit SVG on the go. **About Digages:** SVG Editor is a free and open-source plugin developed and maintained by [Digages](https://digages.com/). We’re committed to creating tools that make WordPress more powerful and easier to use. [Donate Now](https://digages.com/donate/) | [Visit Website](https://digages.com/) **What’s Next?:** If you like this plugin, then consider checking out our other plugins: * [Direct Payments for WooCommerce – Bank Transfer, Mobile Money, Crypto and Peer-to-Peer (P2P) Payments](https://wordpress.org/plugins/direct-payments-for-woocommerce/) * [Direct Payments WP – Receive Payments with Forms](https://wordpress.org/plugins/direct-payments-wp/) * [Direct Invoices – Invoicing & Payment Requests for WordPress](https://wordpress.org/plugins/digages-direct-invoices/) * [Engraver for WooCommerce – Personalize and Customize WooCommerce Products](https://wordpress.org/plugins/digages-engraver/) * [APL – Auto-Pickup Locations for WooCommerce](https://wordpress.org/plugins/auto-pickup-locations-for-woocommerce/) * [Digages Role Manager – User Roles & Permissions](https://wordpress.org/plugins/digages-role-manager/) * [SVG Editor: Upload & Change Colors](https://wordpress.org/plugins/svg-editor/) * [Digages Website Monitor](https://wordpress.org/plugins/digages-website-monitor/) * [Digages Restock Alert](https://wordpress.org/plugins/digages-restock-alert/) ### External API Notice This plugin optionally connects to an external API to fetch additional plugin listings. The core functionality of the plugin is fully independent and remains unaffected if the API is not used. We value user privacy and ensure that no personal or sensitive data is sent to the external API. ## 螢幕擷圖 [⌊SVG Editor main interface⌉⌊SVG Editor main interface⌉[ SVG Editor main interface [⌊Editing an icon in SVG Editor⌉⌊Editing an icon in SVG Editor⌉[ Editing an icon in SVG Editor [⌊Customizing the WooCommerce logo⌉⌊Customizing the WooCommerce logo⌉[ Customizing the WooCommerce logo [⌊Customizing the Digages logo⌉⌊Customizing the Digages logo⌉[ Customizing the Digages logo [⌊Integration with the Native Media Library⌉⌊Integration with the Native Media Library⌉[ Integration with the Native Media Library ## 安裝方式 Using The WordPress Dashboard: * Go to **WordPress Admin > Plugins > Add New Plugin** from the left-hand menu. * In the search box, type **SVG Editor**. * Click on **Install Now** when you see the SVG Editor plugin by Digages. * After installation, click **Activate**. Manual Installation: * Go to **WordPress Admin > Plugins > Add New Plugin** from the left-hand menu. * Click the **Upload Plugin** button. * Choose `svg-editor.zip` from your computer and click **Install Now**. * After installation, click **Activate**. ## 常見問題集 ### How does it work? After installation and activation, simply navigate to **WordPress Admin > Media > SVG Editor**. There, you can either select from your existing media library or upload new SVG files to open the editor interface. Using our intuitive color picker, you can change colors and preview your modifications in real-time. Once you’re satisfied with your customized SVG, click “Save Changes” and use it anywhere on your WordPress site. ### Does SVG Editor integrate directly with WordPress? Yes! SVG Editor seamlessly integrates with WordPress. Once activated, you’ll see an “Edit SVG” button appear on all compatible SVG files in your media library. ### Can I disable the external API requests? Yes, the external API requests are optional and do not affect core functionality. ## 使用者評論 ![](https://secure.gravatar.com/avatar/fbce2d2c72ae487ddf28180c3d80dd6177ebf66f9b7ca3a2ab2c8bb517b29a50? s=60&d=retro&r=g) ### 󠀁[Amazing](https://wordpress.org/support/topic/amazing-4117/)󠁿 [chukwuyem](https://profiles.wordpress.org/chukwuyem/) 2025 年 4 月 15 日 this plugin is the best, increases my productivity. ![](https://secure.gravatar.com/avatar/3ed7faa6458f90d261eb94b6b1302e93a8093cf87aa444e9f950c7bd23dd0e96? s=60&d=retro&r=g) ### 󠀁[Smooth](https://wordpress.org/support/topic/smooth-86/)󠁿 [frayzes](https://profiles.wordpress.org/frayzes/) 2025 年 4 月 15 日 sped up my workflow. What would have taken me hours to do, with this plugin, I did it in seconds ![](https://secure.gravatar.com/avatar/7c4a1ee981acac6e1dde4f15226eda52c97fb26c2d8f31286b1ae74b3ea47b1f? s=60&d=retro&r=g) ### 󠀁[First of its kind](https://wordpress.org/support/topic/first-of-its-kind-2/)󠁿 [olamilekan09](https://profiles.wordpress.org/olamilekan09/) 2025 年 4 月 12 日 This is super amazing! now able to edit SVG files directly on wordpress. [ 閱讀全部 3 則使用者評論 ](https://wordpress.org/support/plugin/svg-editor/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈SVG Editor: Upload & Change Colors〉的開發相關工作。 參與者 * [ Digages ](https://profiles.wordpress.org/digages/) * [ Timileyin Olabajo ](https://profiles.wordpress.org/timleyi/) 〈SVG Editor: Upload & Change Colors〉外掛目前已有 1 個本地化語言版本。 感謝[全部譯者](https://translate.wordpress.org/projects/wp-plugins/svg-editor/contributors) 為這個外掛做出的貢獻。 [將〈SVG Editor: Upload & Change Colors〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/svg-editor) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/svg-editor/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/svg-editor/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/svg-editor/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/svg-editor/)。 ## 變更記錄 #### 1.1 * Allows upload of svg files without using extra plugins ## 中繼資料 * 版本 **1.1** * 最後更新 **1 個月前** * 啟用安裝數 **100+** * WordPress 版本需求 ** 5.0 或更新版本 ** * 已測試相容的 WordPress 版本 **7.0.4** * PHP 版本需求 ** 7.0 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/svg-editor/) 及 [Russian](https://ru.wordpress.org/plugins/svg-editor/). * [將這個外掛本地化為你的母語版本](https://translate.wordpress.org/projects/wp-plugins/svg-editor) * 標籤: * [editor](https://tw.wordpress.org/plugins/tags/editor/)[media](https://tw.wordpress.org/plugins/tags/media/) [mime](https://tw.wordpress.org/plugins/tags/mime/)[SVG](https://tw.wordpress.org/plugins/tags/svg/) [Vector](https://tw.wordpress.org/plugins/tags/vector/) * [進階檢視](https://tw.wordpress.org/plugins/svg-editor/advanced/) ## 評分 5 星，滿分為 5 星 * [ 3 個 5 星使用者評論 ](https://wordpress.org/support/plugin/svg-editor/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/svg-editor/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/svg-editor/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/svg-editor/reviews/?filter=2) * [ 0 個 1 星使用者評論 ](https://wordpress.org/support/plugin/svg-editor/reviews/?filter=1) [撰寫評分](https://wordpress.org/support/plugin/svg-editor/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/svg-editor/reviews/) ## 參與者 * [ Digages ](https://profiles.wordpress.org/digages/) * [ Timileyin Olabajo ](https://profiles.wordpress.org/timleyi/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/svg-editor/)