O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Learn To Create WordPress Themes By Building 10 Projects

Video Description

Master the fundamentals of WordPress theme development and create attractive WordPress themes from scratch

About This Video

  • Learn the process of WordPress theme creation

  • Master the design and Programming skills required for creating themes

  • Start making money by selling WordPress themes

  • Learn the basic PHP, HTML and CSS required for theme creation

  • In Detail

    WordPress has emerged as a powerful, easy to use tool to design attractive, engaging websites. Themes play a big role in making WordPress as popular as it is today, and having an eye-catching, fully-functional theme could separate your website from the rest! This course will help you take your first steps in the WordPress theme development process, with 10 different projects centered around creating unique and responsive WordPress themes. Start with creating a simple WordPress theme using just HTML5, CSS and PHP. Then, you will move on to incorporate different APIs, widgets and tools like Bootstrap and jQuery to create more dynamic and highly-functional themes. Whether you want to create a photo gallery theme, a highly customizable eCommerce theme, or a theme designed to suit a particular business, this course will teach you everything you need to know. By the end of this highly interactive course, you will have the required mastery to develop enterprise-grade WordPress themes from scratch.

    Table of Contents

    1. Chapter 1 : Course Intro
      1. Introduction 00:04:38
    2. Chapter 2 : Building a Simple Theme
      1. Project Intro 00:01:15
      2. Installing and Setting Up WordPress 00:05:48
      3. Required Files and Head Code 00:08:49
      4. Looping through Posts 00:17:10
      5. Single Post and Thumbnails 00:13:58
      6. Pages and Menus 00:08:34
      7. Widget Locations and Comments 00:16:08
    3. Chapter 3 : Creating an Advanced Theme
      1. Project Intro 00:02:11
      2. HTML Template - Part A 00:09:36
      3. HTML Template - Part B 00:17:07
      4. Theme Setup, Navbar, and Header 00:15:24
      5. Displaying Blog Posts - Part A 00:15:18
      6. Displaying Blog Posts - Part B 00:07:40
      7. Archive and Search Result 00:07:38
      8. Post Formats 00:20:07
      9. Pages, Custom Templates, and Sub Navigation 00:18:00
      10. Theme Widgets 00:10:52
      11. Custom Home Page 00:07:16
      12. Comment Functionality 00:06:46
    4. Chapter 4 : Photo Gallery Theme
      1. Project Intro 00:02:04
      2. Homepage HTML and CSS 00:13:47
      3. Animation and Photo Page HTML 00:07:05
      4. Theme Header and Footer 00:10:24
      5. The Post Loop 00:08:21
      6. Displaying Post Content 00:12:10
      7. Category Widget and Search 00:11:33
      8. Single Post 00:04:31
    5. Chapter 5 : WordStrap Theme
      1. Project Intro 00:02:19
      2. Index, Header, and Footer 00:18:35
      3. The Post Loop Wordstrap Theme 00:14:38
      4. Navbar and Widgets Part A & Part B 00:20:11
      5. Search and Single Post Page 00:07:04
      6. Comment Functionality 00:09:13
    6. Chapter 6 : Foundation Ecommerce Theme
      1. Project Intro 00:03:08
      2. Ecommerce HTML Template - Part A 00:16:16
      3. Ecommerce HTML Template - Part B 00:07:18
      4. Theme Setup, Logo, and Navigation 00:12:10
      5. Custom Showcase Widget Plugin 00:13:54
      6. Sidebar Widgets Setup 00:08:10
      7. Main Product Post Page 00:08:10
      8. Single Product and Single Page 00:08:26
    7. Chapter 7 : Business Theme
      1. Project Intro 00:03:08
      2. Business Theme HTML and CSS - Part A 00:15:43
      3. Business Theme HTML and CSS - Part B 00:11:19
      4. Business Theme HTML and CSS - Part C 00:19:24
      5. Navigation and Custom Logo Upload 00:17:26
      6. Adding Customizer Sections and Settings 00:18:40
      7. Implementing Customize Settings 00:10:16
      8. Theme Widget Positions 00:10:20
      9. Blog Index Page 00:13:08
      10. Single Post and Comments 00:09:57
    8. Chapter 8 : CleanCut Theme
      1. Project Intro 00:05:08
      2. Website HTML Template - Part A 00:19:51
      3. Website HTML Template Part B & Part C 00:20:58
      4. CleanCut Theme Setup and Menu 00:13:06
      5. Showcase and Social Customization 00:16:44
      6. Banner and Animation Control 00:05:30
      7. Blog Posts and Custom Query Part A & Part B 00:21:53
      8. Single Post and Comments 00:12:07
      9. Pages and Sub Navigation 00:11:55
      10. Post Formats and Bottom Widget 00:13:47
    9. Chapter 9 : WPNews Theme
      1. Project Intro 00:03:14
      2. lnk HTML Template 00:15:37
      3. WPNews Theme Setup and Menu 00:11:40
      4. Main Post Loop 00:09:02
      5. Custom Query Loops 00:13:32
      6. Single Post Page 00:11:30
      7. Archive, Search, and Pages 00:06:15
    10. Chapter 10 : FourCorners Theme
      1. Project Intro 00:03:19
      2. FourCorners HTML Template - Part A 00:16:25
      3. FourCorners HTML Template - Part B 00:11:20
      4. FourCorners HTML Template - Part C 00:14:19
      5. FourCorners Theme Setup 00:11:45
      6. Homepage Posts 00:11:51
      7. Blog, Archive, and Search Pages 00:10:46
      8. Single Posts, Pages, and Widgets 00:12:31
      9. Gallery Posts 00:03:42
    11. Chapter 11 : Dynamo Theme
      1. Project Intro 00:04:19
      2. Dynamo HTML Template Part A 00:16:48
      3. Dynamo HTML Template Part B 00:16:33
      4. Slideshow & Tabs JavaScript 00:05:43
      5. Dynamo Theme Files & Menu Setup 00:10:38
      6. Homepage Posts With Slideshow & Tabs 00:17:27
      7. Blog Page & Single Posts 00:10:29
      8. Color Customizations 00:19:47
    12. Chapter 12 : Course Summary
      1. Course Summary 00:04:12