A List of WordPress Development Tools

Share this

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.

wordpress-web-development

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.

Generators

1. GenerateWP

GenerateWP is the easiest and fastest way you can create custom and high quality code for your WordPress Prjects using the latest WordPress APIs.

Visit GenerateWP

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

WordPress Plugins

1. Theme-Check

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.

Download Theme-Check

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

3. Developer

Developer is a plugin made by Automattic and it aims to provide developers a set of tools for helping us develop better.

Download Developer

Browser Extensions

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

2. FireBug

Firebug is the best Firefox plugin to check, Debug and edit HTML, CSS and JavaScript live on your webisite.

Download FireBug

Test Content

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.

Visit wptest.io

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

Responsive Testing

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.

  1. Mobile Responsive Design Testing by StudioPress
  2. ResponsiveTest.net
  3. Screenfly by QuirkTools.com

Other

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!

Join Our Weekly Newsletter

Join over 100+ people who receive free tutorials and resources each week!


3 Responses to “A List of WordPress Development Tools”
  1. Robert Reed @ WpThemesbay December 5, 2013
  2. Frank December 7, 2013
  3. Michele Roper December 7, 2013

Speak your Mind!

Optimization WordPress Plugins & Solutions by W3 EDGE