Now that we can add custom meta boxes to our posts and pages, lets add a meta box that gives our theme users the ability to customize the banner title. We will create a PHP if statement that will fallback to the page or post title if they don't submit a custom title in our meta box.
You need to have an active subscription to view this content.
In this tutorial I will show you how to recommend the meta box plugin to your theme users. Once the plugin is installed we will add the meta box demos to see all the different options within the plugin.
You need to have an active subscription to view this content.
In this tutorial I will show you how to add the TGM plugin activation script to our WordPress theme. This will allow us to recommend and require plugins to our theme users. We will use this script throughout this tutorial series to include third-party plugins as well as include a plugin we include in our theme package.
TGM Plugin Activation is a PHP library that allows you to easily require or recommend plugins for your WordPress themes (and plugins). It allows your users to install and even automatically activate plugins in singular or bulk fashion using native WordPress classes, functions and interfaces. You can reference pre-packaged plugins, plugins from the WordPress Plugin Repository or even plugins hosted elsewhere on the internet.
You need to have an active subscription to view this content.
In this tutorial you will learn how to include the Meta Box demo script within your WordPress theme. This will add different Meta Boxes to your posts and pages so you can see the power of the plugin and all the different options.
You need to have an active subscription to view this content.
Now that we have the banner markup figured out for the default page, lets add the code we wrote in the last tutorial to every other WordPress template in our theme.
You need to have an active subscription to view this content.
This tutorial will go over how you can use the featured image as the background image. We will get the featured image path and use it for the banner background image. This will allow our theme users to upload a custom banner background image for each page and post.
You need to have an active subscription to view this content.
This tutorial will start integrating the HTML markup for the default page into our WordPress theme. We will also edit the sidebar to have the same styling as the Diamond HTML template.
You need to have an active subscription to view this content.
This tutorial goes over how to create the custom footer from our Diamond HTML template. We will also add three widget areas to our newly created footer so users can easily update and manage the content that is displayed.
You need to have an active subscription to view this content.
In this tutorial we will make sure our theme users will be able to easily manage the main menu in our WordPress theme. To do this, our navbar needs to support the Appearance -> Menu functionality that WordPress provides out-of-box. We will also use a Font Awesome icon for our logo until we setup the theme options.
You need to have an active subscription to view this content.
The Diamond HTML template uses a couple different Google fonts throughout the template and stylesheet. Since we want our theme to look exactly like the HTML template, we will need to enqueue these Google font scripts so we can use them throughout our new WordPress theme.
You need to have an active subscription to view this content.