charmedthemes

DIFFICULTY: EASY | MEDIUM | HARD

A lot of it is just copying and pasting, but this is not something people who don’t understand how to make themes should do! For those who don’t know what masonry is, it’s a script we use to make grid themes.

The amazing sakurane figured out how to do it! A lot of us were able to figure it out, but it wouldn’t work right with infinite scroll.

This tutorial will teach you how to get masonry to work with infinite scrolling. At the moment, it does not work with a pagination on the theme!

I use CODY SHERMAN infinite scrolling script and he teach how to put it on his blog. There a lot of ways to make the infinite scrolling style and I use two of them because I have the certainly that this effect will work! Let’s start:

Put this code <script type=“text/javascript” src=“http://codysherman.com/tools/infinite-scrolling/code”></script> between </style> and </head>

Go to {Block:Posts} and put this code <div class= “autopagerize_page_element”> before it. 

And to finish go to {/Block:Posts} and put </div> after it.

Tcharam! You will have infinite scrolling. Hope everybody enjoy it. 

The masonry script by DeSandro is one of the most popular ones of its kind, though many people have trouble understanding how to use it and how to set it up.

This happens because most explanations on the scripts’ pages have a language that those who aren’t familiar with this kind of coding can’t follow properly. More often than not, setting up these codes is much easier than it looks and masonry isn’t an exception.

Things you need:

Masonry script

ImagesLoaded script

I’ll explain how I use mansonry and how I set it up in the simplest way I can but some coding knowledge is required to follow this tutorial more easily.

Fairy by charmedthemes/tyrionlannisters

live preview, pastebin, terms

Features

1 accent color

2 sidebars, in left icon is your icon in 37px and on the right are links

4 right sidebar links

500px and 540px posts supported

unnested captions, one column, not infinite scroll

Tutorial credits are in the code and here. If you have any questions/problems feel free to ask me!

Media1 by charmedthemes/tyrionlannisters

live preview, pastebin, terms

Features

3 rows, 180px width images

Unlimited number of boxes

Unlimited number of filters, separated into as many categories as you want

OPTIONAL titles above boxes (I have it turned off because I think it looks cleaner like this)

Clear instructions in the code on how to customize colors, filters, etc

A clean and simple media page!!

If people want, I can make a more advanced version of this page that includes links in addition to all of the photos.