WordPress vs Website Builders: Which Option Is Best?
How to Install WordPress in Siteground
How to Fix the ‘White Screen of Death’ Error on Your WordPress Site
How to Fix the Error ‘Establishing a Database Connection’ in WordPress
How to Fix WordPress Login Issues
20+ Free Tools Every WordPress Developer Should Know About
Roots is a multi-tool package for serious developers. Its aim is to provide tools for designing robust WordPress projects, from server setup to theme development. Here are the three tools:
- Trellis: a LEMP WordPress server stack.
- Bedrock: a WordPress project boilerplate.
- Sage: a WordPress starter theme.
Be sure to check out each project and its documentation to see which apply to you! You could start small by developing a theme with Sage.
Underscores is a popular starter theme brought to you by Automattic itself on Github. As a starter theme, you are expected to hack Underscores and turn it into your own custom theme. In other words, don’t use it as a parent theme! It comes packed with:
- HTML5 templates
- Code snippets
- Template tags
- Tweaks for a better development experience
- Sample CSS layouts
You can learn more about the project from the developers themselves
The WordPress Plugin Boilerplate offers a standardized, organized, and object-oriented foundation for high-quality WordPress plugins. It is essentially a ‘starter plugin’, designed for you to take and make your own. It features:
- Code organization
- Code snippets
- Setup for public and administrative hooks
- Well-written comments to guide you through the process
Whether you’re working an existing plugin or coding something new, we highly recommend checking out the Plugin Boilerplate as the foundation for your next plugin project.
- Notification banners
- Animated switches
- Navigation popovers
…and more! There are plenty of code examples right on the homepage for you to try.
RESOURCES AND TOOLS FOR RAPID DESIGN AND DEVELOPMENT
FontAwesome brings the power of custom typography and iconography to your site, allowing you to use their entire library of icons within your website. Their icons include:
- Web application icons
- Accessibility icons
- Hand icons
- Transportation icons
- Gender icons
- File type icons
- Spinner icons
Of course, they are always updating and improving the icon sets. Follow these steps to get started.
Google Fonts is a free library of beautiful fonts you can embed and use on your website. It is simple and easy to use, and works on virtually any site you might be building. Benefits include:
- A large library of non-commercial fonts
- Quick installation
- No need to host fonts yourself
You can get started with Google Fonts on your WordPress site using our guide.
Slack is one of the most popular ways of chatting within teams. You can integrate many tools to help keep the process streamlined. Here are just a few examples of what Slack can offer you:
- Monitor code updates with Git
- Keep track of bug fixes in Trac
- Organize teams into channels
These are just a few ways you can use Slack to ease communication and speed up production. The options are practically limitless!
Trello is a free organizational tool that can be used for simple project management, enabling you to collaborate in real time with other members of your team. Here are just a few of the things you can do:
- Organize projects into boards
- Use columns to track progress
- Use cards to manage individual tasks
You can see how others are using Trello to manage projects to get inspired.
TOOLS AND CODE SNIPPETS FOR LOCAL DEVELOPMENT
From industry standard code editors to quick snippet generators, the following tools and resources will help you become the best developer you can be.
XAMPP, MAMP, and WAMP are all local development tools to help you get your computer up and running as a local server. Which application is better for your needs depends on your personal preference. All of them allow you to:
- Set up localhost with Apache on your computer
- Install and run MySQL
How to get started will depend on which operating system you use. Check each project’s page for specific instructions.
- Are free to use
- Offer powerful editors
- Offer additional tools
You can get started with Atom using this tutorial.
The WP CLI is a command line program for developing with WordPress. If you’re new to using the command line there is a small learning curve, but once you’re up and running, it can save you a lot of time. From the command line, you can do things like:
- Download and install WordPress
- Manage plugins and themes
- Search and replace text in the database
That’s just the tip of the iceberg! You can learn more about WP CLI here.
GenerateWP can make your life easier by enabling you to quickly generate code for regular requirements, including:
- Custom post types
- Custom taxonomies
- Post statuses
A few of their tools are behind a premium wall, but you can still use plenty at no cost.
WordPress itself comes with quite a few helpers and easy to implement tricks that standardize the coding experience and create consistent output. You can enable debugging tools and use other great helpers while you work:
- Set the WP_DEBUG constant to true for debugging messages
- Use standard global paths like WP_PLUGIN_DIR
- Use dbDelta() for custom database management
There are many of these, so check out this tutorial for a more complete rundown (with code examples).
WORDPRESS PLUGINS FOR DEBUGGING (AND MORE)
Once you’re ready to begin working within WordPress, there are quite a number of plugins that will help you along the way. These are particularly useful because they have access to the WordPress infrastructure and can give you very specific feedback on your project as you go.
- Check for deprecated functions
- Search for standard WordPress styles
- Ensure you’re using any required settings
If you’re not submitting to the WordPress theme directory, you may not consider this tool necessary. However, it still offers plenty of useful feedback — even for the casual theme developer. Give it a spin to see how your custom themes stack up.
Theme Inspector is an amazing resource when you’re working with custom themes. It adds a dropdown to the admin bar where you can get all kinds of information about the current view, including:
- Content type
- Post ID
- Post Type
- True conditions
- File loaded
This tool is particularly helpful when creating child themes or trying to modify a more complex theme. Please note it has not been updated for a nearly half a year and has a small user base, but it’s fully operational, and we think it’s well worth checking out.
This plugin logs the usage of deprecated files, functions, and function arguments, which is very helpful when you’re developing a WordPress site with a lot of custom functionality. Here’s a few of the things you can do with Log Deprecated Notices:
- View all deprecated files in your plugins and themes
- Get recommendations for what to use instead
- See whether you’re using functions incorrectly
You can also see how your current WordPress installation checks out, and replace weak plugins or themes that aren’t up to date on standards.
User Switching enables administrators to see what a WordPress website looks like from the user’s point of view. This is great just for simply putting yourself in the users’ shoes, but also invaluable for testing out features and access based on user permissions.
This plugin is particularly helpful when you’re developing a user-centric site. With it, you can be sure that users get the experience you expect.
Query Monitor enables you to keep track of all queries being run on your WordPress site, including:
- AJAX calls
- REST API requests
- Narrow output by plugin or theme
This kind of debugging is particularly useful for discovering bottlenecks in your code, speeding up your site, and fixing otherwise ‘invisible’ issues.
Duplicator isn’t necessarily for debugging, but is an invaluable tool for transporting your site from one place to the next. With it you can:
- Make a whole copy of your site
- Import any copy of your site somewhere else
You can use Duplicator for backups, or for moving your site between local development, staging, and deployment.
BROWSER TOOLS FOR DESIGN TESTING
Most popular browsers come with built-in tools that enable you to inspect the front end code of any given site. This can be very useful for writing CSS selectors, finding broken HTML elements, and other things that would usually be difficult to find in a sea of code.
- Manipulate the DOM in real time
- Find and view all loaded scripts
- View how long elements take to load
Furthermore, each browser has its own unique third-party plugins that extend these DevTools even further. If you use either Chrome or Firefox, get started by right-clicking anywhere on this page and choosing Inspector Inspect Element from the dropdown menu.