Image gallery with links

• 

  timmogu · Member · Dec 20, 2016 at 8:54 am

  • Copy link
  • Add topic to favorites

  Hey guys,

  My test page: https://wordpress.com/page/earth-unbound.com/626

  so I really like the way how I can easily insert and display several images in a neat and nice looking kind of way, but because they developped this short code for this image gallery: “[gallery ids="450,441,377,376,375,374,115" type="rectangular"]” I kind of have a problem with it.

  Is there any way how I can give each image inside this gallery an individual link, which will lead to one of my other pages?

  As you can see in the test page I created, I would like to display different kind of dishes, when they hover over it they will see the name of the dish and when they click on it they will get to the page with all the information about it…

  Is that possible? Please?

  Thanks in advance.

  PS: I’m not sure it requires CSS, it’s probably possible with some simple HTML, but I don’t get how I can edit the shortcode…

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Dec 20, 2016 at 7:53 pm

  • Copy link

  Hi there,

  Is there any way how I can give each image inside this gallery an individual link, which will lead to one of my other pages?

  No, that would require big changes to a bunch of theme/WordPress/Jetpack files, and we cannot edit those here at WordPress.com.

  What you would have to do would be to insert the images directly into the page and then we could create some CSS to put them in rows and columns. Wrap all the images in a div (from within the text tab in the editor) with a CSS class, such as this.

  <div class="my-grid">
  All the image codes here
  </div>

  Let me know when you have that done and I can then look into getting things into a grid for you.