In this tutorial we will add a text editor to the theme options panel to allow our theme user to insert custom content above the service items.
You need to have an active subscription to view this content.
Author: Brad Williams
Creating the Services Template
In this tutorial we will create the WordPress page template to display the Services posts. We will also create the theme options to change the Services banner image and text.
You need to have an active subscription to view this content.
Creating the Services Custom Post Type
In this tutorial we customize our Portfolio post type plugin to build a Services custom post type in our WordPress Dashboard. We will now have a plugin that creates two different custom post types (Portfolio and Services). This will allow users to add different Services just like they can with the Portfolio custom post type.
You need to have an active subscription to view this content.
Add a bit of Margin to the Portfolio Slider
In this tutorial we compare our WordPress theme to the HTML/CSS files to determine what markup is missing on the Portfolio page. Here we add a div to make sure our Portfolio slider has some bottom margin.
You need to have an active subscription to view this content.
Adding a Slider to the Portfolio Items
This tutorial will go over how to add meta boxes to the Portfolio custom post type to allow our theme users the ability to create a slider. The meta box will allow allow user to upload images and automatically make a slider on the individual Portfolio items.
You need to have an active subscription to view this content.
Create the Single Portfolio Page Template
This tutorial will go over how to create the WordPress template to display a single Portfolio item. We will also add a couple new meta boxes to our Portfolio custom post type to allow users to add unique content for each item.
You need to have an active subscription to view this content.
Creating a Theme Option for the Portfolio Banner
In this tutorial we will create a theme option to allow the user to change the portfolio banner background image and title on the Portfolio archive page.
You need to have an active subscription to view this content.
Styling the Portfolio Items on the Archive Page
In this tutorial we take the markup from the HTML template and implement it into the WordPress Portfolio archive page to make the portfolio items look like the HTML template. We will also integrate the Modernizr JS script into our theme to make some animation features work correctly.
You need to have an active subscription to view this content.
Converting a HTML template into a WordPress Theme – What to Expect
This is the start of the HTML to WordPress theme tutorial series! I hope you are as excited as I am about this series. You will be able to download a beautiful Bootstrap HTML/CSS template that we are going to convert into a premium WordPress theme.
In this series we will start with the Base Theme from Series One (so be sure you have completed that series) and go step-by-step to integrate the HTML into a WordPress theme.
Watch the video below to see the template you will be converting into a WordPress theme.
Create a Portfolio Archive Page Template
In the Custom Post Type tutorial series you learned how to create a Portfolio page template that users can pick when creating a new page. This tutorial will show you a different approach by creating an archive page to display the Portfolio items. This page will automatically display the Portfolio items without the user having to pick a specific page template.
You need to have an active subscription to view this content.