WordPress 5 Theme Development Academy with Bootstrap v4

Video description

Unlock the power of WordPress by building custom responsive themes using Bootstrap 4

About This Video

  • Build a fully custom responsive WordPress theme, completely from scratch
  • Earn money by selling custom themes or offering custom services to clients
  • Develop PHP coding skills and understand how to make effective use of the Bootstrap 4 framework

In Detail

WordPress is one of the most popular technologies in the web development domain, but not many people are using it to its full potential. Although there are different pre-built themes available in the market, nothing works better than a custom experience.

This course will equip you with the skills you need to build a fully custom responsive WordPress theme, completely from scratch. You’ll no longer need to search for other themes and try to modify them to suit your project as this course will help you build almost any type of WordPress website.

You’ll begin by building a static version of the ’Tranquil Spa’ project using the popular Bootstrap 4 framework. You’ll also get up to speed with Bootstrap, exploring responsive design, layout, and the grid system, classes, and utilities creating forms, navbars, adding icons using Font Awesome 5 and much more.

Once you have the project looking exactly how you want it, you’ll then move on to converting it to WordPress. You will not only perform a basic theme conversion but also cover some of the more challenging concepts and try to make your theme fully customizable by the end-user too.

By the end of this course, you’ll have gained the skills you need to build a WordPress website for your business, family, clients or even for your personal use.

Who this book is for

This course is for anyone looking to build custom WordPress themes from scratch for their business, personal project, clients, or for sale in marketplaces. Those who find it challenging to make pre-built themes to fit their requirements will also find this course helpful. Some familiarity with coding and PHP is required.

Publisher resources

Download Example Code

Table of contents

  1. Chapter 1 : Welcome and let's get started!
    1. Introduction
    2. What is a WordPress theme?
  2. Chapter 2 : Creating our Bootstrap 4 template- Home page
    1. Setting up Bootstrap 4
    2. Adding custom Google fonts
    3. Header navigation
    4. Featured image section
    5. Welcome section
    6. Latest offers section- HTML
    7. Latest offers section- CSS
    8. About us section
    9. Price list section
    10. The footer and adding Fontawesome 5
  3. Chapter 3 : Creating our Bootstrap 4 template- Additional pages
    1. Blog posts and pagination
    2. Blog page sidebar
    3. Contact us page
  4. Chapter 4 : Setting up WordPress
    1. Installing WordPress using Flywheel
    2. Optional: Installing WordPress using MAMP
  5. Chapter 5 : WordPress theme conversion- first steps
    1. Our WordPress Theme Folder
    2. Getting started our index page
    3. Making the header and footer dynamic
    4. How to enqueue stylesheets and scripts
    5. Header navigation menu
    6. Image file paths
    7. Template hierarchy and the Front Page
  6. Chapter 6 : WordPress blog section and the loop
    1. Creating the loop
    2. Dynamic blog posts
    3. The permalink
    4. Pagination
    5. Filter hooks
    6. Re-introducing the sidebar
    7. Making the sidebar dynamic
  7. Chapter 7 : Conditional rendering the single page template
    1. WordPress conditional tags
    2. The Single.php template
    3. Pagination
  8. Chapter 8 : Working with blog comments
    1. The comment form
    2. Displaying comments
    3. Comment reply Javascript
    4. Closing comments
    5. Comments pagination
  9. Chapter 9 : Additional pages, widgets and custom search forms
    1. The archives
    2. The contact us page
    3. Sidebar widgets
    4. Custom search forms
    5. Search.php
    6. Adding a 404 page and widgets
  10. Chapter 10 : Finishing touches user customization
    1. Template parts
    2. Featured images using post thumbnails
    3. Footer menu and custom class filters
    4. Advanced custom fields
    5. Custom headers
    6. The post classes
    7. Setting up Contact Form 7
    8. Styling our contact form
    9. Including Google fonts
  11. Chapter 11 : Translating our themes language
    1. Preparing our code for translation
    2. Translating our theme
  12. Chapter 12 : Thank You
    1. Thank you

Product information

  • Title: WordPress 5 Theme Development Academy with Bootstrap v4
  • Author(s): Chris Dixon
  • Release date: November 2019
  • Publisher(s): Packt Publishing
  • ISBN: 9781839217203