• geraldprokop

    (@geraldprokop)


    I’m curious if anyone has a recommended plugin for my application.

    I host my images in a Piwigo installation because I think it’s easier to organize, and as such I prefer not to upload everything into WordPress beyond featured images, background image, site logo, etc.

    I like to have Piwigo albums as the master gallery, and then select which ones go in the post gallery.

    So I’m looking for a basic gallery plugin that would be able to just take a URL for each image, and still have the responsiveness and layout options of the native gallery block.

    I know you can workaround with placeholder images and then editing the URL, but I’m not interested in that because in three months I’ll be putting a new page together and forget what the workaround was.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Linards

    (@linardsn)

    There are a few gallery plugins that could potentially work for your use case. One option is Envira Gallery, which allows you to create galleries by simply entering image URLs. It also has a range of customization options and supports various layout options.

    Another option is Modula Image Gallery, which also allows you to use image URLs to create galleries. It has a drag-and-drop interface for arranging images and offers various customization options as well.

    Both of these plugins have free and paid versions, so you can choose the one that best fits your needs and budget. I hope this helps!

    Thread Starter geraldprokop

    (@geraldprokop)

    I just tried both Modula and Envira, but don’t see a way to add an image from an external URL without uploading it. Envira has a button to add images from an external source, but it just brings you to your media library.

    To be clear, I’m not trying to upload an image from another source into WordPress, I’m trying to use images outside of WordPress AS the source.

    Linards

    (@linardsn)

    You can try another approach by using a custom HTML block in the WordPress editor.

    To create a responsive gallery using an external image source, you can use the following HTML and CSS code:

    1. In the WordPress editor, add a Custom HTML block.
    2. Insert the following code into the block:
    <div class="custom-gallery">
      <a href="YOUR_IMAGE_URL_1" target="_blank">
        <img src="YOUR_IMAGE_URL_1" alt="Image Description 1">
      </a>
      <a href="YOUR_IMAGE_URL_2" target="_blank">
        <img src="YOUR_IMAGE_URL_2" alt="Image Description 2">
      </a>
      <!-- Add more images as needed -->
    </div>
    

    Replace YOUR_IMAGE_URL_1, YOUR_IMAGE_URL_2, and so on with the actual URLs of your images hosted on Piwigo. Add more <a> elements for additional images as needed.

    1. Next, add a Custom HTML block and insert the following code to add custom CSS to style the gallery:
    <style>
      .custom-gallery {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        grid-gap: 10px;
      }
      .custom-gallery img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
      }
    </style>
    

    This code creates a responsive grid layout for the gallery. You can adjust the grid-template-columns and grid-gap values to customize the appearance of your gallery.

    Keep in mind that this method may not have all the features that gallery plugins offer, such as lightboxes or advanced customization options. However, it’s a simple and straightforward way to display a responsive gallery using images from an external source like your Piwigo installation.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Gallery Plugin Recommendation’ is closed to new replies.