5 Cool Ways to Display Images on Squarespace

BY BIG CAT CREATIVE
 

 
 
 


HEY THERE DIY-ER!

Squarespace is totally awesome, right? The simple drag and drop interface and easy to add a move 'blocks', it has definitely been made with the DIY user in mind. So today I'm going to help you, DIYers, step out of your comfort zone (basic image blocks) and into something with a bit more pizazz so you can up your DIY game!. Checkout my list below of 5 cool ways you can display your images in Squarespace, instead of using the plain ol' Image Blocks.

 

1 | Animation

Use the GALLERY > SLIDESHOW block to create this awesome effect. Make sure you change the settings to "automatically transition between slides" and set the rate at which it changes and voila:

2 | Collage

These Image Collages are super cool, use the IMAGE > COLLAGE block for this one. These are great as intro with a headshot, or an opt in, or a short bio... anything! To add the text, click straight onto the block and you will see a space to enter it. To add the button, hover over the block and click on EDIT (or, double click the block) then click DESIGN and add a button at the bottom. To edit the styles (colors, fonts, spacing etc) head over to the STYLE EDITOR and adjust the values there.

Photo3.jpg

Hello!

This is an example of a Image Collage block - isn't it cool?

 

3 | Stacked

Image stacks are awesome ways to display different services or offerings, as they look good side by side (as below). Use the IMAGE > STACK block for this one. Just as above: to add the text, click straight onto the block and you will see a space to enter it. To add the button, hover over the block and click on EDIT (or, double click the block) then click DESIGN and add a button at the bottom. To edit the styles (colors, fonts, spacing etc) head over to the STYLE EDITOR and adjust the values there.

Photo1.jpg

Image stack one

Here's an example of an image stack

Photo2.jpg

Image stack two

Here's an example of an image stack

 


4 | Poster

The Poster Image is such a cool way to display bold headings or featured posts. Use the IMAGE > POSTER block for this one. Just as above: to add the text, click straight onto the block and you will see a space to enter it. To add the button, hover over the block and click on EDIT (or, double click the block) then click DESIGN and add a button at the bottom. To edit the styles (colors, fonts, spacing etc) head over to the STYLE EDITOR and adjust the values there.

Photo2.jpg

Here an example of a
poster Image

 

 

5 | CaroUsel

Another interesting way to display your images is to put them in a GALLERY > CAROUSEL. This is great for Portfolio images or a gallery of photography. You can use an existing Gallery, or upload new images under EDIT. Under EDIT > DESIGN you can choose from automatically transitioning and adding back and forth arrows.

 

You'd have to agree that these 5 ways to display images are much more exciting than the standard Image Block! If you're interested to learn more about Squarespace, check out my Blog for tonnes of helpful Squarespace DIY tutorials, tips and tricks, or see the Related Posts section below!

What is your favorite way to display images on Squarespace? Let me know in the comments below!

 
 

Related Posts