Beschrijving
✨ New SVG Icons is a comprehensive WordPress plugin that revolutionizes how you manage and display SVG icons on your website. Built with security, performance, and user experience in mind, this plugin offers multiple ways to add icons and powerful customization options.
🚀 Why Choose New SVG Icons?
* 🔒 Security First: All SVG code is automatically sanitized to prevent XSS attacks
* 🎯 Multiple Input Methods: Upload files, paste code, or scan folders
* 🎨 Built-in Editor: Live SVG editor with real-time preview
* 📁 Smart Organization: Categorize icons for easy management
* ⚡ Performance Optimized: Lightweight and fast loading
* 🛠️ Developer Friendly: Extensive shortcode parameters and filters
🌟 Key Features:
📤 Multiple Upload Methods
* 📁 File Upload: Drag & drop multiple SVG files at once
* 📝 Code Paste: Direct SVG code input with live preview
* 🔍 Folder Scanner: Batch import from wp-content/svg-icons/ directory
* 📚 Built-in Library: Pre-installed icon collection
🎨 Advanced SVG Editor
* 🖼️ Live Preview: See changes in real-time as you edit
* 🎛️ Attribute Editor: Modify colors, dimensions, and properties
* 🔧 Dimension Controls: Resize with locked aspect ratio
* 🌈 Background Toggle: Test icons on different backgrounds
* 📐 Preview Sizing: Adjustable preview scale (50%-200%)
🏷️ Smart Organization
* 📂 Categories: Built-in categories (Social, UI, Business, Arrows, Logos, Shapes)
* 🏷️ Custom Categories: Create your own organization system
* 🔍 Search & Filter: Quickly find icons by name or category
* 📊 Icon Counter: Track your library size
⚡ Powerful Shortcode System
Use [svg_icon name="icon-name"] with these amazing parameters:
* 📏 size="24" – Set custom dimensions
* 🎨 color="#ff0000" – Change icon color
* 🎯 class="my-class" – Add CSS classes
* 🐛 debug="true" – Debug mode for troubleshooting
🔒 Enterprise-Level Security
* 🛡️ SVG Sanitization: Removes potentially harmful code
* 🔐 Nonce Protection: CSRF protection on all actions
* 👤 Permission Checks: Admin-only access controls
* 🗃️ Database Security: Prepared SQL statements
🎁 Bonus Features
* 📋 One-Click Copy: Copy shortcodes and SVG code instantly
* 🌐 Resource Library: Curated list of free SVG icon sources
* 📖 Usage Guide: Built-in help and tutorials
* 🎯 Quick Tools: Links to online SVG editors and optimizers
🌟 Live Demo | 📖 Documentation & Downloads | 💬 Support
Support & Contributing
💝 Love this plugin?
* ⭐ Leave a 5-star review
* 🐛 Report bugs
* 💡 Suggest features
* 🤝 Contribute on GitHub
🚀 Keep building amazing things! 🎨✨
Installatie
🚀 Quick Installation:
- 📥 Auto Install: Search “New SVG Icons” in WordPress admin Plugins Add New
- 🔌 Activate: Click “Activate” after installation
- 🎨 Start Creating: Go to “New SVG Icons” in your admin menu
📁 Manual Installation:
1. 💾 Download the latest plugin zip file from WP-Zip.com
2. 📤 Upload to /wp-content/plugins/new-svg-icons directory
3. ✅ Activate through the ‘Plugins’ menu
4. 🎯 Navigate to ‘New SVG Icons’ in admin menu
🎉 First Steps:
1. 🏠 Visit the “Icon Library” tab to see pre-installed icons
2. 📤 Try uploading your first SVG in the “Upload SVG” tab
3. 📝 Test the live editor in “Paste SVG Code” tab
4. 🔍 Use [svg_icon name="heart"] in any post or page
FAQ
-
🤔 How do I add a new icon?
-
You have 4 amazing ways:
* 📤 Upload Tab: Select SVG files from your computer
* 📝 Code Tab: Paste SVG code with live preview
* 📁 Folder Scanner: Place files in wp-content/svg-icons/ and scan
* 📚 Built-in Library: Use pre-installed icons immediately -
🎯 How do I display an icon?
-
Use the shortcode:
[svg_icon name="your_icon_name"]Advanced Examples:
*[svg_icon name="heart" size="32" color="#ff0000"]
*[svg_icon name="arrow" class="my-custom-class"]
*[svg_icon name="logo" size="48" color="#2271b1"] -
🔒 Is it safe to upload SVG files?
-
Absolutely! 🛡️ Every SVG is automatically sanitized to remove:
* 🚫 JavaScript code
* 🚫 External links
* 🚫 Potentially harmful elements
* 🚫 XSS vulnerabilities -
🎨 Can I edit SVG icons after uploading?
-
Yes! The built-in live editor lets you:
* 🌈 Change colors in real-time
* 📐 Adjust dimensions
* 👀 Preview changes instantly
* 🔧 Modify SVG attributes -
📁 Where are my SVG files stored?
-
- 🗃️ Database: SVG code is stored in WordPress database
- 📂 Files: Physical files in
wp-content/svg-icons/folder - 🔐 Security: Protected with .htaccess rules
-
🔍 How do I organize my icons?
-
- 📂 Use built-in categories (Social, UI, Business, etc.)
- 🏷️ Create custom categories
- 🔍 Search by name or filter by category
- 📊 View icon count per category
-
⚡ Will this slow down my website?
-
No way! 🚀 The plugin is optimized for performance:
* 💾 Minimal database queries
* 📦 Lightweight code
* ⚡ Fast SVG rendering
* 🎯 Only loads when needed -
🆘 I need help! Where can I get support?
-
We’ve got you covered! 🤝
* 💬 WordPress Support Forum
* 📖 Complete Documentation & Downloads
* 📖 Built-in help in the “Resources” tab
* 🌟 Check the live preview and examples
* 🐛 Usedebug="true"in shortcodes for troubleshooting
Beoordelingen
Er zijn geen beoordelingen voor deze plugin.
Bijdragers & ontwikkelaars
“New SVG Icons” is open source software. De volgende personen hebben bijgedragen aan deze plugin.
Bijdragers
Vertaal “New SVG Icons” naar jouw taal.
Interesse in de ontwikkeling?
Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.
Changelog
🎉 2.0.0 – Major Enhancement Release
🆕 New Features:
* 🎨 Live SVG Editor with real-time preview
* 📤 Multi-file Upload with drag & drop support
* 🔍 Folder Scanner for batch importing
* 📚 Built-in Icon Library with popular icons
* 🌐 Free Resources Tab with curated icon sources
* 📋 One-click Copy for shortcodes and SVG code
* 🎛️ Advanced Attribute Editor for SVG properties
* 🌈 Background Toggle for better preview testing
* 📐 Dimension Controls with aspect ratio locking
🔧 Improvements:
* 🛡️ Enhanced Security with better SVG sanitization
* 🎯 Better UI/UX with tabbed interface
* ⚡ Performance Optimizations
* 📊 Category Management with custom categories
* 🔍 Search & Filter functionality
* 📱 Responsive Design for mobile admin
* 🎨 CSS Improvements with modern styling
🐛 Bug Fixes:
* ✅ Fixed SVG namespace issues
* ✅ Improved file type validation
* ✅ Better error handling
* ✅ Enhanced compatibility
🚀 1.0.0 – Initial Release
- 🎯 Basic SVG upload and shortcode functionality
- 🔒 Initial security implementation
- 📝 Simple admin interface