YoVDO

WordPress 5 Theme Development Academy with Bootstrap v4

Offered By: Skillshare

Tags

WordPress Courses Blogging Courses Responsive Web Design Courses Google Fonts Courses WordPress Theme Development Courses

Course Description

Overview

*** Course images are available to download in the project area ***

WordPress in one of the most popular technologies in the web development World, but a lot of people are not using it to its full potential.

There are lots of pre built themes available on the market, but often you need a truly custom experience.

This course will teach you everything you need to know to build a fully custom responsive WordPress theme, completely from scratch!

No more searching for other themes and trying to bend them to suit your project, this course will give you the skills to build almost any type of WordPress website.

We begin by first building a static version of our "Tranquil Spa" project, using the popular Bootstrap 4 framework. Learning Bootstrap is a valuable skill by itself too, you will learn responsive design, layout and the grid system, classes and utilities, creating forms, navbars, adding icons using Fontawesome 5 and so much more!

Once we have the project looking exactly how we want it, we them move onto converting this to WordPress.

We wont just be doing a basic theme conversion either, we also cover some of the more challenging concepts and try to make our theme fully customisable by the end user too.

Here is some of the things you will learn when converting our Bootstrap project to WordPress:

  • Setting up WordPress using MAMP or Flywheel

  • Creating dynamic header, footer and sidebars

  • How to enqueue scripts and stylesheets

  • Navigation menus

  • Loading images into our theme

  • WordPress templates (single and multi use) and the template hierarchy

  • The WordPress loop

  • Dynamic blog posts

  • Using the permalink

  • Blog and page pagination

  • Filter hooks

  • WordPress conditional rendering

  • Custom functions

  • How to add comments using a custom template

  • Comment reply Javascript

  • How to close comments in WordPress

  • Comments pagination

  • Custom contact forms

  • Sidebar and page widgets

  • Template parts

  • Post thumbnails

  • Custom class filters

  • Custom headers

  • The WordPress post class

  • Adding Google fonts

  • Preparing our theme for translation

  • The translation process into any language

As you can see this course covers a lot of ground.

So, if you would like to build a WordPress website for personal use, a business, family or a paying client, then this course will teach you everything you need to know!


Syllabus

  • Introduction
  • What is a WordPress theme?
  • Setting up Bootstrap 4
  • Adding custom Google fonts
  • Header navigation
  • Featured image section
  • Welcome section
  • Latest offers section- HTML
  • Latest offers section- CSS
  • About us section
  • Price list section
  • The footer and adding Fontawesome 5
  • Blog posts and pagination
  • Blog page sidebar
  • Contact us page
  • Installing WordPress using Flywheel
  • OPTIONAL: Installing WordPress using MAMP
  • Our WordPress theme folder
  • Getting started & our index page
  • Making the header & footer dynamic
  • How to enqueue stylesheets & scripts
  • Header navigation menu
  • Image file paths
  • Template hierarchy and the Front Page
  • Cresting the loop
  • Dynamic blog posts
  • The permalink
  • Pagination
  • Filter hooks
  • Re-introducing the sidebar
  • Making the sidebar dynamic
  • WordPress conditional tags
  • The Single.php template
  • Pagination
  • The comment form
  • Displaying comments
  • Comment reply Javascript
  • Closing comments
  • Comments pagination
  • The archives
  • The contact us page
  • Sidebar widgets
  • Custom search forms
  • Search.php
  • Adding a 404 page and widgets
  • Template parts
  • Featured images using post thumbnails
  • Footer menu and custom class filters
  • Advanced custom fields
  • Custom headers
  • The post class
  • Setting up Contact Form 7
  • Styling our contact form
  • Including Google fonts
  • Preparing our code for translation
  • Translating our theme
  • Thank you
  • Follow me on Skillshare

Taught by

Chris Dixon

Related Courses

Business Blogging
HubSpot via HubSpot Academy
HubSpot CMS For Marketers
HubSpot via HubSpot Academy
Building a Website in CMS Hub Starter
HubSpot via HubSpot Academy
Construye un sitio web con Wordpress
Coursera Project Network via Coursera
Content Marketing
HubSpot via HubSpot Academy