Theme Options
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.
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.
PHP conditional statements in WordPress
Quick tutorial that goes over the different ways you can write PHP if statements within WordPress theme files. This is very important information to know when trying to display the different options from the Theme Options panel and developing custom WordPress themes.
You need to have an active subscription to view this content.
WordPress Toolbar CSS for Fixed and Static Navigations
In this tutorial I go over some CSS that needs to be added to our WordPress theme based on the position of the navigation to work with the WordPress toolbar. This is determined by the users theme options selection from the WordPress dashboard. If the WordPress toolbar is enabled and the user has a fixed navigation, it might overlap. To fix this, we just add a little CSS to target the fixed navbar.
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.
Setting up an example Theme Option
You need to have an active subscription to view this content.
Setting up the basic WordPress Theme Options Panel
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.
Adding a Theme Options Panel to our WordPress theme
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.