WordPress: Building Responsive Themes

with Morten Rand-Hendriksen
please wait ...
WordPress: Building Responsive Themes
Video duration: 0s 2h 55m Intermediate


The many ways visitors access web sites, via mobile devices, tablets, and desktops, now requires sites to incorporate responsive design elements that adapt to different screen sizes and browsers. In this course, Morten Rand-Hendriksen demonstrates design strategies, best practices, and actual code examples for creating a responsive web site. The course covers layout, navigation, responsive video embedding, and content sliders. The final chapter shows how to create an index page with jQuery Masonry, a jQuery plugin that helps you create dynamic grid layouts.

Topics include:
  • What is responsive design?
  • Installing the Anaximander example theme
  • Deciding what screen sizes to target
  • Designing menus
  • Adding responsive images and video
  • Using CSS media queries to apply different styles
  • Handling sidebars on mobile displays
  • Dealing with footer widgets
  • Installing jQuery Masonry


- [Voiceover] Hi, I'm Morten Rand-Hendriksen, and this is WordPress Building Responsive Themes. For this course, I've created a special WordPress theme just for you that starts off as a static theme and at the end of the course, ends up as a fully responsive theme with lots of functionality. Throughout the course, we'll look at several different aspects of responsive design including using media queries to create different layouts for different screen sizes enabling images and videos to resize and respond to different screens and adding advanced JavaScript functions including a featured content slider with jQuery masonry.

More and more people use their cell phones or tablets to access the web, and as a result, we need to make websites that look great and work properly across all these different devices. This course will show you how to do just that. So let's get cracking with WordPress Building Responsive Themes.

please wait ...