• Okay. I am look for design ideas for my photo gallery website that I am developing. I am currently using the Photo Gallery by WD plugin, but it cannot do what I want.

    What I want is a photo gallery that displays not only a picture, but also associated text information, such a 300 word+ description about the photo, including hyperlinks to external resources about the photo. I want it so that each picture that is displayed shows the associated information text below it.

    Now the simple way to do this, would to be to manually create a separate page for each photo, and then create a thumbnail page from which to choose a picture to look at. But this would take massive amounts of work and be very inefficient to navigate, as viewers would have go backwards to the thumbnail page to choose another picture instead of going forward to the next picture.

    I was just wondering if anyone has some ideas about how to do this or could point me to a WP website that might have a design similar to what I am looking for.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Moderator bcworkz

    (@bcworkz)

    While it partly depends on your theme, even the default [gallery] shortcode allows users to page through the attachment pages without needing to go back to thumbnails. It’s a matter of calling the proper pagination function on the attachment template. You can place extended content in each caption, including most HTML (if the user has unfiltered HTML capability). The only drawback is it can be difficult editing content in the tiny textarea provided.

    You could even create a gallery of sorts from regular posts with their featured images. Instead of the archive page listing text excerpts, it can simply output a thumbnail of the post’s featured image. It’ll take some customizing of your theme. Depending on how your theme currently manages featured images, the custom work may not be all that involved.

    With either scheme, a custom pagination function could be created that displays small thumbnail links to other pages of the gallery. Users would not even need the main thumbnails page this way, except when they would want a complete overview.

    Thread Starter victorb70

    (@victorb70)

    Thanks. Picture Overlay, is really nice, but not exactly what I am looking for. I think what I would like is maybe something like a slider at the top of the page with thumbnails and the chosen thumbnail displays below it, with the text info below that. Or something like that. I want the text to be associated with the photo in such a way that it is indexable by search engines that will bring the photo up in search result.

    This is a huge problem with the current Photo Gallery by WD plugin. No matter how much information I enter for the photo, Google cannot index that associated data for the photo, because it is not physically on screen with the photo. The information is stored somewhere in a database within the plugin and the plugin only brings up the information when it is called for by a user interaction with the photo.

    I think the same is true for the Picture Overlay plugin. The information is only accessed when a user hovers over the photo, so it is not available to be indexed by a search engine. This is a problem I have found with most photo gallery plugins I have looked at. They are great for displaying images, but they are horrible at search engine optimization. Search engines are TEXT base, not image based. There needs to be text that is directly connected to the image so that google can index the image. If the text is stored in some plugin directory, google does not know that it is associated with the image.

    Thread Starter victorb70

    (@victorb70)

    So here is a plugin that is closer to what I want, but the designer decided to put all the text right on top of the picture blocking out the image. WHY!

    If I could find a plugin that is like this as far as the thumbnails being up top and the main picture below goes, but I want to the TEXT to be below the image completely off of it.

    https://photos.app.goo.gl/31npYmRPybkxKM602

    Thread Starter victorb70

    (@victorb70)

    @bcworkz Thanks. I am not entirely clear on how to do what you said, but this sounds like what I am trying to achieve.

    You said: “You could even create a gallery of sorts from regular posts with their featured images.”

    You Said: “With either scheme, a custom pagination function could be created that displays small thumbnail links to other pages of the gallery”

    My current theme is VANTAGE. Can I do what you suggested with the VANTAGE theme?

    Thread Starter victorb70

    (@victorb70)

    Could you point me to a tutorial to create this “Custom Pagination” function you talked about, becasue my website is not a blog, it a website, and it appears from what I can find that the pagination function is geared towards a blog. Under Settings/Reading, there are only two options for the Homepage. These are, 1: Your Latest Post. 2. A Static Page. Since my website is a WEBSITE and not a blog, it need to have a Static Homepage.

    I can’t see how I can use this Pagination function to create a PAGE based Slider across the top of a CHILD level Photo Gallery.

    All I want is a SLIDER at the top of my page which displays a scrollable list of thumbnails which when selected present the new page below the Slider. In the past, this could easily be done using a FRAMES based page. I just don’t know how to do this in WP.

    Moderator bcworkz

    (@bcworkz)

    My suggestions would work with most themes because they would need to be developed. My calling my thumbnail presentation scheme a “pagination function” was misleading. At its root, pagination is merely links to other pages. If each page were styled to be primarily an image with some descriptive text, you would essentially have a page based slideshow. The “pagination” still consists of links to various pages. Instead of showing links as page numbers or text, the links could be shown as thumbnails.

    Based on your recent posts, I get the sense that creating such a scheme is beyond your abilities, but the fact you’re willing to give it a go if there were a tutorial tells me you are ambitious. I appreciate that, I’m sorry I don’t know of any such tutorial.

    I think you might be mistaken about what text search bots can find on a slider. Text does not need to be visible on screen for bots to see it. As you observed, they are text based. They generally don’t bother to check CSS to see if an element is visible or not. If it’s part of the DOM, it’s read. Typically, overlay text and other such modal displays are part of the DOM from the start, it is merely hidden until some user action occurs. It is entirely possible that some plugins do as you suggest and query the DB for every user action, but that would be more the exception than the rule. It doesn’t make sense to make Ajax requests for relatively minor amounts of text whose content is known from the start. Usually Ajax is used for content resulting from user data input (not just action) or for loading large amounts of data (i.e. lazy loading).

    Have you evaluated how the plugins manage data by its on-screen behavior or by examining the page source? If not the latter, perhaps you need to re-evaluate the plugins.

    The sort of presentation you describe causes me to think of WooThemes Flexslider. They sell a WP Flexslider plugin, but the free download is adequate if you know how to integrate JavaScript into WP. The drawback is there is no backend user interface, the underlying HTML needs to be either manually created or dynamically created by custom template code. Whether the commercial plugin offers more, I couldn’t say. I only have used the free JS download.

    On the linked example page, the main slider and thumbnail row are separate HTML entities, you can place them anywhere on a page you like in any order. The main slider can accommodate captions of any kind and size, but you would need to adjust the page’s CSS to get the actual appearance you want. All you are really getting is the JS engine and some sample code.

    Thread Starter victorb70

    (@victorb70)

    I have create a visual example of what I am after. It is not functional, but it looks like what I am trying to achieve. The function that it is missing is that the thumbnails are not active. What I want is the ability to make it so that when any of the thumbnails from carousel are clicked on, it changes the image and texted below the carousel.

    Here is the sample page. This is what I want it to look like.

    https://thejungleexplorer.com/texas-indian-feather-flower

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Help choosing a style for photo gallery website’ is closed to new replies.