In this series, we've been reviewing topics for Professional WordPress Development aimed at those who are looking to improve their professional WordPress development skills.
At this point, we've covered strategies and environmental practices, but we've yet to examine some of the tools that are more common in WordPress development. In this article, we'll be taking a survey of the various tools, utilities, and plugins that contribute to building and maintaining successful projects.
Whenever I'm setting up a local development environment for a WordPress project, I make sure that I have the following tools installed and at my disposal. Many of these have come as a result of experience, recommendation of more experienced developers, or personal preference.
As with most things in this series, these are merely suggestions - they aren't the rules or the standards by which you measure your configuration.
Regardless of the debugger that you prefer, make sure you have one running in your browser as it makes locating errors and resolving them much easier.
Theme Unit Test
The WordPress Theme Unit Test isn't a unit test in the traditional sense. Instead, it's an XML file that you can import into your WordPress installation for the benefit of your theme or plugin that gives you a set of posts, pages, authors, comments, images, etc. to make sure that you're formatting data correctly.
If you're building a plugin, it provides mock data that your plugin can run against to see how it would perform against actual, live data.
If you're an advanced developer or are looking to actually begin testing with WordPress, then be sure to review our series on Unit Testing WordPress.
The Developer Plugin is a relatively new plugin that was created by the VIP team at Automattic that aims to provide developers a suite of tools specifically for helping us develop better.
The plugin includes...
- Support for standard WordPress.org sites and VIP sites
- Debug Cron
- Rewrite Rules Inspector
- Log Deprecated Notices
- VIP Scanner
- Grunion Contact Form
- Monster Widget
- Beta Tester
...all in one plugin with a simplified interface. Personally, this is my de-facto plugin for local WordPress-based development.
Theme Check is another plugin that I recommend for development that will evaluate your code against the current version of the WordPress API and provide notices, warnings, recommendations, and errors based on your code.
Though I believe that some of the recommendations are occasionally out of date, its set of warnings and errors are almost always accurate and provide a heads up on things that you should resolve prior to shipping your work.
Debogger is a useful plugin especially if you care about W3C validation and are interested in query optimization and well-written PHP. The plugin will intercept all information that is transmitted between your project, WordPress, the server, and the browser, and then return any debug information and notices into the footer.
This plugin has been exceptionally useful for me as it catches minute PHP errors that don't always register because of the dynamic nature of the language.
As far as PHP logging is concerned, I typically like to have the following configuration:
- Development and Staging Environments: Render all errors and warnings to the browser and the log file
- Production Environments: Render all errors and warnings to a log file
This makes it easy to locate, detect, and resolve errors that exist in your project in the least intrusive way based on who is viewing your site. Clearly, Development and Staging and meant for you and a set of testers whereas the Production Environment is meant only for users.
You can easily improve the speed at which the browser loads your site by minifying and combining your stylesheets into a single file. Of course, this is somewhat of a hassle if you do it manually. Luckily, there are a variety of tools available.
My weapon of choice is CodeKit.
Considering this blog has a community of dedicated developers, I'd love to hear what you guys keep in your toolbox, as well. Be sure to share it in the comments and link up any resources so that the rest of us can benefit from it, as well!
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!Translate this post