Configure the index page with Masonry WordPress: Responsive Themes


show more Configuring the index page with Masonry provides you with in-depth training on Web. Taught by Morten Rand-Hendriksen as part of the WordPress: Building Responsive Themes show less
please wait ...

Configuring the index page with Masonry

Now that we have jQuery Masonry hooked into our theme, it's time to apply it to the index page to create an index page with a Masonry layout. But before we do that, let me explain exactly what we are going to do. When I designed the Anaximander theme, I had a plan for two different index page layouts, so it's clear to the visitor where they are. On the front page, so the regular index or the blog index, I want to use Masonry to lay out the content in three boxes, one next to the other.

But on all the archive pages--so Author archive, Regular archive, Category archive and Tag archive--I want to retain this regular type of index where one post stacks on top of the other and we have a regular sidebar. That means a) we're only applying Masonry to the index.php file and b) we have to retain the styling for this regular index. Looking at the index page, we can see what we need to do here. First, we need to get rid of the sidebar. We then need to reorganize the content ...

Configuring the index page with Masonry
Video duration: 7m 0s 2h 55m Intermediate

Viewers:

Configuring the index page with Masonry provides you with in-depth training on Web. Taught by Morten Rand-Hendriksen as part of the WordPress: Building Responsive Themes

Subject:
Web
Software:
WordPress
Author:
please wait ...