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.
In this tutorial we will integrate the CSS, JS, fonts, and images from the Diamond HTML/CSS template into our base Bootstrap WordPress theme. This will include adding the CSS and JS to our WordPress theme the correct way (enqueue). We will also include Font Awesome and the images needed for our background images.
You need to have an active subscription to view this content.
Before you begin the tutorial series on how to integrate a HTML template into a WordPress theme you will need to download the Diamond HTML/CSS files below so you can follow along.
You need to have an active subscription to view this content.
This video tutorial goes over how to update our WordPress theme to use the latest version of Bootstrap.
You need to have an active subscription to view this content.
This tutorial goes over how to add the markup to display the latest blog post drag and drop module on the homepage in a Bootstrap Jumbotron.
You need to have an active subscription to view this content.
This tutorial goes over how to declare and use three widget areas for the homepage layout manager. This allows users to display widget content on the homepage in a three column layout.
You need to have an active subscription to view this content.