Easily Edit Your WordPress Theme With Google Chrome Developer Tools

February 18, 2012  | 
3 Comments

Chrome Developer ToolsIf you are a theme “tweaker” or even a full-blown “frameworker“, Google Chrome has an extremely powerful tool that can make your life a whole lot easier. Chrome Developer Tools allows you to inspect and edit (in real time) any web site. Any edits you make will not of course be effected in reality, but the Developer Tools emulates the change in your browser window so that you can inspect the impact of your actions.

This means that you can carry out any number of tweaks to your blog (or any other website in the world, for that matter), without fear of getting something wrong and making a mess of things. It also means you can easily inspect and diagnose issues within your blog.

There are an enormous amount of resources available for you to get started with Chrome Developer Tools. Here is a short and straightforward introduction:

If you want to get stuck into the nitty gritty of the tool’s capabilities, put the kettle on and check this out:

Finally, if you are looking for documentation so that you can refer to specific functionalities as you see fit, Chrome has produced an online instruction manual.

Featured Plugin - Add bottom corner (or anywhere else) chat to your site

No javascript required, no third part chat engine, just fully featured chat right in your own database on your own WP sites - couldn't be easier.
Find out more

Featured Plugin - Easily integrate your WordPress site with Facebook

Would you like to add Facebook comments, registration, 'Like' buttons and autoposting to your WP site? Well, The Ultimate Facebook plugin has got that all covered!
Find out more

Featured Plugin - Open an Online Store with MarketPress

Out of all the WordPress ecommerce plugins available, this has got to be the winner - easy to configure, powerful functionality, multiple gateways and more. A simply brilliant plugin!
Find out more

Featured Plugin - Host sites, get paid, just like WordPress.com

If you've ever wondered how you could offer a paid site management and hosting service, then this is the plugin for you. Offer a freemium or paid service, for any niche you like, it's powered Edublogs.org to success already!
Find out more

Featured Plugin - Start your own Quora / StackOverflow / Yahoo Q&A site

It's now incredibly easy to start your own Q&A site using nothing more than WordPress - The Q&A plugin simply and brilliantly transforms any site, or page, into a perfect support or Q&A environment.
Find out more

Featured Plugin - Send beautiful html email newsletters, from WordPress!

Now there's no need to pay for a third party service to sign up, manage and send beautiful email newsletters to your subscriber base - this plugin has got the lot.
Find out more

Featured Plugin - Start Your Own Powerful Membership Site

If you're thinking about starting a paid, or just private, membership site then this is truly the plugin you've been looking for. Easy to use, massively configurable and ready to go out of the box!
Find out more

Featured Plugin - Every great SEO tweak you need, in one snazzy bundle

Fully integrated with the SEOMoz API, complete with automatic links, sitemaps and SEO optimization of your WordPress setup - this is the only plugin you need to help you rank your site number 1 on Google - nothing else compares.
Find out more

Featured Plugin - WordPress + Google Maps = Perfect

Simply insert google maps into posts, sidebars and pages - show directions, streetview, provide image overlays and do it all from a simple button and comprehensive widget.
Find out more

3 Responses to Easily Edit Your WordPress Theme With Google Chrome Developer Tools

  1. Essential tool for developers and designers alike.

  2. I started using the Chrome plugin – ShiftEdit – I absolutely love it! Simple ftp in the background with different themes to choose from to read our code easily. Also it has built in syntax correction/checking.

    Although its a third party app – it is worth it!

Click on a tab to select how you'd like to leave your comment

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Subscribe without commenting