You need to have an active subscription to view this content.
wordpress
Setting up the basic WordPress Theme Options Panel
This tutorial goes over the basic settings for the WordPress theme options panel to get it ready for our custom theme options. After this tutorial you will have a blank theme options panel with all your selected menu names and link URLs.
I recommend saving this version of your theme after you finish this tutorial. It is a good starting point when creating a new premium WordPress theme in the future.
You need to have an active subscription to view this content.
The perfect base WordPress theme
If you like using Bootstrap and WordPress as much as I do, you should now have the perfect base WordPress theme to start any project moving forward. At this point, our WordPress theme has all the Bootstrap components and features, several custom page templates, styled comments, Font Awesome, custom functions, and much more.
In the following video, I go over how you can use this base theme for your WordPress projects and how you can quickly add a custom homepage to the theme.
Adding a Built-in Contact Form to WordPress
This tutorial will go over how to add a built-in contact form to your WordPress theme without having to use a plugin. I am not saying that using plugins are bad, it is just nice to have this functionality built-in to your WordPress theme out-of-box.
In this tutorial you will learn how to create a new contact page template, go over the PHP code that does the form processing and error handling, build the Bootstrap contact form, and create a contact widget area. We will also add the Bootstrap Alert component to display the status of the form submission to the user.
By the end of this tutorial you will have a working contact form that sends all submissions to the admin's email.
You need to have an active subscription to view this content.
Styling the WordPress Comments with Bootstrap
This tutorial goes over how to use the callback option in the wp_list_comments function to customize each comment within WordPress. We will also use the different comment_form options to style the WordPress comment form with Bootstrap classes. Once you complete this tutorial, your WordPress theme will have nicely styled comments with a Bootstrap inspired comment form.
You need to have an active subscription to view this content.
Adding Post Thumbnails support to our WordPress theme
Adding post thumbnails to your WordPress theme is pretty simple. The starter theme we are using actually includes the necessary code in the functions file, we just need to uncomment it. This tutorial will also show you the markup that needs to go into our page templates in order to display the post featured image.
You need to have an active subscription to view this content.
Customizing the WordPress Post Meta
Now that we have Font Awesome included in our WordPress theme, lets use it to customize our post meta. In this tutorial, we will also write some CSS to customize the look and feel of the post meta links and content.
You need to have an active subscription to view this content.
Customizing the WordPress Footer
In this tutorial we are going to add some new features to the default Underscores.me footer. This will include adding a custom footer menu, adding the copyright text, and adding CSS to customize the look and feel. You will learn the code that needs to be added to our function file to add a new WordPress menu and also how to use the Inspect Element browser tool to help customize your footer CSS styles.
You need to have an active subscription to view this content.
Customizing the WordPress Sidebar
As of now, the starter theme that we are working with has one sidebar that uses H1 tags for the titles. In this video tutorial, you will learn how to add the Bootstrap well class to the sidebar, customize the headings, and add/edit some CSS properties. You will also be introduced to one of the best development tools online, the browser Inspect Element.
You need to have an active subscription to view this content.
Word Wrapping with CSS
Short video tutorial on targeting and adding CSS properties to support non-breaking content. In this video, you learn how to target all the primary content as well as the content in the sidebar.
You need to have an active subscription to view this content.