[WordPress] 外掛分享: SVG Support

首頁外掛目錄 › SVG Support
WordPress 外掛 SVG Support 的封面圖片
1,000,000+
安裝啟用
★★★★
4.8/5 分(355 則評價)
6 天前
最後更新
100%
問題解決
WordPress 5.8+ PHP 7.4+ v2.6.1 上架:2014-07-21

內容簡介

SVG Support 是一個完整的 WordPress SVG 解決方案,提供安全、靈活且易於使用的功能,讓使用者和開發者都能輕鬆上傳和操作 SVG 檔案。

【主要功能】
• 安全的 SVG 上傳與自動清理
• 內嵌渲染以便於 CSS/JS 操作
• 檔案大小優化與最小化處理
• 角色基礎的存取控制
• 完全支援 Gutenberg 區塊編輯器

外掛標籤

開發者團隊

⬇ 下載最新版 (v2.6.1) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「SVG Support」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

The complete SVG solution for WordPress – secure, flexible, and easy to use.
SVG Support enables secure SVG uploads with powerful features for both basic users and developers:
✨ Key Features:
– Secure SVG uploads with automatic sanitization
– Inline rendering for direct CSS/JS manipulation
– File size optimization through minification
– Role-based access control
– Advanced developer options
– Multisite compatible
– Full Block Editor (Gutenberg) compatibility
🔒 Security First:
– Built-in sanitization removes potentially harmful code
– Role-based upload restrictions
– Comprehensive MIME type validation
🎨 Designer Friendly:
– Direct styling of SVG elements
– Animation support
– Custom class targeting
– Automatic dimension handling
💻 Developer Ready:
– Advanced mode for additional features
– REST API support
– Gutenberg compatible
– Extensive hooks and filters
Usage
Basic Usage:
– First, install and activate SVG Support via your WordPress dashboard
– Upload SVG files to your media library like any other image
– Works seamlessly with Image blocks, Cover blocks and featured images
Advanced Usage:
– Enable “Advanced Mode” for minification and inline rendering
– Customize with hooks and filters for tailored functionality
Block Editor Usage:
– Use Advanced Mode to enable inline rendering:
– Add the "style-svg" class to Image blocks
– Add the "style-svg" class to Cover blocks to render SVG backgrounds inline
– Use “Skip Nested SVGs” setting to control inline rendering of SVGs within Cover blocks
Classic Editor Usage:
– Use Advanced Mode to add the "style-svg" class to tags for inline rendering
– Enable “Auto Insert Class” option for automatic class insertion in Classic Editor
Common Issues & Solutions:
– SVG not displaying? Ensure dimensions are set in CSS.
– Need help? Use the support tab and I will do my best to assist you.
Spin up a test site
With a single click, you can spin up a completely free test site to test SVG Support using TasteWP! No sign up, no cards, nothing! How cool is that? Give it a go:
Click Here to spin up a test site in seconds
Security
SVG Support prioritizes security with automatic sanitization and role-based restrictions. Only trusted users should have upload permissions. Configure settings to balance functionality and security.
Feedback
I’m open to your suggestions and feedback – Thanks for using SVG Support!
Follow @SVGSupport on Twitter
Follow @benbodhi on Twitter
Follow @benbodhi on Farcaster
Note: I hope you like this plugin! Please take a moment to rate it.
Development & Contributing
The development version of SVG Support is maintained on GitHub. Feel free to contribute:

Submit bug reports or feature suggestions: GitHub Issues
Contribute code via Pull Requests
Development repository: GitHub

Translations
Contribute translations here. New to translating? Check the Translator Handbook.

延伸相關外掛

文章
Filter
Apply Filters
Mastodon