A simple text editor like Notepad++ will work for this but you can find other options in this article. In addition to that, we will have to edit some PHP and HTML files. (Btw, have you checked out our collection of development tools yet?) My favorite tool to do so is Firebug, however, you can also use Chrome Developer Tools, and Firefox Developer Tools. The tools we need to implement this are readily available.įirst off, we need a way to check our site’s HTML and CSS structure. You might have to do some custom work for your own site. Therefore, consider this only as the broad strokes. Using CSS media queries to define break points for design changesįrom here, we will learn how to use the above to turn a static WordPress theme into a responsive one.īe aware, however, that while the principles stay the same, your theme might be built differently than the examples below.Implementing design changes to ensure usability for non-desktop devices.Fluid site grid with proportionate instead of fixed measures.How To Convert Your WordPress Theme To Responsive Designįirst, we need to go over the basics of responsive design:

However, even if you are merely interested in learning how to implement responsive design in practical terms, this is the article for you. Having a responsive website is incredibly important. This tutorial is especially important if you are still running a static theme that you want to make responsive.ĭoing so can often be easier than taking an already responsive theme and customizing it to fit your design.

Wordpress theme 2017 change fonts