Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
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.
Before we get started with this course, there are a few things you should know. If this is the first time you're using WordPress, or if you have little experience using the application, I urge you to check out the WordPress Essential Training course right here in the lynda.com online training library. The Essential Training course will give you the fundamentals and the understanding of how WordPress works and ensure that you're able to follow the course all the way through. The WordPress Essential Training course covers how to publish your WordPress site on an external host on the web, but if you want to install WordPress locally on your computer, you can also check out the Installing, Apache, MySQL and PHP course right here in the lynda.com online training library.
To be able to test your theme properly on a mobile device like a cell phone or a tablet, you need to either publish your site to the web, so you can access through the web, or you need to set up a local server on your local network so that you can access that network with your device. I suggest setting up a site on the web, simply because it's easier and less to manage. And finally, throughout this course I will be using demo assets in the site. That's images, text, and videos that we've created to showcase different features.
As you follow along in this course, you should use your own assets, so your own text, your own images, and your own videos, so that when you're done you actually have real content on your site. Now, let's get started building responsive themes.
There are currently no FAQs about WordPress: Building Responsive Themes.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.