Grow your CSS skills. Land your dream job.

WordPress – Multiple photo galleries on a single page separated by categories

  • # February 28, 2013 at 7:09 pm

    I am currently working on a website for a tattoo shop. My client wants a gallery page where each artists name will be displayed, basically like a pagination. Each time you select a new artist it switches to their gallery on the same page. I’m a little stumped on how to do this. I made a pen just to show what it would look like essentially.

    Check out this Pen!

    # March 1, 2013 at 8:42 am

    Something i was also wondering how to do.

    Hope someone here has an answer

    # March 1, 2013 at 3:46 pm

    I’ve tried searching for a plugin but can’t seem to come up with anything. No ideas?

    # March 1, 2013 at 5:45 pm

    The easiest, least fancy implementation I can think of would be to create a default WP Gallery of each artists work and place them in a hidden div. Then fire some on click goodness for the names to show/hide the respective galleries.

    # March 1, 2013 at 6:13 pm

    The easiest way to accomplish this without using any kind of AJAX is to create a page that displays list of artists. Then clicking on an individual artists would load another page where that particular artist is featured. But on the individual views create some sort of secondary menu so that user can quickly navigate between different artists without having to click back button.

    This approach is also SEO friendly. Each artist is represented by unique API so:

    example.dev/artists (would list all artists)
    example.dev/artists/jane-doe _or_
    example.dev/jane-doe (individual view for Jane Doe)

    Hope that helps
    Alen

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".