When it comes to the development of a WordPress Plugin or Theme, It’s good to have some tools and resources to help you out throughout the development and then to test it if your plugin/theme meets the standard WordPress requirements. For example, for a theme, there are a few things that are required to be added to the theme and some are recommended to be added into it.
So here I’m going to share A List of WordPress Development Tools to help you speed up the development of your WordPress Plugins and/or Themes and then to test them.
GenerateWP is the easiest and fastest way you can create custom and high quality code for your WordPress Prjects using the latest WordPress APIs.
2. Genesis XHTML to HTML5 CSS Converter
Genesis CSS Converter is a tool that takes your Child theme’s XTHML CSS and converts it to HTML5 CSS.
Visit Genesis CSS Converter
Theme Check is a plugin made by Simon Prosser and Samuel Wood ( Otto ) and it scans your theme and reposts if your theme is ready to be added to the WordPress.org theme directory or not. If it’s not then it shows a list the missing/recommended things that you should add or fix.
2. Query Monitor
Query Monitor is a Debugging Plugin for any WordPress Developer. It has some unique features that has not been seen in other Debugging plugins, Like Automatic AJAX debugging and the ability to narrow down things by plugin or theme. There’s a full review about Query Monitor by Sarah Gooding over at wptaver.com
Download Query Monitor
Developer is a plugin made by Automattic and it aims to provide developers a set of tools for helping us develop better.
1. Genesis WP Hook
Genesis WP Hook is a Google Chrome extension that detects and show the Genesis FrameWork Hooks and filters in your theme, or on any WordPress site that uses Genesis. It automatically detects if the theme has HTML5 support or not.
Download Genesis WP Hook
Testing your WordPress theme can be a pain to check everything on it, post types, galleries, etc… But luckily the creators of 8bit.io made a great set of data that you can just import into your WordPress Site and you have a post for each post type and everything.
And if you’re developing a Genesis Child theme, there’s also a great set of data to test it made by StudioPress This can be found in each and every child theme. For example Sample Child Theme
Download Sample Child Theme
Now days, it’s a must for a website to be mobile responsive, so here are a few sites where you can test if your design is responsive and if yes how it looks on each device.
- Mobile Responsive Design Testing by StudioPress
- Screenfly by QuirkTools.com
Genesis Visual Guide
Genesis Visual Guide is a website that visualize each and every hook and filter in the Genesis Framework. Both Xhtml and HTML5.
Visit Genesis Visual Guide
If you’d like to add anything to this list, feel free to leave a comment down below. I’ll be updating the list as I find new and useful things that could help a developer develop.
Found this useful? Then Share it!