In this tutorial I go over a better way to add the Respond.js file to our WordPress theme. This will make sure the script is only used in the Internet Explorer browser.
You need to have an active subscription to view this content.
Base Theme
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.
Changing the Theme Details
Customizing the WordPress search results page
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.
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.
Adding an Author Info Box under each Post
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:
- author avatar
- author name that is linked to their published posts
- author description
- social links that use Font Awesome
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.
Adding the Categories and Comments to the Post Meta section
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.
Turning the WordPress Edit links into a Bootstrap Button
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.