2014
Train Simple
4:30
English
In this course we'll cover how WordPress themes are constructed. Once you understand the structure, you'll build a wireframe for your own custom WordPress theme. Then you'll start adding design and visual interest to your themes. It's assumed you have some experience with Photoshop, HTML, CSS, and that you've completed our WordPress 4 Fundamentals course.
1. Introduction
Hello and Welcome
Tools We'll Need
The Workflow Process
2. Getting Wordpress Set Up
Understanding How WordPress Themes Are Constructed
Understanding WordPress File Hierarchy
Considerations When Customizing A Theme
Applying a Blank Wordpress Theme
Customization Options From The Wordpress Back-End
Creating Sample Posts for the Loop
Creating Our Site's Page Structure
3. Wireframing The Theme's Layout
Viewing the Final Photoshop Layout
Setting Up The Master Div
Roughing in the Header
Inserting a Rough Logo
Listing Pages As The Site's Main Nav Menu
Applying Formatting to the Navigation Menu
Wiring In The Header's Call To Action Button
Building The Hero Content Area
Roughing In The iPad Graphic
Structuring The Hero Section's Text
Creating The Introducing Section
Setting Up The Introducing Boxes and Placeholder Graphics
Setting Up The Blog Loop
Structuring In The Get It Now Section
Roughing In The Footer & Cleaning Up Our Code
4. From Wireframe to Design
Methods For Extracting Images From Photoshop
Inserting The Logo Image
Formatting The Header
Formatting The Call To Action Button, Pt 1
Formatting The Call To Action Button, Pt 2
Integrating The Google Font API
Getting Started Formatting The Hero Section
Formatting The Hero Section Text
Formatting The Hero Button
Building Up The Introducing Area
Setting Up The Blog Loop & Using Chrome's Developer Tools
Applying Formatting To The Get Section
Finishing Up With The Footer
5. Finishing Touches
Integrating A Sidebar Into The Site Layout
Formatting The Sidebar
Setting Up Page Navigation
Using WP-Paginate To Control Pagination
Further Theme Considerations
Wrapping Up
Download File Size:1.98 GB
|
