Linux 软件免费装

在这里免费安装WordPress以及其他软件

Banner图

WP Designer - Professional WordPress Design & Customization Tool

开发者 varun21
ruchika_wp
更新时间 2025年7月24日 00:19
PHP版本: 8.1 及以上
WordPress版本: 6.8
版权: GPLv2 or later
版权网址: 版权信息

标签

customization design designer theme customization designer tools wp designer css designer scss designer

下载

2.0.1 2.0.2 2.2.4 1.0 2.0 2.0.3 2.1.0 2.1.1 2.2.1 2.2.2 2.2.3 2.3

详情介绍:

The ultimate WP Designer toolkit for professional WordPress customization! WP Designer is the go-to plugin for WordPress designers who need reliable, theme-independent customization tools. Whether you're a freelance WP designer or run a WordPress design agency, this plugin ensures your custom work stays safe and organized. Why WP Designers Choose This Plugin ✅ Never lose design work - Code stays safe during theme updates ✅ Professional SCSS workflow - Write modern CSS with variables, mixins & nesting\ ✅ Designer-friendly organization - Clean file structure for all your custom code ✅ Client-safe customizations - Debug tools to toggle designs on/off instantly ✅ Performance optimized - Auto-minified CSS for production sites (compressed version for visitors) ✅ Theme-independent functions.php - Custom PHP functions work with any theme Perfect For WordPress Designers Freelance WP Designers: Build client sites with confidence knowing your custom designs persist across theme changes. WordPress Design Agencies: Standardize your design workflow with organized, maintainable code structure. Professional Designers: Speed up WordPress design projects with SCSS workflow and debugging tools. WP Designer File Organization Upon activation, creates professional structure in /wp-content/uploads/wp-designer/: SCSS for WordPress Designers Write professional, maintainable styles with modern SCSS features: ```scss $brand-color: #007cba; $mobile: 768px; .wp-designer-header { background: $brand-color; @media (max-width: $mobile) { padding: 1rem; } &__title { font-size: 2rem; } } ``` Also read These articles explain the philosophy behind WP Designer's approach:

安装:

  1. Install: Plugins → Add New → Search "WP Designer" → Install & Activate
  2. Auto-Setup: Plugin creates professional WP designer file structure automatically
  3. Start Designing: Edit functions.php and style.scss in Settings → WP Designer

升级注意事项:

2.3
  • Updated scssphp library.
2.2.4
  • Updated PHP compatibility requirements.
  • Updated scssphp library.
  • Generate and enqueue a compressed css for normal visitors for performance speed-up.
2.2.3
  • Implemented versioning to last modified time to force cachebusting during development.
2.2.2
  • Changed inclusion of functions.php to plugins_loaded.
  • Fixes a lot of bugs and functions not working.
2.2.1
  • Updated scssphp library.
2.1.0
  • Updated scssphp library.
  • Filters allow manipulation of scss during compile time.
  • Minified version enqueued for site performance enhancement.
2.0.2
  • WP Designer is fully compatible with WordPress 4.5.
2.0.1
  • WP Designer is fully compatible with WordPress 4.4.
2.0
  • New Feature: Added support for SCSS.
  • Eliminated obsolete code.
1.0
  • This is the initial release of the plugin.

常见问题:

Is this suitable for professional WordPress designers?

Absolutely! WP Designer is built specifically for professional WordPress designers and agencies. It follows industry best practices and gives you the tools needed for client work.

Will my WordPress designs survive theme updates?

Yes! That's the core benefit for WP designers. Your custom code lives in /wp-content/uploads/wp-designer/ - completely separate from themes.

How do I use SCSS as a WordPress designer?

Edit style.scss in your wp-designer folder. It automatically compiles to CSS with all SCSS features - variables, mixins, nesting. Perfect for professional WordPress design workflows.

Can I disable my designs for debugging?

Yes! Go to Settings → WP Designer and toggle functions or styles on/off instantly. Essential for troubleshooting client sites during WordPress design projects.

Do I need coding knowledge to use WP Designer?

Basic CSS/PHP knowledge helps. This plugin is designed for WordPress designers and developers who write custom code for client projects.

What user permissions are needed?

SCSS compilation requires manage_options capability (typically Administrator or Editor level). Regular visitors get the optimized minified CSS automatically.

Does WP Designer support filters?

Yes! The plugin includes the wpd_scss filter that allows manipulation of SCSS content during compile time for advanced customizations.

Will my old customizations stay when I use SCSS?

Rest assured, your existing customizations stay in the same style.css file and you can continue to use it. WP Designer will create an additional style.scss file so you can gradually SASSify your customizations. The compile routine is automatically managed.

Some of my customizations aren't working?

If you have made customizations using WordPress in-built Customizer or your child theme, they may not work due to CSS priority or specificity. For instance, if you set the background-color using the WordPress customizer, the plugin's style.css may not override the same CSS rule.

What are the detailed installation steps?

  1. Log in to your WordPress dashboard, navigate to Plugins → Add New
  2. Search for WP Designer and click Search Plugins
  3. Click "Install Now" then "Activate"
  4. Important: DO NOT change the name of the wp-designer folder
  5. Once activated, visit Settings → WP Designer for usage instructions

更新日志:

2.3 2.2.4 2.2.3 2.2.2 2.2.1 2.1.0 2.0.2 2.0.1 2.0 1.0