This tutorial goes over how to add an upload field to the theme options panel to allow users to upload a custom favicon to our Bootstrap WordPress theme.
You need to have an active subscription to view this content.
wordpress
Adding all the Bootswatch Themes
This tutorial goes over how to add all the Bootswatch stylesheets to our Bootstrap WordPress theme. This will allow our theme users the ability to pick between all the different Bootswatch themes from our option panel.
You need to have an active subscription to view this content.
Theme Option Panel Tutorial Series – What to Expect
Adding a Custom CSS field to the Theme Options Panel
This tutorial goes over how to add a custom CSS field in our theme options panel to allow the theme user to insert custom CSS to edit the WordPress theme. This will help the theme user add CSS styles to our theme without having to create a child theme or edit the stylesheet.
You need to have an active subscription to view this content.
A better way to add Respond.js
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.
Adding Isotope to WordPress theme
This tutorial goes over how to add the Isotope layout library to our WordPress theme. This script will allow us to add some responsive layout features to our WordPress theme and portfolio page template. You will also use Isotope when building the portfolio filter in the next tutorial.
You need to have an active subscription to view this content.
Customizing the Portfolio page layout
This tutorial goes over how to edit the portfolio page template to include Bootstrap classes and components to arrange the portfolio items on the page. You will start by including the Bootstrap grid system to get the portfolio items in a three column layout. Once this has been completed, you will add the Bootstrap thumbnail class to the images and also add Bootstrap buttons for each portfolio item.
You need to have an active subscription to view this content.
Theme Options for WordPress Blog
In this tutorial you will learn how to add several different theme options for the WordPress blog layout. This tutorial will add a new section called Blog to our Theme Options panel with the following options:
- enable/disable post meta data
- a text field to allow users to change the read more button text
- enable/disable the Bootstrap .btn-block class on the read more button to make it full width
- add a select field to allow the user to pick the read more button size
- add a select field to allow the user to pick the read more button color
- enable/disable post tags
You need to have an active subscription to view this content.
WordPress Theme Option for Custom Logo
In this tutorial you will learn how to add a theme option to allow your WordPress theme users to upload a custom logo for their site. We will also add some logic to the WordPress theme to display the website name if a custom logo is not uploaded.
You need to have an active subscription to view this content.
Adding Fixed/Static and Inverse/Default Header Theme Options
In this tutorial you will learn how to add a "Header" section to the WordPress theme options panel. In this theme options section, we will add two different switches to allow your theme users to edit the Bootstrap navigation/navbar.
The first switch will enabled or disable the fixed navbar. If the theme user enables the fixed navbar setting, the navbar on the front-end of the site will stay fixed at the top of the browser window. If this option is disabled, the navbar will be static. The second switch will allow the user to enable/disable the Bootstrap inverse navbar styles.
You need to have an active subscription to view this content.