Lynda - WordPress: Building Themes from Scratch Using Underscoresseeders: 0
leechers: 0
Lynda - WordPress: Building Themes from Scratch Using Underscores (Size: 1.17 GB)
Description 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 Sharing Widget |