Building Custom WordPress Sites from Scratch

Learn how to build customized WordPress Sites. Over 9 hours of training from an leading expert

4.10 (193 reviews)
Udemy
platform
English
language
Web Design
category
instructor
Building Custom WordPress Sites from Scratch
6,040
students
9 hours
content
Jan 2017
last update
$19.99
regular price

What you will learn

How to install host, and configure a complete WordPress solution for a professional site.

How to design a custom WordPress theme using industry standard graphic design tools and creative techniques.

How to work with HTML, PHP, and CSS elements of WordPress to have precise control over page layout and site components.

How to extend the functionality of any WordPress site with plugins and free tools.

Description

A Verifiable Certificate of Completion is presented to all students who undertake this course.

WordPress offers more flexibility for creating personal and professional sites than any other content management system on the market. Now, in this multi-part WordPress training course from InfiniteSkills, you'll learn everything you need to know to create a completely custom site from the ground up, from design, to installation and everyday management.

This highly informative course goes starts with the planning stages, helping you make key decisions and establish a professional wireframe in Adobe Illustrator, before moving through Photoshop for graphic design and onto WordPress itself for installation, configuration and customization with plugins and content. In 114 lessons, you will learn how to design, build and manage a professional web presence, using the latest technologies at your disposal. No other WordPress tutorial series offers such an extensive guide to website creation!

Content

Site Planning And Wireframing

Working Files - Download These First
What You Will Learn
The Workflow Process
Setting Up Illustrator For Web Layout
Getting Started With Wire Framing
Making The Layout Precise With Transform And Align
Setting Up Layout Guides
Wireframing Additional Layout Objects
Finishing Up The Wireframe - Part 1
Finishing Up The Wireframe - Part 2

From Wireframe To Design

Choosing Fonts
Choosing Colors
Creating The Site Logo
Scaling And Positioning The Logo
Creating A Brush Effect
Building Out The Design Further
Pushing The Design Further
Using Yahoo! Design Elements

Moving The Design To Photoshop

Getting The Design Into Photoshop
Adjusting The Canvas Size
Introducing Smart Objects
Breaking Apart The Layout - Part 1
Breaking Apart The Layout - Part 2
Breaking Apart The Rest Of The Layout
Organizing The Layers Panel
Building Out The Header
Inserting The Header Texture And A Clipping Group
Inserting Photographs - Part 1
Inserting Photographs - Part 2
Building The Center Section
Finalizing The Layout

Installing WordPress Locally On The PC And Mac

Downloading WordPress
Downloading XAMPP For PC
Starting Up XAMPP And Creating The MySQL Database
Installing WordPress On The PC
Downloading MAMP For Mac
Pointing MAMP To WordPress
Creating The Database And Installing WordPress On The Mac

Getting WordPress Set Up

Viewing And Touring The Admin Console
Viewing The WordPress Front And Backend
WordPress Main Areas
Permalink Option Settings
Changing The Sites Theme

Building A Custom WordPress Theme

Viewing The Template Files And A Note About Text Editors
Defining The Main Layout Components - Part 1
Defining The Main Layout Components - Part 2
Adjusting The Layout Width
Starting The Sites Header
Slicing The Layout's Header Graphic
Saving The Header Background
Correcting The File Structure
Inserting The Header Graphic Into The CSS
Extracting The Logo From The Photoshop Layout
Inserting The Logo And Making Code Adjustments
Resizing The Logo
Roughing In The Slidshow - Part 1
Roughing In The Slidshow - Part 2

Building The Site's News Feed

Understanding How Posts And The Loop Works
Writing And Publishing Posts
Setting A Featured Image Post Thumbnail - Part 1
Setting A Featured Image Post Thumbnail - Part 2
Inserting The More Tag
Creating Additional Test Posts
Setting The Blog Loop Background Graphic
Controlling Background Tiling
Adding The Blog Loop Title
Customizing How Posts Display - Part 1
Customizing How Posts Display - Part 2
Finalizing The Blog Loop

Building The Site Pages And Main Menu

Understanding Pages Versus Posts
Publishing Pages And Updating The Menu
Creating Additional Test Pages
Controlling The Order Of Menu Items
Finishing Up The Menu

Building The Layout's Center Section

Saving The Graphic For The Center Section
Coding The Center Section
Applying The Background Texture
Extracting The Center Section Graphics
Coding The Center Graphics
Final Center Box Adjustments
Setting Center Box Hyperlinks

Building An Automated Slideshow

Downloading And Installing The Gallery Plugin
Inserting The Gallery Code
Creating The Slideshow Graphics
Building The Slide Posts
Configuring The Slideshow
Removing The Gallery Posts From The Loop

Building The Sidebar And Footer

Saving Out The Sidebar Background
Adjusting The Sidebar CSS
Previewing The WordPress Default Calendar
Downloading And Installing An Events Calendar
Adding An Event To The Calendar
Customizing The Calendars CSS
Installing The Photo Gallery Widget
Configuring The Photo Gallery Widget
Adjusting The Thumbnail Size
Creating The Thumbnail Posts
Restricting The Gallery Posts
Adjusting The Blog Loop And Gallery CSS
Inserting The Newsletter Graphic
Building The Layout's Footer - Part 1
Building The Layout's Footer - Part 2
Setting The Graphics In The Footer
Finalizing The Footer Content

Uploading To A Live Web Server

Exporting The Local Database
Preparing The Database For Uploading
Creating The Live Database
Adding A Database User
Importing The Local Database
Updating the PHP and CSS Files
Updating The Configuration File
Uploading The Sites Files
Viewing The Live Site And Final Tweaks
Wrapping Up

Reviews

Michael
September 16, 2012
Geoff the instructor of this course was very articulate and delivered the lessons in a confident and energetic manner that made the learning both fun and informative. He spent the time to explain some of the more abstract concepts of how the programs within Wordpress interacted with each other which helped me have a more clear understanding of the methods involved in getting the project completed.
Michael
September 10, 2012
It was easy to understand most parts as you go along. and I am sure that I will be reviewing it as I do more.
Grant
August 21, 2012
Loads of useful information which is easy to follow and explained well. Some parts i would of liked covered a bit more (custom navigation bar, making a child theme). But overall i learn many skills and this will definitively help me in the future.
Erin
July 27, 2012
I thought the instructor for this course was cheerful, friendly, thorough, and highly detailed. Each video is short enough to absorb, and by following along in my own effort I was better able to understand what he was saying. I learned a lot more about PhotoShop and Illustrator than I ever imagined I would, but it turned out to be a valuable bonus compared to a strict WordPress-only approach. I do wish I could learn more advanced techniques, such as all of the things he said he wouldn't get into in this course as well as how to create custom post loop designs for different types of content. I would encourage this instructor to do more courses that build off this one! I'd sign up, for sure. ea/
Clay
July 10, 2012
Been dabbling with Adobe products and the web for 15 years - this provides just the right amount of detail but still moves along. Loving the parts about how to move from Ai to Ps. Good stuff. Highly recommend for beginners or folks with intermediate skills too I skipped over the installation of WP, XAMP, and MySQL as I was already had it setup on my Mac.
Monika
June 5, 2012
Hello Geoff Yesterday evening I finished the course. During the course I composed my own design and page for a client. This page I uploaded to the server, exported the database - exactly how you teached me. But anyway, my heart was bumping a bit, as you can imagine ;-) Today morning I talked to the technician of the host, to fix eventually some errors. He asked: "You are quite familiar to work with wordpress, aren't you?" I said; "With wordpress blogging just like that - yes. But this maneuvre was the first in my history, with local database and all and all. You know, I took a course at udemy for that knowledge." And his reply was: "That must be a very good course, because there are ZERO faults in your files!" Evidence here: http://www.pacting.ch I think that says it all to the technical side. To the emotional side I have to give you a great compliment, Geoff: Your style in teaching, talking about the fun it is in building up all the stuff - that is like a spark that jumps over to the Student. So many hours I was sitting here, with a good coffee, listening and learning AND having lots of fun! Thanks for all your great work and warm regards Monika
David
May 21, 2012
The non-programming part is super-straight forward, but no worries, you are walked through any and all programming updates. I wonder though why a nicer site wasn't used as a model. It wasn't bad, but nothing special.
Neil
April 11, 2012
I liked the wireframing sessions, starting in Illustrator. I've always dived straight into Photoshop but can see the merits of utilising Illustrator first on some, if not all, occasions. The whole session is well broken down into logical chunks and there are some nice helpful tips thrown in here and there. I'm comfortable with html and am building on my knowledge of CSS, but have never touched PHP - so my personal main concern is in knowing and recognising where and what things to change within the PHP, like what can be safely deleted and so on. I realise the PHP is not something that could be explained more within the scope of this course and it is just a taster of the fact that is do-able. The exporting and uploading procedure was also quite straightforward. All in all a very good training course and well worth the cost. Are there any PHP courses in the making?
Jean
March 21, 2012
The information was useful to me even doe I have experience of changing all types of WordPress themes. I thought this was going to be more like starting a theme from HTML to a WordPress theme. But, the info given was helpful and seeing a different way was useful. It would be nice to have an added video to show how you located the files and the line numbers or just showing how to use firebug add-on on Firefox. This is great reference material.
Vicki
March 1, 2012
It is a course I would recommend to anyone. Explained in very simple terms, so doesn't matter whether you are new to web development or not. One of the best courses I have taken.
Gordon
February 29, 2012
Bottom line: the course was a great help in getting into WordPress and creating my first WordPress site. However, you could improve it in the following way: While I loved the course and was able to set up a WordPress site by following the videos sequentially one after another, I've found that in trying to repeat the process or review an area not fully learned, I'm hampered by the lack of a full (and preferably clickable) index. I'm using Firefox (10.0.2) on a Mac (OS X 10.7.3), and on my browser, the only way to find a specific lesson is to scroll down through all the lessons until you think you've found what you want. You don't know, however, because the whole title of each lesson isn't there. It's abbreviated because the column isn't wide enough to accommodate it. Only when you click the lesson and see the full title on the screen do you know what you've got. Perhaps you've made provision for this, but I can't widen the column containing the list of lessons, so it has to be hit or miss. At least the Chapter and lesson numbers at the top of each lesson are a help, but one may still have to scroll down through dozens of lessons to find the one needed. I realize that I could download the entire content and organize/index it any way I wished, but even here an index would help because I don't really need to download every lesson and would like to know the title without actually starting the video. So how about it? Can you make a really good thing even better by improving the index/access? Thanks! By the way, I'm a professor creating a Facilitator's Manual for a blended course, so I'm thinking about all of this stuff as I work. You could lead by example!
J
February 24, 2012
I have been looking for a course like this one for almost a year. I plan on reviewing all the video clips several times to get the full benefit of all that the great Wordpress wisdom in this course. I look forward to other classes produced by this instructor. My goal is to know Wordpress inside and out. This class is helping me meet that goal.
Akos
February 16, 2012
Only take this course, if you have no prior experience in building websites/wordpress. You are only building a child theme for the standard wordpress twenty ten theme. If you want to know more, buy a good book (which is cheaper) or sing up with Lynda.com (still cheaper), you get more out of it than this.
Gillian
January 31, 2012
I found the topics covered to be very comprehensive and I was surprised at what I've managed to learn in such a short period of time, I did have a basic understanding of Photoshop prior to this course and I'd used Illustrator a little and I think this helped me follow along. I think that users would have to have at least a basic knowledge of web design prior to this course, and this will really help then follow along, the lessons do get a little technical at times The lessons are very well constructed and I like the full screen option. The only downside is the lessons can't be downloaded, other than this small point it's well worth the money. Gill
Ray
January 31, 2012
The video and the sound track run sporadically so much of what might be said is garbelled and therefore useless. There appears to be no method to down load associated notes - there are no notes - so u are forced always to return here to try to find a section you want to refresh on. My advice is buy a book which will be better presented and you will always have the data to hand. This is a pile of festering parrot droppings and is video learning at its worst.

Charts

Price

Building Custom WordPress Sites from Scratch - Price chart

Rating

Building Custom WordPress Sites from Scratch - Ratings chart

Enrollment distribution

Building Custom WordPress Sites from Scratch - Distribution chart

Related Topics

12855
udemy ID
1/19/2012
course created date
12/5/2020
course indexed date
Bot
course submited by