Quick tutorial on how to change the name, description, author, and tags of your WordPress theme. I also go over how to add a screenshot for the WordPress theme.
Video
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.
Adding Media Queries to our WordPress theme
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.
Adding a new widget area and Left Sidebar page template
In this tutorial you will learn how to:
- Add a new widget area
- Add a new page template
- Use the Bootstrap push and pull classes
All of these will be used to make a left sidebar page layout for your theme. This is a good tutorial to learn how to combine widget areas and page templates to create different layouts within WordPress.
You need to have an active subscription to view this content.