Learn To Create WordPress Themes By Building 10 Projects

As the world becomes more and more digitally dependent, the technologies to create software is becoming easier. When the internet began, the power to harness the internet by creating websites was only...

  • All levels
  • English

Course Description

As the world becomes more and more digitally dependent, the technologies to create software is becoming easier. When the internet began, the power to harness the internet by creating websites was only in the hands of a few people. However, all of that changed with the introduction of WordPress. WordPress allowed users to create websites or blogs using simply drag and drop methods, allowing user...

As the world becomes more and more digitally dependent, the technologies to create software is becoming easier. When the internet began, the power to harness the internet by creating websites was only in the hands of a few people. However, all of that changed with the introduction of WordPress. WordPress allowed users to create websites or blogs using simply drag and drop methods, allowing users to select or de-select a function that they wanted on their web page.

What you’ll learn
  • Simple Theme – An introductory them that will focus more on the syntax and files, rather than design.
  • Advance Theme – This theme will go a little more in depth adding archives and search pages.
  • Photo Gallery – You will learn how add simple animation and use the W3.CSS framework to design a photo gallery theme.
  • Wordstrap – In this project, you will learn how to incorporate Twitter Bootstrap into the theme, as well as learn how to use the WP_NavWalker Class.
  • Ecommerce Theme – You will build an e-commerce theme using the Foundation framework.
  • Business Theme – In this project, you will learn how to work with the Customizer API and Font Awesome.
  • Cleancut Theme – Another bootstrap based theme, that will show you how to use animate.css and customizer API.
  • WPNews – A news based theme that will use the Ink Framework and will also include sliders and JavaScript widgets.
  • FourCorners – A simple, elegant theme based on the Foundation framework that will incorporate the hover.css library.
  • Dynamo Theme – A complex theme that will include Gridism, UnSlider, jQuery Tabs, and Color Customization.

Covering Topics

1
Section 1 : Course Intro

2
Section 2 : Simple Theme

3
Section 3 : Advanced Theme

4
Section 4 : Photo Gallery Theme

5
Section 5 : Wordstrap Theme

6
Section 6 : Foundation Ecommerce Theme

7
Section 7 : Business Theme

8
Section 8 : CleanCut Theme

9
Section 9 : WPNews Theme

10
Section 10 : FourCorners Theme

11
Section 11 : Dynamo Theme

12
Section 12 : Course Summary

Curriculum

      Section 1 : Course Intro
    1
    Intro
      Section 2 : Simple Theme
    2
    Project Intro Preview
    3
    Installing & Setting Up Wordpress Preview
    4
    Required Files & Head Code
    5
    Looping Through Posts
    6
    Single Post & Thumbnails
    7
    Pages & Menus
    8
    Widget Locations & Comments
    Quiz:
    Simple Theme
      Section 3 : Advanced Theme
    9
    Project Intro Preview
    10
    HTML Template - Part 1 Preview
    11
    HTML Template - Part 2
    12
    Theme Setup, Navbar & Header
    13
    Displaying Blog Posts - Part 1
    14
    Displaying Blog Posts - Part 2
    15
    Archive & Search Results
    16
    Post Formats
    17
    Pages, Custom Templates & Sub Navigation
    18
    Theme Widgets
    19
    Custom Homepage
    20
    Comment Functionality
    Quiz:
    Advanced Theme
      Section 4 : Photo Gallery Theme
    21
    Project Intro
    22
    Homepage HTML & CSS
    23
    Animation & Photo Page HTML
    24
    Theme Header & Footer
    25
    The Post Loop
    26
    Displaying Post Content
    27
    Category Widget & Search
    28
    Single Post
    Quiz:
    Photo Gallery Theme
      Section 5 : Wordstrap Theme
    29
    Project Intro
    30
    Index, Header and Footer
    31
    The Post Loop Wordstrap Theme
    32
    Navbar & Widgets
    33
    Search & Single Post Page
    34
    Comment Functionality
    Quiz:
    Wordstrap Theme
      Section 6 : Foundation Ecommerce Theme
    35
    Project Intro
    36
    Ecommerce HTML Template - Part 1
    37
    Ecommerce HTML Template - Part 2
    38
    Theme Setup, Logo & Navigation
    39
    Custom Showcase Widget Plugin
    40
    Sidebar Widgets Setup
    41
    Main Product Posts Page
    42
    Single Product & Single Page
    Quiz:
    Foundation Ecommerce Theme
      Section 7 : Business Theme
    43
    Project Intro
    44
    Business Theme HTML & CSS - Part 1
    45
    Business Theme HTML & CSS - Part 2
    46
    Business Theme HTML & CSS - Part 3
    47
    Navigation and Custom Logo Upload
    48
    Adding Customizer Sections & Settings
    49
    Implementing Customizer Settings
    50
    Theme Widget Positions
    51
    Blog Index Page
    52
    Single Posts & Comments
    Quiz:
    Business Theme
      Section 8 : CleanCut Theme
    53
    Project Intro
    54
    Website HTML Template - Part 1
    55
    Website HTML Template - Part 2
    56
    CleanCut Theme Setup & Menu
    57
    Showcase & Social Customization
    58
    Banner & Animation Control
    59
    Blog Posts & Custom Query
    60
    Single Post & Comments
    61
    Pages & Sub Navigation
    62
    Post Formats & Bottom Widget
    Quiz:
    CleanCut Theme
      Section 9 : WPNews Theme
    63
    Project Intro
    64
    Ink HTML Template
    65
    WPNews Theme Setup & Menu
    66
    Main Post Loop
    67
    Custom Query Loops
    68
    Single Post Page
    69
    Archive, Search & Pages
    Quiz:
    WPNews Theme
      Section 10 : FourCorners Theme
    70
    Project Intro
    71
    FourCorners HTML Template - Part 1
    72
    FourCorners HTML Template - Part 2
    73
    FourCorners HTML Template - Part 3
    74
    FourCorners Theme Setup
    75
    Homepage Posts
    76
    Blog, Archive & Search Pages
    77
    Single Posts, Pages & Widgets
    78
    Gallery Posts
    Quiz:
    FourCorners Theme
      Section 11 : Dynamo Theme
    79
    Project Intro
    80
    Dynamo HTML Template - Part 1
    81
    Dynamo HTML Template - Part 2
    82
    Slideshow & Tabs JavaScript
    83
    Dynamo Theme Files & Menu Setup
    84
    Homepage Posts With Slideshow & Tabs
    85
    Blog Page & Single Posts
    86
    Color Customizations
    Quiz:
    Dynamo Theme
      Section 12 : Course Summary
    87
    Summary

Frequently Asked Questions

It is an online tutorial that covers a specific part of a topic in several sections. An Expert teaches the students with theoretical knowledge as well as with practical examples which makes it easy for students to understand.

A Course helps the user understand a specific part of a concept. While a path and E-Degrees are broader aspects and help the user understand more than just a small area of the concept.

A Course will help you understand any particular topic. For instance, if you are a beginner and want to learn about the basics of any topic in a fluent manner within a short period of time, a Course would be best for you to choose.

We have an inbuilt question-answer system to help you with your queries. Our support staff will be answering all your questions regarding the content of the Course.