Download Safari Books Online apps: Apple iOS | Android

Entire Site

Safari Books Online

    Free Trial

    Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.

    Building Websites With WordPress

    Subscriber Reviews • Browse Similar Topics

    Overview

    In recent years, WordPress has become more than just a platform for expressing your personal thoughts in the form of a blog. WordPress has become a fully featured content management system that you can utilize to build complete and functional websites. In this computer based training course, expert designer, trainer and author Geoff Blake teaches you how to use WordPress to build a seamless, professional website. Not intended for the faint of heart, this training course focuses on the process and details of building a website with WordPress from scratch. Geoff starts with wireframing in Illustrator and continues to slicing your design apart in Photoshop. Once you have a final design, you will learn how to install and setup WordPress on your local computer. From there, you will learn step by step, how to modify the default WordPress template CSS and file structure to suit your own design, one element at a time. You will learn about "The Loop", and how to use it on your homepage. You will create pages, and use plugins for a calendar and slideshow. Finally, you will learn how to take your design, and put it online for everyone to see. By the conclusion of this video training course on Designing Websites With WordPress, you will be fully capable of customizing WordPress to build your own, fully functional websites. This video tutorial comes complete with working files so that you can create a website alongside the author with the same files he uses.

    Subscriber Reviews

    Average Rating: 4.214285714285714 out of 5 rating Based on 14 Ratings

    "Great for complete novice" - by knoxautoguy on 23-NOV-2012
    Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
    Geoff Blake takes the approach that his viewers know nothing, which results in watering down the content of these videos.  It could all be packed into half the time, or even better, twice the content could have been provided. If you're a complete novice, this is a great source.
    Report as Inappropriate

    "Building Websites With WordPress" - by Anonymous on 29-MAY-2012
    Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
    Excellent video! It was very easy to follow along and very informative. The wonderful part about this video is you're taught by working through building an actual website from beginning to end.
    Report as Inappropriate

    "Magnificent Tutorial!" - by Brenda M. on 27-MAR-2012
    Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
    Geoff Blake is to be commended for doing a superlative, outstanding job on this video series.

    He starts with the concept, moves through wireframing, comps in Illustrator then to Photoshop, HTML/CSS and WordPress.

    I have been trying to understand the workflow for over a year and have always been intimidated / rushed by other videos. Geoff slowly walks you through his thought process, and thoroughly explains why he chooses a particular path/process.

    I LOVED IT.
    I HAVE FINALLY LEARNED HOW TO PRODUCE A WEBSITE WITH WORDPRESS!!!!
    Report as Inappropriate

    "Excellent integration of various technologies" - by 420Colorado on 05-FEB-2012
    Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
    I'm really enjoying this video series.  The author uses Illustrator, Photoshop, MAMP, Wordpress, and your texte editor of choice to build a site.  Integrating all of these technologies is great.  If you have just some experience with any of these technologies you should have no problem learning a lot more about integrating  them to build WordPress sites.  Excellent job Geoff!
    Report as Inappropriate

    Table of Contents

    Chapter/Selection

    Time

    01. Site Planning And Wireframing

    What You Will Learn

    Preview

    00:03:45

    The Workflow Process

    Preview

    00:03:01

    Setting Up Illustrator For Web Layout

    Preview

    00:04:35

    Getting Started With Wire Framing

    Preview

    00:06:48

    Making The Layout Precise With Transform And Align

    Preview

    00:07:35

    Setting Up Layout Guides

    Preview

    00:05:32

    Wireframing Additional Layout Objects

    Preview

    00:05:44

    Finishing Up The Wireframe - Part 1

    Preview

    00:07:32

    Finishing Up The Wireframe - Part 2

    Preview

    00:03:16

    02. From Wireframe To Design

    Choosing Fonts

    Preview

    00:04:55

    Choosing Colors

    Preview

    00:07:44

    Creating The Site Logo

    Preview

    00:07:05

    Scaling And Positioning The Logo

    Preview

    00:03:32

    Creating A Brush Effect

    Preview

    00:07:08

    Building Out The Design Further

    Preview

    00:06:02

    Pushing The Design Further

    Preview

    00:04:51

    Using Yahoo! Design Elements

    Preview

    00:05:40

    03. Moving The Design To Photoshop

    Getting The Design Into Photoshop

    Preview

    00:06:54

    Adjusting The Canvas Size

    Preview

    00:03:50

    Introducing Smart Objects

    Preview

    00:05:43

    Breaking Apart The Layout - Part 1

    Preview

    00:06:19

    Breaking Apart The Layout - Part 2

    Preview

    00:05:57

    Breaking Apart The Rest Of The Layout

    Preview

    00:04:35

    Organizing The Layers Panel

    Preview

    00:05:31

    Building Out The Header

    Preview

    00:04:15

    Inserting The Header Texture And A Clipping Group

    Preview

    00:07:25

    Inserting Photographs - Part 1

    Preview

    00:05:04

    Inserting Photographs - Part 2

    Preview

    00:06:13

    Building The Center Section

    Preview

    00:08:20

    Finalizing The Layout

    Preview

    00:05:00

    04. Installing WordPress Locally On The PC And Mac

    Downloading WordPress

    Preview

    00:02:49

    Downloading XAMPP For PC

    Preview

    00:02:51

    Starting Up XAMPP And Creating The MySQL Database

    Preview

    00:04:53

    Installing WordPress On The PC

    Preview

    00:06:18

    Downloading MAMP For Mac

    Preview

    00:02:13

    Pointing MAMP To WordPress

    Preview

    00:03:46

    Creating The Database And Installing WordPress On The Mac

    Preview

    00:07:20

    05. Getting WordPress Set Up

    Viewing And Touring The Admin Console

    Preview

    00:04:01

    Viewing The WordPress Front And Backend

    Preview

    00:03:16

    WordPress Main Areas

    Preview

    00:04:59

    Permalink Option Settings

    Preview

    00:04:00

    Changing The Sites Theme

    Preview

    00:04:22

    06. Building A Custom WordPress Theme

    Viewing The Template Files And A Note About Text Editors

    Preview

    00:05:31

    Defining The Main Layout Components - Part 1

    Preview

    00:06:25

    Defining The Main Layout Components - Part 2

    Preview

    00:05:00

    Adjusting The Layout Width

    Preview

    00:04:52

    Starting The Sites Header

    Preview

    00:06:01

    Slicing The Layout's Header Graphic

    Preview

    00:07:07

    Saving The Header Background

    Preview

    00:05:16

    Correcting The File Structure

    Preview

    00:02:49

    Inserting The Header Graphic Into The CSS

    Preview

    00:05:04

    Extracting The Logo From The Photoshop Layout

    Preview

    00:05:21

    Inserting The Logo And Making Code Adjustments

    Preview

    00:07:58

    Resizing The Logo

    Preview

    00:03:12

    Roughing In The Slidshow - Part 1

    Preview

    00:06:32

    Roughing In The Slidshow - Part 2

    Preview

    00:05:45

    07. Building The Site's News Feed

    Understanding How Posts And The Loop Works

    Preview

    00:06:20

    Writing And Publishing Posts

    Preview

    00:05:03

    Setting A Featured Image Post Thumbnail - Part 1

    Preview

    00:05:26

    Setting A Featured Image Post Thumbnail - Part 2

    Preview

    00:06:51

    Inserting The More Tag

    Preview

    00:02:47

    Creating Additional Test Posts

    Preview

    00:02:55

    Setting The Blog Loop Background Graphic

    Preview

    00:07:29

    Controlling Background Tiling

    Preview

    00:04:12

    Adding The Blog Loop Title

    Preview

    00:03:27

    Customizing How Posts Display - Part 1

    Preview

    00:02:40

    Customizing How Posts Display - Part 2

    Preview

    00:03:49

    Finalizing The Blog Loop

    Preview

    00:02:33

    08. Building The Site Pages And Main Menu

    Understanding Pages Versus Posts

    Preview

    00:03:13

    Publishing Pages And Updating The Menu

    Preview

    00:04:11

    Creating Additional Test Pages

    Preview

    00:03:20

    Controlling The Order Of Menu Items

    Preview

    00:05:01

    Finishing Up The Menu

    Preview

    00:02:04

    09. Building The Layout's Center Section

    Saving The Graphic For The Center Section

    Preview

    00:05:24

    Coding The Center Section

    Preview

    00:06:07

    Applying The Background Texture

    Preview

    00:04:47

    Extracting The Center Section Graphics

    Preview

    00:05:04

    Coding The Center Graphics

    Preview

    00:03:51

    Final Center Box Adjustments

    Preview

    00:05:52

    Setting Center Box Hyperlinks

    Preview

    00:03:03

    10. Building An Automated Slideshow

    Downloading And Installing The Gallery Plugin

    Preview

    00:04:01

    Inserting The Gallery Code

    Preview

    00:02:31

    Creating The Slideshow Graphics

    Preview

    00:05:21

    Building The Slide Posts

    Preview

    00:06:04

    Configuring The Slideshow

    Preview

    00:04:49

    Removing The Gallery Posts From The Loop

    Preview

    00:04:06

    11. Building The Sidebar And Footer

    Saving Out The Sidebar Background

    Preview

    00:03:01

    Adjusting The Sidebar CSS

    Preview

    00:05:06

    Previewing The WordPress Default Calendar

    Preview

    00:04:07

    Downloading And Installing An Events Calendar

    Preview

    00:03:05

    Adding An Event To The Calendar

    Preview

    00:03:12

    Customizing The Calendars CSS

    Preview

    00:07:43

    Installing The Photo Gallery Widget

    Preview

    00:03:17

    Configuring The Photo Gallery Widget

    Preview

    00:03:17

    Adjusting The Thumbnail Size

    Preview

    00:03:12

    Creating The Thumbnail Posts

    Preview

    00:04:20

    Restricting The Gallery Posts

    Preview

    00:03:29

    Adjusting The Blog Loop And Gallery CSS

    Preview

    00:06:16

    Inserting The Newsletter Graphic

    Preview

    00:06:02

    Building The Layout's Footer - Part 1

    Preview

    00:07:20

    Building The Layout's Footer - Part 2

    Preview

    00:04:20

    Setting The Graphics In The Footer

    Preview

    00:01:51

    Finalizing The Footer Content

    Preview

    00:06:10

    12. Uploading To A Live Web Server

    Exporting The Local Database

    Preview

    00:03:01

    Preparing The Database For Uploading

    Preview

    00:03:25

    Creating The Live Database

    Preview

    00:02:14

    Adding A Database User

    Preview

    00:02:10

    Importing The Local Database

    Preview

    00:02:05

    Updating the PHP and CSS Files

    Preview

    00:04:08

    Updating The Configuration File

    Preview

    00:01:59

    Uploading The Sites Files

    Preview

    00:02:12

    Viewing The Live Site And Final Tweaks

    Preview

    00:02:29

    Wrapping Up

    Preview

    00:01:38

    13. About The Author

    Learn About Me

    Preview

    00:01:25

    Extras

    The publisher has provided additional content related to this title.


    Description
    Content

    These files have been provided by the publisher.

    • Working_Files.zip