Join Joseph Lowery for an in-depth discussion in this video Setting up a child theme , part of Building Mobile Sites with Dreamweaver and WordPress.
In this chapter, we will cover the first of two techniques for creating a…mobile WordPress site.…The other technique, which begins with Chapter 03, is for more robust mobile-first designs.…The method described in this chapter is best used for retrofitting a Desktop…design to create the look and feel for tablets and phones.…Although both techniques make use of media queries, this strategy relies on the…@media statements, and importantly, WordPress child themes.…
Let me start by opening up the style.css for our current theme, TPA.…So I will go to the Files panel, open up wp-content > expand themes, and then open…up our tpa folder; double- click on style.css to open it.…Now you know, when you install a new WordPress theme, it is maintained in it's…own subfolder, found within wp content themes.…
Just like 2011 or the custom theme we are using now, TPA.…Minor revisions can be made to the style.css file located within the…specific theme folder,…but if you ever upgrade the theme, you risk losing those changes,…
- 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-Hendriksen53m 2s 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.