The Complete WordPress Theme Development Course | Alexander Oni | Skillshare

The Complete WordPress Theme Development Course

Alexander Oni, Web Developer & Cyber Security Expert

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
129 Lessons (10h 16m)
    • 1. Promo

      2:04
    • 2. Requirments for the Course

      2:15
    • 3. First things First

      4:20
    • 4. Creating an FTP Account

      2:22
    • 5. How to Connect Notepad with FTP Account

      6:54
    • 6. Introduction to the WordPress Codex

      1:48
    • 7. The Wp Content Folder

      5:10
    • 8. Creating our Custom Theme

      5:28
    • 9. Introduction to WordPress Template Files

      4:14
    • 10. The style.css File

      3:31
    • 11. The index.php File

      2:44
    • 12. The header.php Template File

      4:56
    • 13. The footer.php Template File

      2:11
    • 14. The sidebar.php Template File

      2:27
    • 15. The functions.php Template File

      1:52
    • 16. Other Template Files

      2:44
    • 17. The template hierarchy in action

      7:52
    • 18. Lab 1 - Setting Up Our Website (CSS Formatting & Structure)

      9:52
    • 19. Lab 2 - Setting Up Our Website (Adding Content)

      5:00
    • 20. WordPress Loop and Template Tags Section Intro

      1:09
    • 21. Lab 3 - Creating a Sample Page Template

      4:14
    • 22. Introduction to Template Tags

      2:08
    • 23. Template Tags in action

      11:19
    • 24. Introduction to the WordPress Loop

      5:08
    • 25. Analyzing the WordPress Loop

      10:06
    • 26. Creating a Blog Page Template

      12:45
    • 27. Exercise - Blog Page Sample

      1:04
    • 28. WordPress Loop Template Tags Section Review

      0:56
    • 29. Miscellaneous Section Preview

      1:05
    • 30. Lab 4 - Content Population

      1:27
    • 31. Using the Permalink Function

      3:36
    • 32. Custom Image Sizes Cropping

      5:09
    • 33. How to Create a Custom Image Size

      8:06
    • 34. Hard Crop Positions

      3:17
    • 35. Customizing the Read More Link

      3:49
    • 36. Customize the Excerpt Length

      2:50
    • 37. Customizing the WordPress Loop Part 1

      8:11
    • 38. Customzing the WordPress Loop Part 2

      8:19
    • 39. Designing the Blog Page

      4:18
    • 40. Customizing the single.php template

      11:04
    • 41. Miscellaneous Section Review

      1:08
    • 42. Plan for the Home Page Layout

      13:19
    • 43. Creating Custom Post Types

      5:53
    • 44. Creating Custom Taxonomies

      4:30
    • 45. Creating Custom Fields with the Advanced Custom Fields Plugin

      11:12
    • 46. Adding Our Custom Content

      8:46
    • 47. Creating Custom Page Template 1

      13:45
    • 48. Creating Custom Page Template 2

      9:57
    • 49. Custom Page Template Exercise Review

      1:33
    • 50. Creating Our Movie Reviews Single Custom Post Type Page

      13:09
    • 51. Creating Our Actors Single Custom Post Type Page

      7:22
    • 52. Sidebars and Building the Home Page Section Preview

      1:01
    • 53. Creating Our Custom Sidebars

      8:43
    • 54. The dynamic sidebar Function

      5:27
    • 55. The get sidebar Function

      4:49
    • 56. How to Create a Custom Sidebar

      3:51
    • 57. FrontPage.php or Home.php

      7:51
    • 58. Building Our Home Page 1

      3:49
    • 59. Rewind posts Vs reset post data

      2:26
    • 60. Building our Home Page 2

      4:13
    • 61. Building our Home Page Part 3

      5:28
    • 62. Sidebars and Homepage Section Review

      0:31
    • 63. Styling and Scripts Section Preview

      0:43
    • 64. How to Create Custom Style Sheets

      4:03
    • 65. How to Load Custom Style Sheets

      11:36
    • 66. The @import url CSS Method

      3:01
    • 67. Loading Javascript Files

      1:57
    • 68. How to Add Google Fonts

      7:04
    • 69. How to Register a New Menu Location

      3:58
    • 70. How to Display a Custom Menu

      7:32
    • 71. Creating Our Header Sidebar

      2:28
    • 72. Adding Social Media

      4:08
    • 73. Displaying our Home Page Sidebar

      2:17
    • 74. The Flexible Posts Widget Plugin

      4:35
    • 75. Customizing our Flexible Posts Widget Template

      3:11
    • 76. The Recent Posts Extended Plugin

      10:33
    • 77. Styling Part 2 Section Preview

      0:32
    • 78. Adding Our Logo

      7:42
    • 79. Styling our Header

      3:28
    • 80. Styling the Body

      1:18
    • 81. Footer Project Review

      4:51
    • 82. The Category.php Template

      7:40
    • 83. Displaying Category Titles

      3:16
    • 84. The Taxonomy.php Template

      3:23
    • 85. Displaying Specific Taxonomies

      4:13
    • 86. The search.php Template

      3:24
    • 87. The Tag.php Template

      2:44
    • 88. The archive.php Template

      1:38
    • 89. The 404.php Template

      3:57
    • 90. Displaying Our Custom Taxonomy Categories

      4:37
    • 91. Conditional Tags

      1:58
    • 92. The is front page Template

      4:22
    • 93. The is home Conditional Tag

      1:50
    • 94. Detecting the Blog Page

      1:30
    • 95. The is page template Conditional Tag

      4:08
    • 96. Other Conditional Tags

      2:10
    • 97. Global Variables

      2:25
    • 98. The Post Global Variable

      5:37
    • 99. The User Global Variable

      8:13
    • 100. Environmental Global Variables

      3:23
    • 101. How to Detect Mobile Devices

      3:04
    • 102. Working Outside the Loop

      3:51
    • 103. The get post Function

      5:09
    • 104. The get post meta Function

      4:51
    • 105. WordPress Functions Section Intro

      1:09
    • 106. How to write a Basic WordPress Function

      2:29
    • 107. Function 2 - How to Display the Current Time

      11:44
    • 108. Function 3 - Customizing the Movie Review Excerpt

      5:02
    • 109. Adding the Read More link to Our Movie Review Excerpt

      9:30
    • 110. Intro to WordPress Hooks

      3:28
    • 111. WordPress Codex Actions and Filters

      10:09
    • 112. The Query Monitor Plugin

      3:45
    • 113. Function 4 - Adding Google Analytics

      5:29
    • 114. Function 5 - Adding a Custom Gravatar

      8:36
    • 115. Function 6 - Adding Custom User Fields

      5:57
    • 116. Function 7 - Hiding the WordPress Version

      4:08
    • 117. Functions Section Review

      1:00
    • 118. Section Preview WordPress Directory

      1:35
    • 119. The WP Content Folder

      3:03
    • 120. The MU Plugins Folder

      1:43
    • 121. The .htaccess file, wp config ,index files

      3:21
    • 122. The Wp admin Folder

      1:19
    • 123. The Wp Includes Folder

      2:02
    • 124. WordPress Database

      4:47
    • 125. WordPress Database Analysis

      7:13
    • 126. How to Create a Child Theme

      8:27
    • 127. Working with a Child Theme

      5:46
    • 128. The WP Query Generator

      4:33
    • 129. WordPress Theme Development Conclusion

      0:44

About This Class

** UPDATED NOV 29 2018 **

Have you ever wanted to learn how to customize a WordPress theme or plugin so that it looks and works exactly the way you want it to? Most times our ability to build a WordPress website depends heavily on what options are available to us by the theme and plugins we use. This course aims to break through this barrier by teaching you how to build your very own WordPress functions and templates. 

Quick Summary of What You Will Learn

In this course, you will learn

  • How WordPress works behind the scenes to display content on your website

  • How to build your own custom page templates

  • How to write WordPress functions

  • How to work with custom post types and advanced custom fields

  • How to work with WordPress template tags

  • How to create and display your very own custom sidebars

  • and so much more .....

Reviews from Students ...

"Fantastic course. Covers a wide range of subjects related to WordPress development - and in greater depth than I was expecting to be honest. Alex doesn't try to impress you with what he knows (like many instructors do), but just gives clear, concise information which follows a logical structure - with plenty of real-world coding examples which are easy to follow along with. At no point was I left wondering what he was talking about, or how we got there (another common problem). He also responds remarkably quickly to questions. Really enjoyable. " -- Paul Brant

Alex is the guy. 1 - Always answer your questions. 2 - If you're novice (the kind of novice that only knows how to install wordpress), he takes you by the hand during the videos. VERY VERY WELL EXPLAINED. 3 - Even if you have experience building wordpress themes from scratch, im sure you'll have some quite good insight about WP structure. 4 - That's obvious, but lots of content you see here you can find on internet, but Alex makes easier and faster to understand... So... Worth every penny :) -- Guilherme Soares

The WordPress Loop

The WordPress loop is the single most crucial and important function of WordPress and in this course, you will learn exactly how it works and how you can modify the loop to customize how your post and page content are displayed.

"Great course, perfect after a little playing with WP on your own and some PHP knowledge. Although you could probably pick up the PHP as you go. I like Alex's instruction style, it feels like he is invested in your success. The exercises are easy to follow, seem to be clearly explained. I haven't found anything like this for free, it's all set out for you so you don't have to hash through multiple resources to level up. The course is really helping me to understand the inner workings of WP and with a little prior experience I am building a theme for a hostel for free then I'm sure I am ready for my first paid job."  -- Trevor Joel

We are going to use a starter theme (underscores) to build a complete WordPress blog about movies.

The first section will introduce you to the core template files that you will find in every WordPress theme and also the WordPress template hierarchy which determines what template file displays content.

We will then move on to learn about WordPress template tags and the almighty WordPress loop which is responsible for displaying the content of your post types. We will then learn how to create custom image sizes so that you will have total control on how media files are displayed on your website. We will round up section 4 by learning how to customize the WordPress query and post excerpts.

We will cover custom post types and advanced custom fields in the next section which are crucial to your arsenal as a WordPress developer. You will then learn how to create your very own custom template files so you can determine how content is displayed on your website.

Custom sidebars and how to create and display them comes next. We will progress to start building our custom home page template and also learn how to properly load custom style sheets.

You will then learn about taxonomy templates and conditional tags before we take a look at global variables and how to work outside the WordPress loop.

I will then proceed to show you how to write your very own custom WordPress functions. We will write the following

  • A function to display the current time

  • A function to add Google Analytics

  • A function to add a custom gravatar

  • A function to add profile authors

  • A function to hide the WordPress version

We will then conclude this course by taking a look at the WordPress installation directory and database management.

Bonus Section

You will be given the opportunity to test your new found skills by applying them onto a real world project. You are going to build a food menu for a restaurant with advanced custom fields and post types. You will also display this menu by customizing the WordPress loop and page templates.

I cannot wait for you to enroll in this true WordPress development course.

I hope to see you on the inside.

Alex.