{"id":1052,"date":"2024-06-19T20:52:10","date_gmt":"2024-06-19T19:52:10","guid":{"rendered":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/blocks\/?p=1052"},"modified":"2025-12-10T12:49:36","modified_gmt":"2025-12-10T12:49:36","slug":"tip-a-visual-gallery","status":"publish","type":"post","link":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/blocks\/2024\/06\/19\/tip-a-visual-gallery\/","title":{"rendered":"Tip – A Visual Links Gallery"},"content":{"rendered":"\n

Here is a nice way to give your visitors a set of visual links. The links could be to pages or posts on your own site or to external sites.<\/p>\n\n\n\n

This was not possible for a gallery using the classic editor.<\/p>\n\n\n\n

Example<\/h2>\n\n\n\n
\n
\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n<\/figure>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n

In preparation I’ve created some graphics and opened in tabs the pages I want to link to. This is so that I can copy the links and avoid mistakes or typos.<\/p>\n\n\n\n

On the page I want to create my visual link on I add a gallery block. There are several ways to add a block<\/a>. I prefer to type slash, \/ and then the name of the block. When the block I want is selected I press return to add the block.<\/p>\n\n\n\n

\n
\"Giff
Adding a Gallery Block <\/figcaption><\/figure>\n<\/div>\n\n\n\n

In a gallery block I can choose images I’ve already uploaded from the media library or upload new ones. I can upload multiple images at once.<\/p>\n\n\n\n

Once I’ve got my images in the Gallery I can start to add links to them.<\/p>\n\n\n\n

<\/p>\n\n\n\n

I like to make sure my block toolbar is floating as I need to select images and then click in the toolbar.<\/p>\n\n\n\n

If I had set the block toolbar to the top of the page I can’t work as quickly.<\/p>\n\n\n\n

<\/div>\n\n\n\n

So in turn I select each image, then click the link icon and add my link. I can choose to have it open in a new tab if I want. Some folk like that for off site links.<\/p>\n\n\n\n

\n
\"Gif<\/figure>\n<\/div>\n\n\n\n

I’ve now got a working set of links so I can publish to test it. It is always worth checking links.<\/p>\n\n\n\n

Colour the Background<\/h2>\n\n\n\n

Colouring the background works better if I put the gallery in a group and colour the group<\/a>. <\/p>\n\n\n\n

\"Screenshot<\/figure>\n\n\n\n

In this case, with my white images I quite like to make each rounded. To do that I click on each image in turn and set the style to rounded.<\/p>\n\n\n\n

\"Screenshot<\/figure>\n\n\n\n

Here is a short screencast going into a little more detail.<\/p>\n\n\n