O'Reilly logo

WordPress Responsive Theme Design by Dejan Markovic

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 3. Getting Started with Responsive Layout

By now, you have familiarized yourself with the WordPress theme architecture, how to install and setup WordPress, as well as setup the WordPress environment.

Now, we are getting into more fun stuff.

In this chapter, we will get started with the responsive layout and we will cover the following in detail:

  • Choosing the right tool for our project
  • Setting up functions.php
  • Setting up styles.css
  • Setting fonts
  • Setting font icons
  • Adding essential scripts, such as modernizr.js and respond.js
  • Adding media queries

Choosing the right tool for our project

Before we begin analyzing and editing the code, we should decide which IDE or editor we should use. Some people only use text editors, and for them, I recommend that ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required