Easy WordPress Theme Development with Bootstrap
4.3 (100 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2,206 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Easy WordPress Theme Development with Bootstrap to your Wishlist.

Add to Wishlist

Easy WordPress Theme Development with Bootstrap

Themes from scratch/HTML/CSS3/PHP/Install Server/Drop Down Menu/Customizer/Custom Fields/Enqueue Scripts/Site Migration
4.3 (100 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2,206 students enrolled
Created by Chris Scott
Last updated 5/2017
English
Current price: $10 Original price: $45 Discount: 78% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 6 hours on-demand video
  • 13 Articles
  • 11 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Learn how to build a responsive HTML website using Bootstrap
  • Gain the skills to use HTML, CSS3, Bootstrap, PHP & WordPress tags to build a responsive professional WordPress theme from scratch.
  • Create a responsive drop-down menu for WordPress, using Bootstrap styling
  • Enqueue javascripts & CSS into WordPress using your theme's functions.php
  • Enable Customizer to work with your theme.
  • Create custom fields for content.
  • Create widget areas
  • Pull in images from posts to your blog page.
  • Create WordPress page templates
  • Adding a sidebar or loop section using: get_template_part( $slug );
  • Create their own theme for uploading in a zip file
  • Migrate a WordPress website from a testing localhost to a Live Internet site.
View Curriculum
Requirements
  • Students must have their own computer and be comfortable adding programs to it.
  • Students need to be computer savvy, know their computer's operating system.
  • Students must have had prior admin experience with WordPress.
Description

Make More Money by learning new skills in an easy, "WordPress Themes from scratch"  6 hour course. 

Less time wasted watching me type code and more time dealing with concepts at a relaxed pace!

Yes you can! This course will show you how anyone with basic computer skills can create WordPress themes that are responsive, mobile friendly and professional.

I will show you the basics (which is all you need to know for the course) of html, CSS3, PHP, and the WordPress tags that make WordPress work.

Together, we will build your skills up from knowing very little about web page layout into a marketable skill that you can expand upon throughout your career. Using Bootstrap and WordPress you can develop professional websites that every business owner requires.

All you need for the course is your own computer and be connected to the internet. I will show you where to download for free

  • code editor
  • Bootstrap
  • WordPress
  • Mamp (a server that installs on your home machine)


I will supply you with working web pages/themes that we will go through together. Building up your skills in easy bites! All of the code examples have been simplified and optimized for you to easily grasp the basics, allowing you to build your skills quickly.

This course is ideal for:

  • Web Designers
  • Students
  • Marketing Professionals
  • WordPress Administrators
  • Graphic Designers 
  • Internet Specialists

There is no better skill to develop for today's workforce than those that you can show of your mastery of the internet and marketing. Your understanding of how to build a WordPress theme can give you an edge in your business or employment profile.

This Course is designed for those that need to bring their skill level of WordPress Theme Development up as quickly as possible.

  • How to create page templates
  • How to create side bars
  • How to create custom fields
  • How to create widget areas
  • How to create a responsive drop-down-menu
  • How to enqueue scripts
  • How to enable customizer to work with your theme
  • How to pull in content or images from one page to another
  • How to pull in images from your posts to your blog page
  • How to change your  password using phpMyAdmin to edit database
  • How to package up your theme in a  zip file
  • How to migrate your website

All of this in a 6 hour course, that is easy to follow and requires no prior programming skills.

I also am providing links to my favorite sites that will help you get up to speed as quickly as possible. Resource downloads include all the files and setup information you need to help you get started on: a successful career as a WordPress Developer.

I hope to see you in the course shortly.


Who is the target audience?
  • Course is for graphic designers wanting to expand their market
  • WordPress Admins who want to be able to change their theme's design.
  • Web designers who want to create WordPress themes.
  • Marketing people who need to be able to build fast loading sales funnnel focussed themes.
  • Students who want to develop their internet skills for employment opportunities.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
59 Lectures
06:13:49
+
Introduction
2 Lectures 03:05

I have really tried to make this course easy for those that have little to no experience with html, css3, Bootstrap, PHP and WordPress Theme Development. The pace is slow, so you do not have to constantly be pausing the videos. I will often introduce concepts and then go over the material in the following lessons. This will help you absorb the large amount of information that I have distilled into this short course.

                                                                                                                                   enjoy!


Preview 00:41
+
Beginners Section: NO HTML EXPERIENCE
6 Lectures 59:05

Beginners html is for those with no prior experience with html.

Beginners HTML
15:02

Beginners CSS3 is for those with no prior experience with CSS3.

Beginners CSS3
07:14

Beginners Bootstrap is for those with no prior experience with Bootstrap.

Beginners Bootstrap
08:30

Beginners PHP is for those with no prior experience with PHP.

Beginners PHP
09:34

Beginners WordPress is a quick overview of the theme we will be building. If you have no prior experience with WordPress: you need to take one of the many free courses available on Udemy for beginners on WordPress.

Preview 09:26

Beginners HTML, CSS3, Bootstrap Quiz
5 questions
+
BASICS of HTML, CSS3 & Bootstrap
10 Lectures 54:18

Recommended code editors and free downloads.

Code Editors & Bootstrap to Download
04:16

Creating your Bootstrap Menu
04:11

Creating the header section
04:33

Creating the Flex 3 column area
10:00

More on coding
07:11

Bootstrap container-fluid class
03:48

4 Images in footer
06:36

Z-index
09:35

Exercise: Bootstrap Grid SampleTemplates
00:04

HTML, CSS3 and Bootstrap
5 questions
+
HTML & CSS for WordPress Theme
6 Lectures 50:41
Overview-WordPress Section
08:02

WordPress -html Part 1
09:21

WordPress-html Part 2
11:56

WordPress CSS3 Part 1
08:45

WordPress CSS3 Part 2
12:30

Exercise: Learning to Design
00:07
+
ALREADY KNOW BOOTSTRAP? START HERE.
4 Lectures 25:12

Install WordPress on Mamp
11:24

Feb23/2017  the 4 UpdraftPlus zip backup files are now all in one zip file that needs to be unzipped because Udemy Server must not be allowing the underscore required in the naming convention used by UpdraftPlus. (This is likely to protect PHP's superglobals from hack attacks.)

(July 20/2016) new UpdraftPlus backup files with two new templates and demo pages.

There is also an "All-in-One WP" backup of finished themes and resources in the Site Migration tutorial ( in the BONUS - Advanced Section)

Install UpdraftPlus Free plugin and backups
07:24

Easy Site Migration: includes UpdraftPlus backups installed for you!
00:13
+
WordPress Templates & Page Creation
13 Lectures 01:43:32

Page templates overview: What is a page template and which page is used for what.

Templates Intro
07:42

Download finished EasyTheme2.zip
00:03

Style.css is required for every theme. It includes information about the theme along with your css.

Index.php is required for every theme. It is the default page for your front page, blog or any other page that does not have a specific page.

Introduction to the WordPress loop

Create style.css & index.php
08:21

Quick look a required file: functions.php 

front-page.php is not a required page file but we use it for our custom home page.

footer.php is used for our social icons in widget areas 

page.php uses our get_template_part to pull in the loop

Creating a page template: page-no-banner.php  introducing : /* Template Name: No Banner with Sidebar */


Create custom page templates
09:37

Starting our actual page.php creation with pulling in page part: <?php get_template_part('page', 'loop') ?>

Understanding the  WordPress Loop

Create default page: page.php
11:37

Creating Page Templates
11:25

Create single post for blog: single.php
06:41

Create blog: home.php
04:07

Exercise: Edit Required in footer
00:20

Use the comment out tags on the footer.php scripts because we have added it in the functions.php   These scripts are left over from our html version and are included as examples.

Loading it from footer.php will prevent the drop down menu from working.

<!-- <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>  -->
   (We go over this in the Tutorial but you need to  comment them out or delete them in your copy)   

Creating the Header and Footer.php
11:09

Create your home page with custom fields: front-page.php
14:29

Create front-page using custom fields Part 2
05:19

Functions.php
12:42
+
Building Your Own Theme
11 Lectures 50:13

New as of July 6 2016 YourTheme  install zip file now has (added span tags and sidebar class to sidebar.php and  .sidebar.textwidget to style.css so styling of sidebar does not effect .textwidget in footer).

<span class="sidebar"> <?php  dynamic_sidebar( 'right_sidebar'); ?></span>

You should try to build these files yourself.

STEP 1) Your WordPress install must have Advanced Custom Fields (ACF) PLUGIN installed and Under TOOLS ->Import --> WordPress (custom fields) it will ask for file to upload: use our advanced-custom-field-export.xml file. (see lessons 41 & 42)

STEP2) Create a blank Home page in WordPress and in the Dashboard on left panel go to SETTINGS under READING: STATIC Front Page  must be set to Home page.

STEP3) Assign all of the custom fields (USING ACF) to your Home page.

STEP4) Install: YourTheme.zip

STEP5) Add your own content to your home page custom fields. Add more pages with your own content and create your own custom fields for those pages.

Congratz!

Your Theme Zipped files
00:39

functions.php for wp_enqueue_scripts and menu options
07:40

Create Banner on home page / replace flex section
03:48

Exercise: Create Custom Fields
00:19

Custom Fields for your theme
11:18

After import of Advanced Custom Fields exported .xml file, you can add your own content to your theme's custom fields on your home page.

Import & Export Custom Fields using XML
02:05

When adding a sidebar it is best to put it in a <span class="sidebar"> <?php  dynamic_sidebar( 'right_sidebar'); ?></span>

Then add the sidebar class to your style.css like this: .sidebar.textwidget
This will target only the location that has both .sidebar and .textwidget


/*=================== SideBar ID & Class Styles =============== */

#archives-2 ul, #recent-posts-2 ul, #meta-2 ul, #pages-2 ul, #search-2, .sidebar.textwidget {

background-color: #eee;
border-style: double;
border-color: black;
border-width: 3px;
padding:32px;
}



Creating a SideBar
07:03

Exercise: Styling for SideBar only: without styling footer
00:41

This exercise will launch you on your way to developing custom pages for your own theme. You will create a unique header and footer that will be called from a custom page template.

Exercise: Create Optional Header & Footer
01:04

Exercise: Fixing Problems
08:21

Recommended Plugins & How to zip up a theme folder
07:15
+
Bonus - Advanced Level Tools
5 Lectures 25:44

Sometimes a client may come to you that has lost or forgotten their admin password for their site. If you can login to their cPanel on their sever—this video will show you how to change user passwords in the WordPress database.

Use phpMyAdmin s on hosting server to change password
09:06

You must unzip the file to use it with All-in-One WP Migration. It has an extension of file type: .wpress and had to be in zip to upload it to Udemy. Watch the video and learn how to upload the themes and data to any server. Have fun!

Site Migration: How to copy a site to a new hosting server
08:30

Easy Way to Make Easythemes WooCommerce Friendly!
01:02

Server with WordPress on a Thumbdrive for your PC
00:08

Graphical Editors I Recommend
06:57
+
Conclusion
2 Lectures 02:36
The next step in Professional WordPress Development
02:07

Exercise: Select  FREE Udemy courses that will help you get up to speed in WordPress theme development.

Bonus Lecture: Exercise to Upgrade your skills. Take a free udemy course!
00:29
About the Instructor
Chris Scott
4.3 Average rating
100 Reviews
2,729 Students
2 Courses
A+ | iNet+ | Master CIW Designer

Hi, I'm Chris your instructor.

Certified in  A+, i-Net+ and having acquired my Master CIW Designer designation I love the InternetWebsite Design, SEO, Social Media, Product Photography and Video Productions—are all part of what I do.

I have been building websites for business owners for over 10 years.  I now specialize in WordPress Development.

Search Engine Optimization should be part of everyone's tool-set. SEO needs to be considered in any project at the design stage. SEO has changed a lot over the past 15 years. The Google 'Panda' update in 2011 and 'Penguin' in 2012 made major improvements to search results. Now it is becoming more about authorship and social media interactions. With the recent 'Possum' update in 2016 to the 'Pigeon' algorithm, Google is providing a more accurate local search.

I believe the internet will continue to grow in the direction of information shared by all for the benefit of all.  I love teaching and I am presently working on my CTT+ (certified technical trainer) designation.