gallery as an index page
Dear forum members,
I am trying to make an index page that includes different pictures & short integrated information text. The pictures should be neatly placed in the same row. It should be clear to the viewer that those pictures are linked to a post or page with more detailed information.
* Have tried making a gallery (switched of the carousel option & used the thumbnail image), BUT can’t figure out how to place a link on each image of such a gallery. (each one should link to a different source – it’s not about the same) – Disadvantage: I am not sure if it would be clear at all to the viewer of the index page that the pictures link to another information source… there is “no frame” around the pictures & they all look differently, depending on how long the information text is…)
* As well I have tried doing the same with just inserting pictures & creating links to other sources as usual. That works great, there is a frame around the picture & I think that it’s clear to the viewer that it links to another information…
“BUT, I can’t figure out how to place to pictures with text next to each other”… Can I do it with html? How? (I have found this code: float:left; – BUT don’t know how to insert it…)
* Also would like to know if it is possible to switch of the function that for exampled “circle pictures from the gallery” can be opened in the full screen view by clicking them… (I know that it doesn’t work that way with the presentation view, but would like to use the circle view too & switch of that option…)
Please have a look on this link, where there is an example of what I have done: (it’s in German, but the pictures are self-explaining :-)…)
This is a very helpful post of this kind of topic, though seems as I need some more support with this issue: https://agallerydemo.wordpress.com/2012/07/28/gallery-as-an-index-page/
Thanks a lot in advance for support with this,
The blog I need help with is sabinesteger.com.
Does anybody have an idea for me, please? :-)
Might I suggest that perhaps a grid-based theme would be better suited to what you want to do rather than trying to use the Gallery for this purpose?
There are a number of themes where the “featured image” becomes the link to the individual post, such as:
And others. They each have different features, but that should get you started.
Many thanks for your suggestion Jennifer. :-)
I like the style it has right now, changing to a grid-based theme is not really what I am looking for. That would change the whole blog around.
I am really interested in using it like this: http://sabinesteger.com/deutsch/pinzgau-zum-erzahlen/ But I need to find a way to place two or three pictures with text next to each other.
(every picture incl text needs to have a frame around & be the same size)
Hopefully somebody has a solution for me. :-)
Then no need to use a Gallery.
You can insert individual photos with text next to them and you can link those images to whatever you want. See here: http://wpbtips.wordpress.com/2009/04/26/images-the-three-link-options/
Bueno has a rather narrow content area (max 490 pixels wide) so your images cannot be too wide if you want text next to them.
You might also be interested in http://wpbtips.wordpress.com/2010/05/13/featured-postsimages-in-bueno/
Thanks Jennifer for all your help :-)
Please have a look on my original blog page that I had attached from the beginning in this topic: http://sabinesteger.com/deutsch/pinzgau-zum-erzahlen/
There you can see 3 pictures that are next to each other (it’s a gallery) – BUT it’s not very clear when looking to it, that each picture leads to another post. (there is no frame around the pictures & with the text included the length of them is not same…)
Then you can see 2 pictures that are not next to each other.
(those are normal inserted images, they have a frame around & look neat, BUT I can’t find a way to get them next to each other in order to save space and have it organized. (the pixels of the two together are less than 490 pixels)… Is there a special code that can be placed in the text editor? So far I haven’t found an answer in your attached links…
A part from my original post:
* Have tried making a gallery (switched of the carousel option & used the thumbnail image), BUT can’t figure out how to place a link on each image of such a gallery. (each one should link to a different source (post, page etc)) – “I have tried doing this again, and again can’t find a way of linking to another source (not the picture itself)” – Is this even possible or have I tried doing something that can’t be done with a gallery???
* Also would like to know if it is possible to switch of the function that allows that “circle pictures from the gallery” can be opened in the full screen view by clicking them… (I know that it doesn’t work that way with the presentation view, but would like to use the circle view too, because it looks very nice, BUT switch of that full screen option…).
I have added an example: http://sabinesteger.com/deutsch/pinzgau-zum-erzahlen/
Thanks a lot for your help
@Sabine- Briefly, as I said in my blog post about using the Gallery as an Index page, you cannot currently link the Gallery thumbnail photo directly to other pages. You need to add the link to the photo caption and/or description. The addition of “Link to: None” may be the start of something new, but for right now, it seems to work only with the default thumbnail grid Gallery, not the mosaics. Using any of the other Gallery types launches the Photo Carousel or, if you’ve turned it off in Settings>Media, the Attachment page or Media file.
I’m working on a large project this week, so won’t be able to fully test what you are saying, but will test and post back here. Stay tuned.
@jennifer: many thanks :-)
Could anybody else find the solution for me in the meantime, please?
NOW, it is just getting this one solved for me please:
You can see 2 pictures that are not next to each other.
(those are normal inserted images, they have a frame around & look neat, as well they link to another page. BUT I can’t find a way to get them next to each other in order to save space and get them organized. (the pixels of the two together are less than 490 pixels)… Is there a special code that can be placed in the text editor?
If another community member has a solution, they are free to post into any thread they wish.
Dear community member,
does anyone has a solution please?
@sabine-the only thing I can surmise is that there is padding or some other spacing present that is keeping those 2 images from being next to one another. Those images are presently displaying at 220 pixels wide not including the caption border, padding, etc. Did you try inserting them smaller?
Please take a breath and understand that it’s extremely unlikely that other community members will have have other suggestions to make as justjennifer excels in answering gallery questions and has provided what there is.
tt-thank you, but the last question sabine has asked is not connected to using the Gallery feature.
She is using 2 separate, standalone images to link to different pages on her site, and those images appear to be too wide for the content area thus knocking one below the other (alignment is “none” as best I can see). She is looking for help with that specifically.
Dear Jennifer, Dear timethief,
it seems like I have the pictures side by side now, therefore it is kind of solved I guess :-)
Thanks for all your help Jennifer.
You’re welcome. I had your page open from this afternoon (my time) and didn’t think to refresh it, so hadn’t seen the changes. Glad you were able to resolve it.
I didn’t read the whole thread and that’s obvious, isn’t it? lol :D Thanks for the correction.
@tt- yes, it was. :)
But it makes me happy that volunteers look in on each others’ threads and contribute to answering a question. It does more frequently happen than not that someone else will come at a question from a different direction than the first person.
The topic ‘gallery as an index page’ is closed to new replies.