How do I add links to Gallery Images?
-
Or how do I line up images in rows of 3-4 on a page? I want my recipe page to have pictures in rows of 3-4 each and then have users be able to either click the image or the title underneath to bring them to that specific post. When I do a gallery, it looks perfect but I can’t set up individual links. When I do thumbnail images it never lines up right, even if it looks good on the edit page it gets jumbled when I publish.
The blog I need help with is: (visible only to logged in users)
-
Hi there,
Unfortunately you cannot directly link to another page from the Gallery. However, you can still do this via the Text Editor and a little HTML.
Take a look at this:
<div style="overflow:hidden;"> <div style="float:left; margin-top:10px; text-align:center; width:25%;"> <a href="ENTER LINK URL"><img height="112" width="150" title="IMG_TITLE" alt="IMG_HOVER_TEXT" src="ENTER IMG URL?w=150&h=112" style="border:2px solid #CFCFCF;"></a> </div> <div style="float:left; margin-top:10px; text-align:center; width:25%;"> <a href="ENTER LINK URL"><img height="112" width="150" title="IMG_TITLE" alt="IMG_HOVER_TEXT" src="ENTER IMG URL?w=150&h=112" style="border:2px solid #CFCFCF;"></a> </div> <div style="float:left; margin-top:10px; text-align:center; width:25%;"> <a href="ENTER LINK URL"><img height="112" width="150" title="IMG_TITLE" alt="IMG_HOVER_TEXT" src="ENTER IMG URL?w=150&h=112" style="border:2px solid #CFCFCF;"></a> </div> </div>So I know that may look a little confusing, but essentially what this does allows you to put images 3 in a row and link to a specific post. So switch to the text editor and add the code above. Then where it says ENTER LINK URL paste in the url for the link to the post, and then where it says ENTER IMG URL paste in the url for the image.
When you preview it, it should look something along the lines of this:
Feel free to reach out if you have any questions!
-
-
- The topic ‘How do I add links to Gallery Images?’ is closed to new replies.
WordPress.com Forums 