Join Joseph Lowery for an in-depth discussion in this video Customizing for tablets, part of Dreamweaver CC and WordPress 3.8 Essential Training.
…In this lesson, I'll show you how to…retrofit a desktop designed for a tablet size screen.…Specifically one that is between 321 pixels and 768 pixels wide.…Let me show you what's going on with the blog comp.…So I have it set to tablet size, and as you can see,…the navigation and main content area have been tightened up, while the sidebar…stays the same width. This is, obviously, a design choice.…
You may opt to reduce both the main content and the side bar proportionately,…and as we scroll down, even more…obviously, are some significant changes to the footer.…Now, instead of copying the values from the blog comp and changing…the selectors where appropriate, why don't we just work our way down…the page, in our WordPress blog. Adding styles to the tablet…media query, that we established in the prior lesson.…So for that, we'll go to index.php, and go into our style.css file,…that's located in the Roux theme folder. I'm going to go ahead and, set my,…tablet size entry here.…
And then let's reduce the width of the window just…
- Setting up WordPress locally
- Establishing your Dreamweaver CC site
- Adding and editing posts and pages
- Customizing WordPress themes
- Building responsive layouts
- Extending WordPress editable pages
- Using and styling WordPress plugins
- Integrating jQuery functionality
- Publishing your WordPress site with Dreamweaver
- Personalizing and enhancing WordPress
Skill Level Intermediate
Author update on April 4, 2014:
WordPress 3.8.2 is now available from wordpress.org. The update focuses on security issues and should not impact this course in any way. A much bigger release, 3.9, is currently a release candidate and will likely go live later in April. I'm currently evaluating what impact v3.9 will have on this course.
Building Themes with Dreamweaver and WordPresswith Joseph Lowery1h 47m Intermediate
WordPress: Building Responsive Themeswith Morten Rand-Hendriksen2h 55m Intermediate
1. Setting Up WordPress
2. Exploring Your WordPress Site in Dreamweaver CC
3. Creating Content
4. Working with WordPress Themes
5. Customizing a Theme
6. Providing Responsive Design
7. Extending WordPress Editable Pages
9. Using WordPress Plugins
10. Extending the User Experience
11. WordPress Administration
12. Publishing Your WordPress Site
- 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.