Dreamweaver and WordPress: Building Mobile Sites
Video: WelcomeShows how to build a mobile WordPress site in Dreamweaver.
- Next steps
In this course, author Joseph Lowery shows how to build a mobile WordPress site in Adobe Dreamweaver. The course explains how to prepare a site to go mobile, optimize a site's styles for tablets and phones, and implement a full mobile redesign. The course also covers working with WordPress child themes, integrating media queries, incorporating screen-optimized graphics, designing for touch screens, and working with orientation changes. Exercise files accompany the course.
- Setting up an existing WordPress site
- Targeting configurable site elements
- Setting up media queries
- Preparing for adaptive images
- Styling a blog for tablets
- Restructuring navigation for different-sized displays
- Developing a WordPress site for phones
Hi! I'm Joe Lowery. Welcome to Dreamweaver and WordPress: Building Mobile Sites. I can't walk down a New York City street, or take a subway ride without noticing how everyone seems to be using their phone to compare restaurant reviews, or a tablet to catch up on the latest buzz. In this course, we'll help you mobilize your WordPress sites with Dreamweaver. First, we'll put down a solid foundation, so you can better understand what your options are when it comes to adapting your site for a range of screens. I'll also give you the complete rundown on media queries; the basic CSS3 technology that allows you to create responsive Web designs.
Next, we'll dive into the first of two techniques for building mobile WordPress sites. The first method, which uses WordPress child themes is great for setting up sites that require relatively few changes. I'll show you how to optimize your CSS for both tablet and phone. Then, we'll spend the rest of the course exploring a different methodology, better suited for applying more extensively custom designs, with multiple style sheets. Along the way, I'll also show you how you can set up your WordPress site in Dreamweaver to use adaptive images that incorporate screen-optimized graphics resized on the fly, as well as restructuring your navigation as your content moves from large to small displays.
Please note that this course assumes you're familiar with basic Dreamweaver and WordPress functionality, and the integration between the two. Okay, let's get going with Dreamweaver and WordPress: Building Mobile Sites.
There are currently no FAQs about Dreamweaver and WordPress: Building Mobile Sites.