[WordPress] 外掛分享： SVGator – Add Animated SVG Easily

前言介紹

• 這款 WordPress 外掛「SVGator – Add Animated SVG Easily」是 2020-11-18 上架。 目前已經下架不再更新，不建議安裝使用。
• 目前有 1000 個安裝啟用數。
• 上一次更新是 2024-01-17，距離現在已有 473 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
• 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
• 有 2 人給過評分。
• 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

lzudor | alucaci | dzsamper |

外掛標籤

SVG | vector image |

內容簡介

rvice provider. By authorizing the plugin, you agree to their Terms of Service and Privacy Policy.

透過此外掛，您可以將SVGator所創造的SVG檔案，匯入到 WordPress 的媒體庫中，像正常的圖片檔案一樣使用。此外掛可以讓您輕鬆地取得所有動畫專案，並且可以輕鬆地將它們添加到您的網頁上。您可以自由選擇具有CSS或JavaScript的SVG作為動畫類型。

可縮放向量圖形（SVG）因其可擴展性、小尺寸和響應式而不斷增長其流行度。它們非常適合像標誌、圖示、按鈕和圖表等插圖。動畫SVG檔案可以使您的網頁獨特、互動性強，並且在任何裝置上都非常清晰。

SVGator是一個非常有用和創新的SVG動畫工具，可讓您在不需要任何編碼技能的情況下創建令人驚嘆的SVG動畫。匯入您的SVG，並從一系列先進的動畫工具中選擇，讓您可以在短短幾分鐘內生成驚人的動畫。添加華麗的SVG動畫以增加用戶參與，讓您的網站或部落格更加吸引人。用戶友好的拖放界面簡化了動畫製作過程，代碼自動以CSS或JavaScript生成。

使用方法

您可以在我們的幫助頁面上查看包含截圖的文檔：如何使用 WordPress 的 SVGator 外掛程式

在開始使用 WordPress 外掛之前，您需要先在SVGator應用程式中註冊。創建帳戶後，您可以匯入SVG文件並開始操作，將靜態設計轉換為動態和互動式動畫。

當您完成動畫後，便可以完全享受此外掛程式的好處。無需匯出或轉換工作，只需遵循以下簡單的步驟：
1. 尋找並安裝SVGator外掛
2. 啟用外掛
3. 登入並從SVGator載入您的專案，並授權應用程式
4. 從SVGator庫中選擇動畫專案並將其添加到媒體庫中
5. 透過單擊「新建區塊」工具上的SVGator圖示，將動畫SVG區塊添加到您的文章或網頁中。
6. 選擇媒體庫中的動畫SVG，並將其縮放到任意大小而不失去質量
7. 或者，您可以直接在媒體庫框中匯入SVG，位於「從SVGator匯入」選項卡下

您還可以通過將SVGator小部件添加到側邊欄或頁腳中，來在小部件中使用動畫。

注意：當您將動畫匯入網頁時，您可能會在編輯器中找到它在標籤中，但是您不必擔心這一點。盡管理論上，這意味著動畫可能不像在SVGator中那樣運作（尤其是如果它是互動的SVG），但在預覽模式下，您已經可以發現它是內嵌的，並可以完美運作。

安全性

通過授權外掛程式，您承認 WordPress 將可以訪問您的SVGator庫，並可以列出和匯出在您帳戶中創建的動畫。

您可以隨時刪除此外掛程式，方法為點擊您的名字下方的SVGator帳戶設置，然後選擇第三方應用程序選項卡，再刪除外掛程式。如果您要重新添加它，您必須遵循上述步驟。

意見回饋

我們始終愿意聆聽您的反饋、問題和建議。請發送電子郵件至

原文外掛簡介

Import your SVG files created in SVGator to your WordPress media library and use them as normal image files. This plugin lets you comfortably access all your animation projects and makes it super-easy to add them to your page. You are free to choose an SVG with either CSS or JavaScript as the animation type.
Scalable Vector Graphics (SVG) are constantly growing in popularity due to their scalability, small size, and responsiveness. They are ideal for illustrations like logos, icons, buttons, and graphs. Animated SVG files make your page unique, interactive, and look crisp on any device.
SVGator is an incredibly useful and innovative SVG animation tool that lets you create stunning SVG animations without any coding skills. Import your SVG and choose from a series of advanced animator tools that let you generate amazing animations in just minutes. Spice up your website or blog with impressive SVG animations to increase user engagement. The user-friendly drag and drop interface simplifies the animation process and the code is automatically generated either in CSS or in Javascript.
Usage
You can check out our documentation with screenshots on our help page: How to use SVGator Plugin for WordPress
Before starting to use the WordPress plug-in, you will have to sign up for the SVGator app. After creating an account, you can import your SVG files and start working on them to turn your static designs into dynamic and interactive animations.
When you are done with the animation, you can fully benefit from the plugin. There is no need to export or convert your work, just follow these simple steps:
1. Find and install the SVGator plugin
2. Activate the plugin
3. Log in to load your projects from SVGator and authorize the app
4. Select an animation project from your SVGator library and add it to the media library
5. Add an animated SVG block to your post or page by clicking the SVGator icon on the new block tool.
6. Select the animated SVG from the media library and scale it to any size without losing quality
7. Alternatively, you can import your SVGs directly on the media library box, under “Import from SVGator” tab
You can also use the animations inside widgets by simply adding the SVGator widget to your sidebars or footers.
Note: When you import your animation to the page, you may find it in a tag in the editor, but you don’t have to worry about this. Although theoretically, this would mean that the animation might not work the same as in SVGator, (especially if it’s an interactive SVG), in preview mode you will already find it inline and it will work perfectly.
Security
By authorizing the plugin you acknowledge that WordPress will have access to your SVGator library and is enabled to list and export the animations created in your account.
You can remove the plugin at any time by clicking on SVGator’s Account settings under your name, then choosing the 3rd Party Apps tab and deleting the plugin. If you would like to add it back, you will have to follow the steps presented above.
Feedback
We are always open to your feedback, questions, and suggestions. Email us at [email protected]
We hope you find this plugin useful. Please take a moment to rate it here.
Disclosure
This plugin is relying on SVGator.com as a 3rd party service.
All SVGs loaded using this plugin will be done via API requests to SVGator.com.
Service URL: [https://www.svgator.com/]
Service API: [https://github.com/SVGator/SDK/]
Terms of service: [https://www.svgator.com/terms-of-service]
Privacy policy: [https://www.svgator.com/privacy-policy]

各版本下載點

• 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
• 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「SVGator – Add Animated SVG Easily」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

---

1.0.0 | 1.0.1 | 1.0.2 | 1.1.0 | 1.1.1 | 1.2.0 | 1.2.1 | 1.2.2 | 1.2.3 | 1.2.4 | 1.2.5 | 1.2.6 | trunk |

延伸相關外掛（你可能也想知道）

• SVG Support 》這個 WordPress 外掛可以安全地上傳 SVG 檔案至媒體庫，並像其他圖片一樣使用。現在還有可選的清理功能！當你在網站上使用 SVG 圖片，很難使用 CSS 來設計 SV...。
• Safe SVG 》Safe SVG 可以讓你安心地在 WordPress 中上傳 SVG 檔案！, 它能夠讓你允許上傳 SVG 檔案的同時，確保它們已經經過消毒以防止 SVG/XML 弱點影響你的網站。此外...。
• Easy SVG Support 》將 SVG 檔案直接上傳至 WordPress, EASY SVG Support 是一個外掛，允許您將 SVG 檔案上傳到媒體庫中，特別為那些不需要太多 SVG 選項的人所創建。, 此外掛功...。
• WP SVG Images 》安全上傳 SVG 檔案到您的媒體庫。上傳的 SVG 檔案將自動過濾。, SVG 代表可縮放向量圖形，是最有效率的顯示圖片的方式。, WP SVG Images 外掛是一個易於使用...。
• The Icon Block 》Icon Block 外掛會註冊一個單一且易於使用的區塊，讓您可以在 WordPress 區塊編輯器 (Gutenberg) 中加入自訂的 SVG 圖示和圖形。, 該外掛還包含完整的 WordPr...。
• Scalable Vector Graphics (SVG) 》SVG（可縮放向量圖形）是二維向量圖形，可以是靜態或動態的。此外掛可輕鬆讓您在網站上使用它們。, 主項目頁面位於此處：https://sterlinghamilton.com/proje...。
• SVG Flags – Beautiful Scalable Flags For All Countries! 》SVG Flags of the world 可以讓您在幾秒內在WordPress網站上添加高質量的美麗旗幟。您可以以任何比例顯示一個或多個旗幟，而不會失去品質並且具有固定的長寬...。
• SVG Block 》這個 SVG 區塊可以讓你將 SVG 形象顯示為內嵌的 HTML 標記。你可以從擁有超過 3000 個圖示的圖示庫中選擇圖示，或者直接在區塊設定中上載或輸入自定義的 SVG ...。
• Lemmony Companion 》The Lemmony Companion 是 Lemmony 佈景主題（即將推出）的伴隨外掛，為最佳佈景主題體驗添加了額外的區塊編輯器區塊。。
• WP and Divi Icons 》該 WP and Divi Icons 外掛為您的網站添加了超過 660 個定制的輪廓 SVG 圖標，SVG 圖標是向量圖標，因此在任何屏幕上以任何大小顯示時都非常清晰，看起來非常...。
• JVM Gutenberg Rich Text Icons 》這款外掛可以在 Gutenberg 區塊編輯器中的段落、標題、清單或按鈕等豐富文字區塊中添加內嵌圖示。該外掛以免費的 Font Awesome 圖示集作為預設圖示集。您可以...。
• Upload SVG 》總結：Upload SVG是一個安全且使用者友善的WordPress外掛程式，可以讓您安全地上傳和管理SVG檔案到您的媒體庫。SVG檔案可能包含惡意程式碼，但使用Upload SVG...。
• Uploading SVG, WEBP and ICO files 》這個很棒的外掛讓你可以避免上傳 SVG、Webp 和 ICO 檔案時出現錯誤。只需安裝並啟用它，它就已經準備好使用了。。
• SVG Favicon 》現在支援深色模式！安全地為您的網站增加SVG圖示！不要限制您的網站圖標只能使用.ico / png / jpg格式！在幾秒鐘內上傳您喜歡的向量應用程序中的很酷的向量圖...。
• Elementor Inline SVG 》這是一個Elementor小工具，讓您可以將SVG檔案作為標記(markup)添加，而不是使用html圖像標籤(img tag)。, 它的運作方式, Elementor Inline SVG與Elementor的...。