WordPress Developer Tools

WordPress has become one of the most widely used design resources available for web development in 2013, with around 54% of all sites that are known CMS sites using WordPress over Drupal and Joomla. The all-round figure for all sites that use WordPress globally is 17.4%, making it by far the most successful web building tool in the world.

This has led to a huge number of tools becoming available to help developers make light work of WP design, as well as themes and plugins for functionality without too much coding. With this in mind, I’ve put together some of the more useful tools that are currently available to help with WP development.

GenerateWP

This is an easy-to-use tool that allows you to create “advanced applications” built on WP via a series of simple forms. The generator was dreamed up by web developer Rami Yushuvaev, who contributes to the WP codex and is responsible for the release of the Hebrew WP edition. The generator uses a Twitter Bootstrap framework for the front end and iconic fonts from Font Awesome.

Currently there are 15 generators on the site, and these are:

  • Taxonomy
  • Post type
  • Post status
  • Theme support
  • Sidebar
  • Menu
  • Shortcode
  • Toolbar
  • User contact methods
  • WP Query
  • Comment Query
  • Wp-config.php
  • Register WP scripts
  • Register WP styles

All of these use WP functions and allow you to add elements such as color, images, padding and so on.

wpgenerate

These are simply inputted into the form, according to what you want and then you hit the ‘update code button’ and voila, the code is ready for you to copy and paste into the WP editor.

wpgenerate2

This is extremely useful for creating code snippets for function.php files and really does away with the need for developers to have to refer repeatedly to the WP codex for code samples.

WordPress Bootstrap

This is a basic theme based on Twitter’s Bootstrap v2.1.1 and built on top of the Bones theme framework. It’s fully responsive and if you visit the main page for the tool on your mobile, then you will get a fair idea of how your project site will behave.

There are four templates to choose from:

  • Home page
  • Standard page
  • Page with left sidebar
  • Full width page

The theme also allows you to add theme options, so that you don’t have to work with code all of the time:

options

The theme can of course be used as it stands, or it can be edited to suit a particular project or adapted to make a bespoke theme for a client.

HTML5 Blank

Another useful basic theme, HTML5 Blank is an open source template which allows you to build a HTML5 site in WP. It gives you a basic set of CSS resets and a typical file structure for WP and is perfect from starting your HTML5 theme project from scratch.

This is not suitable for running on a site immediately and is really just a handy little framework, rather than a fully-fledged theme. It does away with the hassle of editing existing themes such as the WP default.

WP Widget and Plugin Boilerplate

Created by Tom McFarlin, this is an excellent resource which gives you a large collection of boilerplate templates to choose from on GitHub, saving you an awful lot of time. These target WordPress widgets and plugins and are PHP files which will need a stylesheet or JS script for the admin panel. Ideal for those looking to start developing their own plugins, this is a great time-saving resource that shouldn’t be ignored.

Developer plugin

A plugin designed for developers, by developers. This is intended to help designers optimize their environment by ensuring that all of the essential tools are already installed.

First the plugin asks you to enter what type of developer you are in order to ensure that the development environment is suitable for your needs.

developer plugin

It checks that you have the necessary plugins needed for the project and that all of the settings are adjusted to suit as well. Ideal for saving time, as it will check you have everything you need, this is a great little addition to any WP developer’s toolbox.

Its features include:

  • 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

WordPress Lessons

If you’re starting from scratch with WP, or even if you’re accustomed to using WP, you can never have enough learning. Think about it, if WP is the most used CMS in the world, with more users than all of the other CMSs put together, then there is plenty of opportunity for developers to gain new clients as a WordPress ‘expert.

The WordPress Lessons codex has in-depth articles for all levels of development from simple blogging to theme and site development. It even has a section on SEO optimization, which is something that not all designers want to play with, but is really quite essential in order to provide the best service to the client.

For more official WP resources, check out Making WordPress for a comprehensive set of tools, plugins, themes and documentation.

WordPress around the world

It pays to become a top WP developer; in 2011, an official survey found that designers that could work with WP made a median hourly rate of $50. This doesn’t sound that much really but is also bound to have increased by now, as WP has become increasingly popular.

wordpress around the world

If you’re willing to learn enough to be a top developer, then this median rate of pay will be higher, but this does take commitment and it also requires you to market yourself as such. This means joining the WP community and getting involved with discussions, creating patches and plugins and even putting up the odd tutorial to help other developers.

If this all sounds like you, then get reading and coding in WordPress now, using some of the above tools and resources.

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • Tom McFarlin

    Thanks so much for mentioning the Boilerplates, Kerry – I appreciate it!

  • Johan

    Great article, thanks!

  • Mark

    Here is an interesting new plugin to add any multimedia content with maximum flexibility. I find it original and worth mentioning: http://wordpress.org/plugins/zedity/

  • Felix

    http://underscores.me/ is a great starter theme and http://www.advancedcustomfields.com/ will change the way you develop WordPress sites forever!

  • Anonymous

    Thanks for the article and the resource links!

  • Anonymous

    Cool article, thanks! Usersnap has a great plugin for WordPress that helps you get feedback on your template design and/or blog content from your users: http://wordpress.org/plugins/usersnap/ Enjoy! :)

  • Kerry Butters

    Thanks for the comments/tips guys :)

  • Anonymous

    I’d like to add a nice script/helper that will make your CustomPostType, MetaBoxes, Menus and other extra stuff building a lot easier. The WordPress Cuztom Helper is just awesome, and continuously being developed.
    https://github.com/Gizburdt/Wordpress-Cuztom-Helper

  • isaac gregson

    a quick “second” to Felix’s mention of Underscores and Advanced Custom Fields… perhaps the two most essential WordPress resources, IMO.

  • Kerry Butters

    Thanks guys! I will look into those you mentioned some more :)