90 Essential Tools For WordPress Web Designers and Developers - GoDaddy Blog

2/25/2019 90 essential tools for WordPress web designers and developers - GoDaddy Blog
Home
Menu
90 essential tools for WordPress web

designers and developers
By Andy McIlwain August 13, 2018
More tools for your WordPress toolbox
Editor’s note: This post is part of our collection on managing multiple WordPress sites.
***
WordPress powers just over half of the websites on the internet, making WordPress design and
development lucrative niches for web pros. And because WordPress is an open-source
platform, skilled developers can do just about anything they like with it.
But that openness comes at a price: You can easily end up spending so much time tweaking a
particular site that you’ll overshoot your estimates and lose money on the job.
That’s where having the right WordPress tools can be lifesavers. Time is money for freelancers,
so tools that can save you time on a coding or design job can pay for themselves many times
over (especially considering that some of these tools are free!).
Here’s a roundup of the best tools for each aspect of WordPress site design, development, and
management.
Jump to a section:
Design tools
https://www.godaddy.com/garage/essential-tools-wordpress-web-designers-developers/ 1/13
Design tools
®
Home
Development tools
Management tools
Design tools
Themes and frameworks
Whether you develop your own WordPress themes or prefer to buy them off the rack, there’s a
tool for you.
#1: Theme Check

An automated tool you can use to test whether your new theme conforms to the latest
WordPress standards. That can save you a lot of tedious revision work when you are trying to
get your work approved.
#2: Underscores
A popular starter theme. You can use Underscores as a basis for creating your own custom
theme.
#3: Avada
The top-selling WordPress theme is popular for a reason — namely, its flexible design options
and robust framework. Avada makes designing custom WordPress sites fast and easy.
#4: What WordPress Theme Is That

An online tool that detects theme(s) and plugins for any WordPress site. All you have to do is
enter the URL and the tool will tell you what themes and plugins that site is currently using.
#5: Creative Market

Creative Market is host to over 3,700 different WordPress themes, all of which are GPL-
compliant. You can find the perfect theme here or get ideas for creating your own.
#6: StudioPress
A theme studio and marketplace. They also sell the Genesis framework, widely considered to be
one of the best on the market.
#7: Theme Inspector

A plugin that reveals normally hidden information about a site’s theme, including page ID, tags,
and template file. This information can be extremely helpful when developing new themes.
#8: WP Rollback
#8: WP Rollback
®
A plugin that automates the process of rolling themes and plugins forward or back. It Home
can save
you a ton of time when you’re testing out a new theme.
Elements
Graphics, icons, fonts, and photos can make or break a site, but placing them manually can be
awfully time-consuming. These tools make creating, revising, and placing page elements quick
and easy.
#9: IcoMoon
Create your own icon font using IcoMoon’s 5,500+ free vector icons, or pick out an icon pack to
jump-start the process. Icon fonts load faster than bitmap images and are supported by all
browsers, making them an excellent design option.
#10: Font Awesome

An open-source hub for fonts and icons. You can use them as a template for designing your
own custom fonts or simply use them as-is.
#11: Thrive Architect

A WordPress drag-and-drop visual page editor. Thrive Architect is heavy on conversion tools,
such as countdown timers and testimonial designers.
#12: Sketch
A design tool kit that includes vector editing, pixel precision, export presents, prototyping,
grids, and guides, among other tools. Having all of these tools in one place can save you time
over assembling them piecemeal.
#13: Unsplash
Unsplash is a library of free high-resolution photos, many of which were donated by
professional photographers. All the images are licensed for full commercial use in perpetuity.
#14: uilang
A simple UI-focused programming language for manipulating CSS classes. It lets you create
custom user-interface components that react to the click of a button, switch, or tab.
#15: Attachments
A plugin that lets you directly associate media items with any post by adding a meta box to the
postediting screen. It makes adding images to posts much faster and less tedious than the
default WordPress process.
#16: Google Fonts

#16: Google Fonts
®
Home
This directory of almost 900 different open-source web fonts is searchable by type and
language. Using a custom font can give your sites a unique look and feel.
#17: Dimensions
Need to know a site’s exact layout? This Chrome extension measures the distances between
elements on a website by tracking your mouse movements.
#18: MeasureIt
Like Dimensions, this Firefox extension can help you determine a page’s measurements. It
draws a ruler on your screen to tell you, in pixels, the width, height, or alignment of page
elements.
#19: Thrive Clever Widgets

A plugin that lets you display targeted content in your widgets area. This helps to guarantee
that visitors will see relevant content every time they drop by.
#20: Add Admin CSS

This plugin defines additional CSS for a WordPress site’s administration pages, either in-line or
from an external file. It lets you fine-tune the look and feel of your admin panel.
#21: Cookie Consent

A plugin that creates a cookie policy page, linked to a cookie-consent notification bar. It makes
EU compliance quick and easy.
#22: NextGEN Gallery

One of the most popular photo-gallery plugins, it comes in a range of versions — including a
free option.
#23: Dynamik Website Builder

A Genesis child theme that adds hundreds of style tools to your WordPress dashboard,
eliminating the need to code those elements.
#24: Infogram
A plugin for creating interactive and fully responsive charts, infographics, and maps. If you’re
designing sites that are heavily data-driven, this can be a huge time-saver.
#25: WhatFont Chrome Extension

This Chrome extension identifies a site’s font when you hover your mouse over the text. If you
fall in love with a particular site’s font, you’ll be able to put a name to it quickly and easily.
#26: Advanced iFrame

#26: Advanced iFrame
®
Home
A plugin that lets you use the shortcode ‘[advanced_iframe]’ to include webpages via an iframe;
it’s available in both free and pro versions. You can also modify the resulting frame to create
just the right look.
Optimization and Marketing
Search engine optimization (SEO) helps guarantee that your beautiful sites receive plenty of
traffic, while marketing tools get those visitors clicking on the “buy” button.
#27: Thrive Headline Optimizer

A plugin that lets you test multiple headlines for a post or page to see which ones perform best.
It helps guarantee you’re using the best possible headline and gives you useful data for
designing future headlines.
#28: AB Press Optimizer

A plugin that integrates A/B testing for various elements of WordPress sites. A/B testing is
crucially important for improving site traffic and getting the right visitors.
#29: Thrive Ultimatum

A plugin that helps you run limited-time offers and other scarcity campaigns on your
WordPress sites. These campaigns can significantly improve conversion rates.
#30: Yoast SEO

This popular plugin helps with managing page titles, meta descriptions, and keywords and
generally optimizing your sites. Yoast SEO’s feedback points out areas that need improvement,
so you can see what you need to do differently in the future.
#31: Thrive Leads

A plugin that can power a wide range of lead generation tasks on your WordPress site — from
drag-and-drop opt-in forms to A/B testing.
#32: Google XML Sitemaps

Make it easier for Google and other search engines to crawl your sites by installing an XML
sitemap. This free plugin generates one for you automatically.
#33: Google Analytics for WordPress

A plugin that connects Google Analytics to your site and displays the analytics dashboard within
WordPress; it comes in both free and paid versions.
Development tools
Integrated development environment (IDE)

Integrated development environment (IDE)
Home
Software development of any kind gets a lot easier if you have the right integrated development
environment (IDE). Here are some of the best options for WordPress developers.
#34: PhpStorm
A robust IDE that can automatically detect if your project is a WordPress site and speeds things
along with full-scale code completion for built-in WordPress functions. It supports PHP,
JavaScript, HTML, and CSS.
#35: Aptana
This open-source IDE supports HTML, CSS, JavaScript, PHP, and Ruby. While not specifically
designed for WordPress, it’s a good choice for coding web applications, with a solid debugger
and integrated preview browser.
#36: AceIDE
A plugin code editor for developing WordPress themes and plugins. It includes common IDE
features, such as code completion, find and replace, and syntax highlighting.
Coding
Tools that enhance your coding environment and help you take shortcuts here and there can
greatly improve productivity — and increase your profit margin on WordPress development
projects.
#37: WP-CLI
A command-line interface that lets you do pretty much anything you can do in WordPress
admin, and a few things you can’t.
#38: GenerateWP
The bundle of web-based tools takes your input and turns it into valid WordPress code snippets
of various types. Most of the tools are free to use, but a few require a premium membership.
#39: Freelancer DevKit

A plugin for creating child themes that also provides a point-and-click interface for responsive
design. More and more visitors use cell phones and tablets when browsing, so responsive
design is an important component for any site.
#40: Advanced Custom Fields

A plugin that lets you add custom fields to WordPress edit screens; it comes in both free and
pro versions. Being able to add and remove fields at will can greatly speed template
development.
#41: Coda 2
#41: Coda 2
®
Home
A text editor with strong integrated file management and a number of utilities, including an
HTML validator and built-in debugger.
#42: Genesis Extender Plugin

If you use the Genesis framework, consider adding this plugin; it incorporates various custom
coding tools, including a front-end CSS builder.
#43: Monster Widget

A plugin that consolidates all the WordPress core widgets into one place, which is useful for
speeding up theme development.
#44: WordPress Plugin Boilerplate

An open-source boilerplate that you can use to standardize WordPress plugin development. It
provides a standardized coding structure that’s particularly helpful for complex plugins.
#45: Bedrock
Another boilerplate, Bedrock modifies the standard WordPress installation file structure for
easier customization and enhanced security. It includes Composer, a PHP dependency
manager.
#46: Advanced CSS Editor

A plugin that makes it easy to write customized CSS code for desktops, cell phones, and tablets
and lets you see the results instantly.
Debugging
The more complicated a site is, the more bugs it’s likely to have — and the harder it is to find
them. It’s a good thing that other developers have built some fabulous tools to help you find and
squash those pesky bugs.
#47: Chrome DevTools

This browser add-on for Chrome lets you edit any page on the fly. The kit also includes a
debugger.
#48: Firebug
A browser add-on for Firefox that lets you edit, debug, and monitor webpages in real time.
#49-#57: Debug Bar

Add a debug menu to the WordPress admin bar, courtesy of this plugin. You can further
enhance the Debug Bar by installing the following plugins: Debug Bar Console, Debug Bar
Shortcodes Debug Bar Constants Debug Bar Post Types Debug Bar Cron Debug Bar Actions
Shortcodes, Debug Bar Constants, Debug Bar Post Types, Debug Bar Cron, Debug Bar Actions
®
and Filters Add On, Debug Bar Transients, and Debug Bar Remote Requests. Home
#58: Query Monitor

A plugin that adds a developer-friendly tool panel to WordPress for monitoring database
queries and similar activities. It’s particularly useful for debugging AJAX and REST API.
#59: Advanced Cron Manager

A plugin that lets you view, pause, start, and stop WordPress Cron events.
#60: User Switching

A plugin that lets you quickly switch from one WordPress user account to another. This can be
very handy for debugging user accounts and navigating test environments.
#61: Log Deprecated Notices
This plugin logs deprecated files and functions and suggests replacements, if available. It helps
you to keep all of your WordPress sites up to date with the very latest versions.
#62: WordPress Log Viewer

A plugin that adds an assortment of logging and debugging functions. It’s particularly helpful in
keeping your logs organized and uncluttered.
Testing
Your customers won’t be happy if your code breaks their WordPress website. The right tools
make thorough testing a snap.
#63: RTL Tester

Do you create websites in languages that run right to left instead of left to right? Here’s an
open-source plugin that lets you switch the text direction of the site with the click of a button
— very useful for testing RTL plugins and themes.
#64: Duplicator
A plugin that lets you move or clone a WordPress site to a new location. You can use it to easily
move a live site to a localhost or sandbox location for testing.
#65: FakerPress
Quickly create text, images, attachments, and other content for testing, thanks to this plugin.
Once you’re done testing the site, it can then delete the fake content for you.
#66: Reset WP
This free plugin resets the site’s database to its default installation values within seconds, and
without actually deleting any files

without actually deleting any files.
®
Home
#67: Export Database
A free plugin that exports a WordPress database, either in SQL or ZIP form, with the click of a
button.
Local/virtual servers
A virtual server gives you a safe environment in which to test your latest batch of code, but it
can be complicated to set up and maintain. Luckily, these tools can help.
#68: InstantWP
An open-source WordPress development environment for Windows and MacOS. It includes a
built-in SSH terminal and web-based file manager.
#69: XAMPP
An open-source PHP development environment for Windows, MacOS, and Linux. Because it
supports PHP and MySQL, it has everything you need to run WordPress from your desktop or
laptop.
#70: WampServer
A Windows web development environment for developers using Apache2, PHP, and MySQL. It’s
similar to XAMPP but only works on Windows machines.
#71: MAMP
A local-server environment designed for MacOS that comes in both free and paid versions. It
does run on Windows machines but is probably best for developers who use Macs.
#72: DesktopServer
Lets you quickly create multiple virtual servers for Windows and MacOS; it comes in free and
paid versions.
#73: Varying Vagrant Vagrants (VVV)

An open-source Vagrant virtual machine designed for WordPress development; it works in
Windows, MacOS, and Linux.
#74: Trellis
Like VVV, Trellis is an open-source Vagrant virtual machine; however, it has a slightly different
feature set. For example, Trellis supports PHP 7.2 but not phpMyAdmin, while VVV does the
opposite.
Management tools
Management tools ®
Home
Collaboration
Bringing other people onto a WordPress project gives you access to extra skills and resources
but can also complicate the project immensely. Collaboration tools keep everyone pulling in the
same direction.
#75: Slack
A popular workplace chat platform that comes in both free and paid versions. Multiple channels
help you keep conversations organized and on point.
#76: WP Project Manager

A plugin that creates a project-management dashboard inside WordPress; it comes in both free
and paid versions.
#77: Trello
A free collaborative project-management tool that uses virtual cards to create Kanban boards.
#78: Kanban Boards for WordPress

If you want to build collaboration into WordPress itself, consider this plugin; it adds Kanban
boards to your WordPress dashboard.
#79: Asana
A team project-management tool for organizing tasks and workflows. You can see just what
projects and tasks each person is working on, how they’re progressing, and who will tackle the
next part of the task.
#80: Project Panorama

An open-source plugin that displays progress status and tracks milestones to keep both
coworkers and clients in the loop.
Productivity
Organization is a key part of staying productive and can enable you to build sites more quickly
and accurately. These tools can help even the most disorganized WordPress pro stay on track.
#81: Airtable
A cross between a spreadsheet and a database, Airtable is great for organizing all kinds of
information. Save time by using templates like their Design template, their User Feedback
template, or their Product Planning template.
#82: Time Doctor

#82: Time Doctor
®
Home
A time-tracking tool that helps you see which activities are eating up your workday hours. By
comparing your time spent to your rates, you can then see which jobs are the most profitable.
#83: Toggl
A simple but free time tracker that can integrate with WordPress via a browser extension. Like
Time Doctor, you can use Toggl to figure out how profitable your work really is.
Administration
Once your latest WordPress site is up and running, these tools can help you manage it and any
related activities. The more you automate your day-to-day tasks, the more time you have to
spend building new sites and performing other highly lucrative activities.
#84: GoDaddy Pro Sites

A free dashboard that lets you manage all of your WordPress sites in one place. You can install
plugins and updates across all of your sites at once, run reports, and generate executive
summaries for your clients.
#85: Adminimize
A plugin that allows you to make changes to the WordPress administration area by activating
and deactivating various fields. It even lets you add your own custom fields.
#86: Shake
An online tool to create, sign, and send legally binding agreements quickly and easily. The basic
version is free, but you need to be a paid LegalShield member to access premium features.
#87: Carbon Fields

A plugin that lets you create custom fields in the WordPress administration panel; it includes a
library of custom fields to choose from.
#88: Co-Authors Plus

A plugin that lets you assign multiple bylines from an input box. You can even add bylines for
writers who don’t have a WordPress user account for the site.
#89: Dobby
A free plugin that hides admin notices from other plugins. The result is a clutter-free
WordPress administration panel.
#90: ManageWP Worker

A plugin that lets you manage multiple WordPress sites from a single dashboard. The core
functions (including a basic backup service) are free; premium features cost extra.
Conclusion
Conclusion ®
Home
The sheer number of excellent WordPress tools can be overwhelming, so the real challenge may
be identifying which ones are the best for you.
One approach that can work well is to begin with a single category from the list above —
whichever one is most important to you, either because you use it the most or because you
have the most trouble with it — and start sampling the tools in that section.
Once you’ve picked out your favorite tool from that group, you can wait until you have another
chunk of free time to move on to the next-most-important category, and so on. That will help
you keep the time you spend “tool surfing” to a minimum so that it doesn’t get in the way of
your billable time. And once you’ve deployed these tools, you may find that your next
WordPress project is your most lucrative one ever.
Image by: Jelleke Vanooteghem on Unsplash
#wordpress #design #development #godaddypro
Andy McIlwain
Andy McIlwain (@andymci) is a content strategist & technical marketer at

GoDaddy. He has a soft spot for local small businesses and helping folks work with
the web. You can follow him on Twitter, LinkedIn, and Instagram.
Products Mentioned
GoDaddy Pro Learn More
WordPress Hosting Learn More
Get our newsletters!
Email
you@example.com
®
Home
Subscribe
By subscribing you agree to receive special news and related offers from GoDaddy.
GoDaddy powers the world’s largest cloud platform dedicated to small, independent ventures.
With over 17 million customers worldwide and over 75 million domain names under management,
GoDaddy is the place people come to name their idea, build a professional website, attract
customers and manage their work.
Use of this Site is subject to express terms of use. By using this site, you signify that you agree to be bound by these Universal
Terms of Service.
Legal Privacy Policy Advertising Preferences Cookies
Copyright © 1999 – 2019 GoDaddy Operating Company, LLC. All Rights Reserved

90 Essential Tools For WordPress Web Designers and Developers - GoDaddy Blog

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

90 Essential Tools For WordPress Web Designers and Developers - GoDaddy Blog

Hochgeladen von

Copyright:

Verfügbare Formate

2/25/2019 90 essential tools for WordPress web designers and developers - GoDaddy Blog

90 essential tools for WordPress web

More tools for your WordPress toolbox

#1: Theme Check

#4: What WordPress Theme Is That

#5: Creative Market

#7: Theme Inspector

#10: Font Awesome

#11: Thrive Architect

#16: Google Fonts

#19: Thrive Clever Widgets

#20: Add Admin CSS

#21: Cookie Consent

#22: NextGEN Gallery

#23: Dynamik Website Builder

#25: WhatFont Chrome Extension

#26: Advanced iFrame

Optimization and Marketing

#27: Thrive Headline Optimizer

#28: AB Press Optimizer

#29: Thrive Ultimatum

#30: Yoast SEO

#31: Thrive Leads

#32: Google XML Sitemaps

#33: Google Analytics for WordPress

Integrated development environment (IDE)

#39: Freelancer DevKit

#40: Advanced Custom Fields

#42: Genesis Extender Plugin

#43: Monster Widget

#44: WordPress Plugin Boilerplate

#46: Advanced CSS Editor

#47: Chrome DevTools

#49-#57: Debug Bar

#58: Query Monitor

#59: Advanced Cron Manager

#60: User Switching

#61: Log Deprecated Notices

#62: WordPress Log Viewer

#63: RTL Tester

without actually deleting any ﬁles

#73: Varying Vagrant Vagrants (VVV)

#76: WP Project Manager

#78: Kanban Boards for WordPress

#80: Project Panorama

#82: Time Doctor

#84: GoDaddy Pro Sites

#87: Carbon Fields

#88: Co-Authors Plus

#90: ManageWP Worker

Image by: Jelleke Vanooteghem on Unsplash

#wordpress #design #development #godaddypro

Andy McIlwain (@andymci) is a content strategist & technical marketer at

GoDaddy Pro Learn More

WordPress Hosting Learn More

Get our newsletters!

Legal Privacy Policy Advertising Preferences Cookies

Das könnte Ihnen auch gefallen