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.

Register Here!

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.

Read More

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.

Register Here!

Meta Box for custom Background Image

In the last tutorial we got the title working from our custom meta boxes. The next step is to get the custom background image working and displaying correctly. This tutorial will show you how to display the custom background image in the banner for our posts and pages. This is a nice feature that will allow your theme users to have a different background image for every post and page they create.

You need to have an active subscription to view this content.

Register Here!