
內容簡介
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帳戶設置,然後選擇第三方應用程序選項卡,再刪除外掛程式。如果您要重新添加它,您必須遵循上述步驟。
意見回饋
我們始終愿意聆聽您的反饋、問題和建議。請發送電子郵件至
外掛標籤
開發者團隊
② 後台搜尋「SVGator – Add Animated SVG Easily」→ 直接安裝(推薦)
原文外掛簡介
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]
