Adding the custom Navbar and Menu

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.

Register Here!

Adding Google Fonts to WordPress Theme

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.

Register Here!

Integrate HTML template Assets

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.

Register Here!

Diamond HTML/CSS Files

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.

Register Here!