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.
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.
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.
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.
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
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.
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.
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.
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.