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.
This tutorial is the start of the Theme Options series. In this series we are going to add a theme options panel to the WordPress theme you have been building in the previous tutorials. This tutorial will go over how to get the files in place needed to create the theme options panel. By the end of this tutorial you will have a theme options panel framework installed in your WordPress theme and ready for further development.
You need to have an active subscription to view this content.
This tutorial goes over how to customize the WordPress search result page. We are going to make the post meta look like the rest of the site and also highlight the searched terms throughout the content of the results page. This will provide a better user experience for your visitors since they will be able to easily scan the content to find exactly what they are looking for on your site.
You need to have an active subscription to view this content.
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.
It's always nice to give the author a little credit for the work they put in to create the content for your blog. In this tutorial, we are going to add an author info/meta box under each post to display content about the author. We will make this author box only appear if the author filled in the description field in their WordPress profile.
I will also show you how to add custom text fields to the WordPress profile page so you can use them for things like social profile links within the author info box. After this tutorial your theme will have an author info box with:
You need to have an active subscription to view this content.
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 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.
In this tutorial we will take the categories and comments code from the footer of each post and move it to the post meta section. This will make the individual posts look better and also give our visitors a couple more ways to interact with our theme in the post meta section. We will also add a couple more Font Awesome icons and write some CSS styles for these two new post meta items.
You need to have an active subscription to view this content.
Quick tutorial to show you how to add a WordPress filter to add classes to the WordPress edit post link. We will add some Bootstrap classes to the edit post link to make them into buttons and follow our Bootstrap WordPress theme trend.
You need to have an active subscription to view this content.
This tutorial will go over how to add CSS media queries to our WordPress theme. This will help us target and style different HTML elements for different devices. Bootstrap is a mobile first framework, so you will learn what this means and how we can use media queries in our responsive WordPress theme.
In this tutorial we will add the CSS styles to left align the footer copyright text on small devices and right align it on all the others. This will all be determined by the CSS styles in the media queries that target certain device widths.
You need to have an active subscription to view this content.