link from thumbnail gallery image to post on page
I just post new recipes below each other, what i want to do is have a thumbnail gallery of all my recipes at the top of the page
I want to link each recipe from my thumbnail gallery to take the viewer straight to the recipe post on my cook page?
Gallery images cannot be individually linked, but you can achieve something similar by inserting the images into the cells in an HTML table. There are a number of online HTML table generators that would do the bulk of the coding work for you. Here is one such online table generator that I have used in the past. After configuring the table for number of columns and rows, and the basic style, you would copy the code and then place the code into the “Text” tab in the page editor where you wanted the grid of image. You can then insert the images and link them, just as you would an image into a post, from within the Visual editor. When inserting them, I would recommend using thumbnail sized images and then setting them to “center” alignment.
One thing to note is that the number of columns will remain constant, so at narrower browser widths, or on smaller devices, such as phones, the images might get quite tiny. For that reason, I would suggest perhaps 3 columns maximum. You can have as many rows as you need.
The topic ‘link from thumbnail gallery image to post on page’ is closed to new replies.