2016
Lynda
Morten Rand-Hendriksen
06:37:45
English
Ready for your next WordPress challenge? Learn how to build more complex custom themes using the _s (aka Underscores) starter theme. Morten Rand-Hendriksen takes you from basic layout and customization to enabling advanced responsive design and accessibility features. He reinforces the basics lessons with DRY (don't repeat yourself) development practices and a structured approach that will help you build WordPress themes that meet modern standards. Plus, he explores core concepts like understanding the WordPress template hierarchy and mobile-first design, creating functions, adding custom JavaScript, applying styles, and more. Plus, for 2016, we're including an all-new chapter on the Customizer, which provides controls that allow users of your theme to adjust the colors and layout.
Introduction
8m 29s
Welcome
1m 3s
What to know before you start this course
1m 50s
How this course and the lesson files will work
2m 56s
Introducing Popperscores: A preview of the final project
2m 40s
1. Setting Up a WordPress Development Environment
23m 42s
Setting up a WordPress development environment
2m 40s
Getting and installing _s
4m 27s
Installing WordPress Theme Unit Test Data
4m 59s
Installing the Developer plugin
4m 39s
Installing and setting up NetBeans or another IDE
6m 57s
2. The Design to Development Process
11m 40s
Modular, mobile-first design
2m 27s
How do WordPress themes work?
3m 26s
Understanding the WordPress template hierarchy
4m 4s
Underscores: An overview
1m 43s
3. Setting Up the Basic Theme
41m 53s
Setting up style.css
7m 40s
Configuring baseline settings and functions
6m 33s
Enabling custom web fonts
6m 3s
Enabling local web fonts for intranets, etc. (optional)
6m 33s
Designing in the browser: A quick primer
2m 52s
Creating responsive typography
8m 34s
Making the site layout responsive
3m 38s
4. Building the Header
29m 30s
Styling the default header
8m 58s
Adding an optional header image function
5m 3s
Placing the header image behind the site title
4m 41s
Using the site icon as a home button
6m 44s
Creating a reduced header for singular pages
4m 4s
5. Creating Menus
40m 21s
Rethinking the mobile menu
3m 6s
Setting up menus
4m 33s
Borrowing the accessible menu from Twenty Fifteen
2m 30s
Moving styles and markup from Twenty Fifteen to our theme
3m 26s
Refactoring JavaScript to create dropdown buttons
7m 27s
Styling the dropdown buttons
4m 15s
Creating a hovering and hiding menu button
4m 56s
Creating the hovering small-screen menu
6m 5s
Creating a horizontal menu for wide screens
4m 3s
6. Configuring the Single Post Template
1h 2m
Working with the single post template
4m 59s
Changing the output of meta elements
4m 28s
Adding the author's Gravatar to the post
4m 59s
Styling the post meta content
4m 33s
Creating the illusion of full-width content
7m 54s
Adding an optional deck with excerpts to the single post
3m 22s
Styling the single post template
3m 58s
Styling blockquotes
4m 31s
Working with image alignments
4m 11s
Creating "full bleed" images
6m 57s
Working with image captions
4m 14s
Working with image galleries
3m 6s
Single post navigation
5m 45s
7. Working with Comments
27m 30s
Working with the comments template
5m 45s
Using Gravatars in comments
1m 59s
Styling comments
5m 27s
Highlighting the post author's comments
3m 1s
Styling the comment form
5m 49s
Working with comment navigation
5m 29s
8. Working with Featured Images
23m 47s
How do featured images (post thumbnails) work?
3m 10s
Defining featured image sizes
3m 51s
Generating new featured images with a plugin
2m 12s
Adding featured images to a template
4m 33s
Styling the featured image
4m 18s
Creating "full bleed" featured images
2m 58s
Displaying custom image sizes
2m 45s
9. Working with Index Templates
1h 4m
The index template hierarchy
2m 2s
Styling index templates
4m 27s
Displaying excerpts on index pages
5m 13s
Edit the excerpt "Read More" indicator
1m 53s
Configuring and styling index posts
5m 27s
Adding a custom "Read More" link
5m 10s
Adding featured images
4m 45s
Creating custom pagination navigation
6m 51s
Highlighting sticky posts
4m 44s
Highlighting the most recent post in the index template
6m 19s
Working with archive.php
2m 44s
Customizing the search results page
2m 41s
Customizing error pages and empty search results
8m 4s
Sidebar: Working with post formats
4m 24s
10. Working with Static Pages
3m 47s
Working with pages
3m 47s
11. Working with Widget Areas (Sidebars) and the Footer
20m 31s
Working with widget areas (sidebars)
3m 41s
Using the Monster Widget plugin to test all widgets
1m 52s
Styling the widgetized area
5m 22s
Adding custom styles to specific widgets
3m 30s
Working with the footer
6m 6s
12. Adding Features to the Customizer
28m 8s
Working with the Customizer
4m 7s
Adding controls for the header background color
4m 48s
Changing the header background color
5m 6s
Creating sidebar layout options on the front end
5m 32s
Adding sidebar layout options in the Customizer
5m 18s
Hooking in sidebar layout preview in the Customizer
3m 17s
13. Backend Customization
7m 52s
Adding editor styles to match front-end styles
5m 14s
Adding a screenshot
2m 38s
Conclusion
2m 13s
Going further with WordPress
2m 13s
www.lynda.com/WordPress-tutorials/WordPress-Building-Themes-from-Scratch-Using-Underscores/417653-2.html
Download File Size:1.14 GB
|
