Adding a Filter to the Portfolio page

This tutorial goes over how to add a filter to the portfolio WordPress template. Now that we have the Isotope library added to our theme, we can use its filter functionality to create a nice filter to allow visitors to sort through our portfolio items. This tutorial will also use the Bootstrap button group component to style the portfolio filter.

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

Register Here!

Adding Isotope to WordPress theme

This tutorial goes over how to add the Isotope layout library to our WordPress theme. This script will allow us to add some responsive layout features to our WordPress theme and portfolio page template. You will also use Isotope when building the portfolio filter in the next tutorial.

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

Register Here!

Customizing the Portfolio page layout

This tutorial goes over how to edit the portfolio page template to include Bootstrap classes and components to arrange the portfolio items on the page. You will start by including the Bootstrap grid system to get the portfolio items in a three column layout. Once this has been completed, you will add the Bootstrap thumbnail class to the images and also add Bootstrap buttons for each portfolio item.

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

Register Here!