You can learn anything on Udemy. Start today with one of our 10,000+ online courses

Building Custom WordPress Sites from Scratch

Learn how to build customized WordPress Sites. Over 9 hours of training from an leading expert
70 reviews
WHAT'S INSIDE
  • Lifetime access to 115 lectures
  • 8+ hours of high quality content
  • A community of 3900+ students learning together!
  • 260+ discussions
TAUGHT BY
  • Infinite Skills High Quality Training

    InfiniteSkills is a Canadian based company that offers an ever growing range of high quality eLearning solutions that teach using studio quality narrated videos backed-up with practical hands-on examples. The emphasis is on teaching real life skills that are essential in today's commercial environment. All InfiniteSkills courses are taught by experts who have a true passion for teaching.

SHARE

Building Custom WordPress Sites from Scratch

Learn how to build customized WordPress Sites. Over 9 hours of training from an leading expert
70 reviews
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!

    • Over 115 lectures and 9 hours of content!
    • 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.
    • Anyone looking for an easy and affordable way to create their own custom website for a business or personal use.
    • Any current WordPress user wanting create a custom theme or learn how to manipulate components and settings for a comprehensive design.
    • Anyone who wants a comprehensive guide to web design that incorporates image manipulation and graphic design.

CURRICULUM

  • SECTION 1:
    Site Planning And Wireframing
  • 1
    Working Files - Download These First
    Text
  • 2
    What You Will Learn
    03:45
  • 3
    How to obtain your Certificate of Completion for this Infinite Skills course.
    Text
    Instructions on how to obtain your Certificate of Completion for this Infinite Skills course. All Users of this course are eligible for a Certificate of Completion. Each certificate is issued with a unique number which allows verification that the user has undertaken the course listed. In order to o…
  • 4
    The Workflow Process
    03:01
  • 5
    Setting Up Illustrator For Web Layout
    04:35
  • 6
    Getting Started With Wire Framing
    06:48
  • 7
    Making The Layout Precise With Transform And Align
    07:35
  • 8
    Setting Up Layout Guides
    05:32
  • 9
    Wireframing Additional Layout Objects
    05:44
  • 10
    Finishing Up The Wireframe - Part 1
    07:33
  • 11
    Finishing Up The Wireframe - Part 2
    03:16
  • SECTION 2:
    From Wireframe To Design
  • 12
    Choosing Fonts
    04:55
  • 13
    Choosing Colors
    07:45
  • 14
    Creating The Site Logo
    07:05
  • 15
    Scaling And Positioning The Logo
    03:32
  • 16
    Creating A Brush Effect
    07:08
  • 17
    Building Out The Design Further
    06:02
  • 18
    Pushing The Design Further
    04:51
  • 19
    Using Yahoo! Design Elements
    05:41
  • SECTION 3:
    Moving The Design To Photoshop
  • 20
    Getting The Design Into Photoshop
    06:55
  • 21
    Adjusting The Canvas Size
    03:50
  • 22
    Introducing Smart Objects
    05:43
  • 23
    Breaking Apart The Layout - Part 1
    06:19
  • 24
    Breaking Apart The Layout - Part 2
    05:57
  • 25
    Breaking Apart The Rest Of The Layout
    04:35
  • 26
    Organizing The Layers Panel
    05:31
  • 27
    Building Out The Header
    04:15
  • 28
    Inserting The Header Texture And A Clipping Group
    07:25
  • 29
    Inserting Photographs - Part 1
    05:04
  • 30
    Inserting Photographs - Part 2
    06:13
  • 31
    Building The Center Section
    08:20
  • 32
    Finalizing The Layout
    05:00
  • SECTION 4:
    Installing WordPress Locally On The PC And Mac
  • 33
    Downloading WordPress
    02:49
  • 34
    Downloading XAMPP For PC
    02:51
  • 35
    Starting Up XAMPP And Creating The MySQL Database
    04:53
  • 36
    Installing WordPress On The PC
    06:18
  • 37
    Downloading MAMP For Mac
    02:13
  • 38
    Pointing MAMP To WordPress
    03:46
  • 39
    Creating The Database And Installing WordPress On The Mac
    07:21
  • SECTION 5:
    Getting WordPress Set Up
  • 40
    Viewing And Touring The Admin Console
    04:01
  • 41
    Viewing The WordPress Front And Backend
    03:17
  • 42
    WordPress Main Areas
    04:59
  • 43
    Permalink Option Settings
    04:00
  • 44
    Changing The Sites Theme
    04:22
  • SECTION 6:
    Building A Custom WordPress Theme
  • 45
    Viewing The Template Files And A Note About Text Editors
    05:31
  • 46
    Defining The Main Layout Components - Part 1
    06:25
  • 47
    Defining The Main Layout Components - Part 2
    05:00
  • 48
    Adjusting The Layout Width
    04:52
  • 49
    Starting The Sites Header
    06:01
  • 50
    Slicing The Layout's Header Graphic
    07:07
  • 51
    Saving The Header Background
    05:16
  • 52
    Correcting The File Structure
    02:49
  • 53
    Inserting The Header Graphic Into The CSS
    05:04
  • 54
    Extracting The Logo From The Photoshop Layout
    05:21
  • 55
    Inserting The Logo And Making Code Adjustments
    07:58
  • 56
    Resizing The Logo
    03:12
  • 57
    Roughing In The Slidshow - Part 1
    06:33
  • 58
    Roughing In The Slidshow - Part 2
    05:45
  • SECTION 7:
    Building The Site's News Feed
  • 59
    Understanding How Posts And The Loop Works
    06:20
  • 60
    Writing And Publishing Posts
    05:04
  • 61
    Setting A Featured Image Post Thumbnail - Part 1
    05:26
  • 62
    Setting A Featured Image Post Thumbnail - Part 2
    06:51
  • 63
    Inserting The More Tag
    02:48
  • 64
    Creating Additional Test Posts
    02:55
  • 65
    Setting The Blog Loop Background Graphic
    07:29
  • 66
    Controlling Background Tiling
    04:12
  • 67
    Adding The Blog Loop Title
    03:27
  • 68
    Customizing How Posts Display - Part 1
    02:40
  • 69
    Customizing How Posts Display - Part 2
    03:50
  • 70
    Finalizing The Blog Loop
    02:33
  • SECTION 8:
    Building The Site Pages And Main Menu
  • 71
    Understanding Pages Versus Posts
    03:13
  • 72
    Publishing Pages And Updating The Menu
    04:11
  • 73
    Creating Additional Test Pages
    03:21
  • 74
    Controlling The Order Of Menu Items
    05:01
  • 75
    Finishing Up The Menu
    02:04
  • SECTION 9:
    Building The Layout's Center Section
  • 76
    Saving The Graphic For The Center Section
    05:25
  • 77
    Coding The Center Section
    06:07
  • 78
    Applying The Background Texture
    04:48
  • 79
    Extracting The Center Section Graphics
    05:04
  • 80
    Coding The Center Graphics
    03:51
  • 81
    Final Center Box Adjustments
    05:52
  • 82
    Setting Center Box Hyperlinks
    03:03
  • SECTION 10:
    Building An Automated Slideshow
  • 83
    Downloading And Installing The Gallery Plugin
    04:01
  • 84
    Inserting The Gallery Code
    02:31
  • 85
    Creating The Slideshow Graphics
    05:22
  • 86
    Building The Slide Posts
    06:04
  • 87
    Configuring The Slideshow
    04:49
  • 88
    Removing The Gallery Posts From The Loop
    04:06
  • SECTION 11:
    Building The Sidebar And Footer
  • 89
    Saving Out The Sidebar Background
    03:01
  • 90
    Adjusting The Sidebar CSS
    05:06
  • 91
    Previewing The WordPress Default Calendar
    04:07
  • 92
    Downloading And Installing An Events Calendar
    03:05
  • 93
    Adding An Event To The Calendar
    03:12
  • 94
    Customizing The Calendars CSS
    07:43
  • 95
    Installing The Photo Gallery Widget
    03:18
  • 96
    Configuring The Photo Gallery Widget
    03:17
  • 97
    Adjusting The Thumbnail Size
    03:12
  • 98
    Creating The Thumbnail Posts
    04:21
  • 99
    Restricting The Gallery Posts
    03:30
  • 100
    Adjusting The Blog Loop And Gallery CSS
    06:16

RATING

  • 32
  • 22
  • 9
  • 5
  • 2
AVERAGE RATING
NUMBER OF RATINGS
70

REVIEWS

  • Carl Ford
    Wow!

    You learn a lot about Wordpress in this course, but as an extra added bonus you become more expert at using Illustrator and Photoshop. Each lesson is easy to follow and just about the right length. Try it you will definitely like it. To the author: Fantastic course from start to finish. You may want to consider updating the calendar widget portion. The latest WP won't even up load the files. I used another calendar, but without your excellent advice it got real complicated.

  • Patrick Ho
    Masterful course!

    Comprehensive, methodical, precise and crystal clear.

  • Anouska Rood
    This is not a theme from scratch

    This is just a customizing an old default theme (the Twenty Ten theme).

  • Juan Martín Cacosso
    A very good course, and a cool and didactic teacher

    I found this course to be very useful for me, as a beginner. As time is going by, some of the tools may be outdated (i.e. plugins, WP versions, parts of the coding). But that's a reality with everything that concerns to the Internet world. So obviously, it doesn't make sense to judge the content from that point of view. Instead, the real value is the way that we're taught on how to detect the key parts of both front end and the back end, and how to modify them as per our needs. Thanks so much Mr. Blake, and Infinite Skills' Team!

  • James G Peters
    Excellent course

    Great teacher, end-to-end coverage of subject, lots of detail.