Join Joseph Lowery for an in-depth discussion in this video Setting up media queries, part of Building Mobile Sites with Dreamweaver and WordPress.
In standard HTML Web sites, Dreamweaver's media query feature is pretty…much plug-and-play.…You plug in the values you want, and Dreamweaver outputs the code you need.…It's not quite as easy as that with a WordPress site, but we can still leverage…Dreamweaver's coding prowess to do most of the heavy lifting for us.…We'll be using a different theme for the remaining chapters of this course.…Let's go get it, put it into our Dreamweaver site, and activate it in WordPress.…So I'll use Windows Explorer to go my Exercise Files > Chapter 3 > 03_02, and if…you'll right click on tpa2, and copy the files, and then we need to go back to…our site root, which we can find here in the C:…wamp folder > www folder, and I'll click our site, and drill into where our…themes are maintained.…
So again, I'll right click, and paste, and there is my new theme.…Now let's head over to WordPress to activate it.…To activate a new theme, go to Appearance > Themes, and our current theme, you see,…is TPA Mobile, but among the available themes is TPA 2.…
- 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
Skill Level Intermediate
Dreamweaver and WordPress: Core Conceptswith Joseph Lowery5h 44m Intermediate
WordPress Themes: Photography Portfolioswith Morten Rand-Hendriksen52m 58s Intermediate
1. Preparing Your Site to Go Mobile
Understanding media queries3m 50s
2. Retrofitting for Multiple Screens
3. Implementing a Full Mobile Redesign Strategy
4. Styling a Blog for Tablets
5. Developing a WordPress Site for Phones
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.