Join Joseph Lowery for an in-depth discussion in this video Integrating media queries, part of Dreamweaver and WordPress: Building Mobile Sites.
In the Chapter 1 video, Understanding Media Queries, I mentioned that there were…two ways to apply media queries:…with a link tag, or with an @media statement.…In this movie, we will follow the @ media route to create the necessary media…queries for this technique.…The conditional @media statement goes directly into the style.css file we…created for our child theme in the previous movie titled Setting Up a Child Theme.…Before we can dive into the CSS, there is one bit of essential…housekeeping, however.…
To make sure that our mobile devices are reporting the proper width, we will…need to add a meta tag to the header.php file.…So over to the Files panel we go, drill down to the tpa theme folder.…Then when you find the header. php file, double-click that.…Whenever you are working with a child theme, WordPress always uses the files…that are found in the parent theme folder, unless there is a file with the same…name, in which case that overrides the file functionality in the parent theme.…
Since we don't have a header.php in our child theme, any changes that we make…
- 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
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?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.