25 WordPress plugins for photo and video galleries and portfolios

Start with what visitors need to find

A photographer presenting six wedding images, an association archiving each year's photos and a trainer publishing videos by level all use the word “gallery”. Yet their pages must answer different questions. For the photographer, an opening image sets the tone, then the others complete the story. For the association, visitors must find a specific year. For the trainer, they must distinguish the lesson that interests them from those already completed.

Write the first journey to check before examining extensions. For example, take “open the 2025 photo story and read the third image's caption” or “find a renovation project and open its detail page”. The first journey calls for an album and image navigation. The second requires a project card with a real link and, if the catalogue justifies it, a filter. If the expected result is simply showing a series of views, a static gallery may already suffice.

In the selection, compare Envira, NextGEN or FooGallery if you need to manage collections. Look at Modula, Final Tiles and Justified Image Grid if layout and cropping make the difference. Visual Portfolio and WP Grid Builder make more sense when each card leads to content. Video tools answer another question: source and player. A slideshow is relevant when presentation order forms part of the story. On a page where several images must be compared at a glance, a grid facilitates that work.

Make a reference page with WordPress blocks

On a page copy, start with the Gallery block using images that will actually be published. Also use the corresponding embed block for one or two videos. Add captions whose reading matters and open the preview with the site's theme. This first version establishes a comparison point. If visitors understand the order, find captions and access media, publishing a simple collection with already available blocks is possible.

Record obstacles revealed by the reference version. A collection inserted in several places can become difficult to maintain if each page contains its own copy. A series of distinct photo stories may need one page per album with a cover image. A gallery respecting varied proportions may be preferable when cropping hides artwork. Conversely, merely wanting to change spacing between two thumbnails first merits checking block and theme settings.

Then give each candidate extension the same task. Ask the person maintaining pages to add an image, move it, correct a caption and remove the previous thumbnail. Check the result both on the edited page and a second page displaying the same collection. This last check reveals whether the tool actually shares a collection or the second page must be revised separately. Keep the reference page during selection. It lets you quickly restore a readable presentation if the new component fails.

Compare grids using photos that are difficult to crop

Prepare twelve images. Mix landscapes, portraits and squares, then include at least one subject near an edge, fine detail, an intentionally dark photograph and two captions of very different lengths. Demonstrations using uniform files reveal little about these cases. View the grid at the theme column's actual width. A wide page without a sidebar and a narrow page with a contents list may require different compositions, even on the same computer.

In regular columns, each thumbnail's edge provides a stable reference. If all frames have the same shape, inspect cropped photos and decide whether a dedicated thumbnail is justified. In a justified-row grid, also observe the last row when it holds only one or two images. In a mosaic, enlarge one important photo and check that its on-screen order remains consistent with reading order on a phone. Do this without initially adding effects, to see what the layout itself produces.

Check clicks on elements chosen for the trial. Depending on the project, they should open an enlargement, detail page or image whose address can be copied. A card leading to a case study and a thumbnail opening a detail should be recognisable before clicking. If you are deciding between the two approaches to building a photo portfolio, the FooGallery and Justified Image Grid comparison explores the grid and filter choice further.

Organise albums, categories and project pages

An album gathers images into a set visitors can name. A category helps them find items spread across several sets. For example, “town hall renovation” is a project with its page, whereas “public building” can help find several projects. Define these two levels before configuring filters. If photographs mainly represent details of the same site, one category per detail burdens navigation and may yield results too sparse to be useful.

To check structure, create two similarly named albums and deliberately place the same subject in two categories. Try a filter, open a result and return to the list. Observe whether the page restores navigation state or displays the entire catalogue again. Either behaviour may suit, provided visitors understand where they are and can start again. If filters combine, test an empty combination and identify how to return to all projects on a phone.

If each project has a description, choose which information appears on the card and which belongs on the detail page. An image, distinct title and location may suffice at the first level. Test a page without an image, a long title and a project assigned to two categories. Finally, add a project using the form the team will use daily. If publishing requires manually changing a separate list, plan who will update it and how the team will spot an omitted project.

Check enlargements and slideshows by keyboard

On the reference page, reach a thumbnail with Tab, then open it. Check that enlargement controls are keyboard accessible, closing is identifiable, Escape works if provided and returning to the grid resumes near the original thumbnail. Repeat with a mouse and touchscreen. Use a vertical image and long caption to see whether buttons remain visible when text occupies several lines.

The same page may combine scripts from the theme, gallery and builder. If clicking triggers two enlargements or navigation passes behind an open window, isolate triggers on the page copy. Check expected file-link behaviour before changing a global rule. A change fixing the main gallery may simultaneously change images in a post or product page. Once the component is chosen, revisit two pages not built with it.

For a slideshow, identify why images should be shown successively. A short five-step tour benefits from explicit order, whereas a project list often benefits from direct browsing. Check previous, next and pause controls when autoplay is used. Place essential titles and information in readable content even if the sequence does not start. Captions contextualise the image, while alternative text helps explain what it contributes to the page. Write each according to its role.

Try three behaviours with native blocks

If you want to present a few photos, start with a draft page containing two images in a Gallery block. Also add two Image blocks outside the gallery. Give each image alternative text suited to its role, for example “Stone arch” in the gallery and “Project courtyard” for the image leading to a completed project.

On our WordPress 7.1.4 copy, Tab reached the first thumbnail in Chrome. Enter opened the viewer and moved focus inside. The right arrow displayed the second photo. Escape closed the viewer and returned focus to the second thumbnail. The two linked images opened the expected file or detail page with Enter. The journey was performed by keyboard on a computer using native blocks. Repeat it in your theme, on a phone and with assistive technologies used by your audience.

• Enlarge without leaving the page. Select gallery images, enable click-to-enlarge and remove any links. Open the draft preview, reach a thumbnail with Tab and press Enter. Test the right arrow and Escape. Check which thumbnail receives focus after closing.
• Open the file. For the first separate Image block, choose linking to the media file. Check the address after activation and use the browser Back button to verify returning to the page. This option suits providing access to a full-resolution version.
• Open a detail page. For the second Image block, link the thumbnail to the project page and add a text link to the same page if context requires it. Check that the destination page's title matches the thumbnail. For a portfolio, this approach provides project details in one click.
• Add an extension if a need remains unmet. Compare the tools below for filters, reusable albums or video sources. Replay all three journeys on a copy before deploying the gallery.

Choose a video source the team can maintain

For a video gallery, start with source and update frequency. A list of selected IDs lets the team decide each appearance on the page. A channel or playlist can follow publications made elsewhere. A WordPress catalogue with one page per video lets you write a summary specific to each lesson or project. Identify who adds videos and who can change their visibility on the platform. These responsibilities may belong to different people.

Test three representative cases on a copy. Include an available video, an intentionally restricted video if you have permission to use it and a reference you remove from the collection. Check order after publishing a new video and the page's response if privacy settings block the external player or the source fails to respond. A title and summary visible on the page help explain what is missing. Any fallback link must lead somewhere the visitor is authorised to open.

Players and feeds may make third-party requests at different times. Observe what loads before interaction, then after clicking. If the site manages consent, test the journey with choices offered to visitors. With locally hosted files, instead measure data transferred on loading and during playback. Extension choice then also depends on hosting and how the team publishes subtitles.

Measure media actually loaded

Gallery images should be sized for where they appear. A source image intended for printing may be much larger than the available screen space. In browser network tools, reload the reference page with cache disabled and observe files received before opening a thumbnail. Then inspect requests triggered by enlargement. This reveals a grid loading all originals immediately, a player injected into every card or a thumbnail displayed at unsuitable dimensions.

Compare identical content on the same page under the same conditions. Record bytes transferred on first display, then after opening an image or video. If you use caching or a CDN, repeat the journey on the copy after a controlled purge. Reserve height for visible elements when the layout permits. Visually check whether an arriving image abruptly pushes a caption or control as you use it.

When an original remains accessible but its thumbnail is missing, open the diagnostic on the WordPress media library and missing thumbnails. If the error occurs at import, instead start with the guide to images the WordPress server cannot process. A gallery depends on files WordPress and hosting must be able to supply. Identifying the failing step avoids rebuilding every album for an image-generation or access problem.

Compare cost against the journey motivating purchase

Review necessary features and record the exact plan combining them. A free version may suit one album while leaving advanced filters to a paid plan. Another extension may offer a free filter while reserving dynamic sources for a commercial edition. An introductory price has little decision value if the template, video or proofing tool you want belongs to another plan. Match every feature to the intended edition before comparing prices.

For a gallery mixing photos and videos, compare Envira Pro and FooGallery Pro Expert by renewal price and accepted sources. To group collections into albums, compare Modula Trio's cost with other plans including that feature. For a slideshow on one site, Smart Slider 3 Standard displays a one-time payment, while MetaSlider displays an annual subscription. In both cases, check keyboard controls and recovery after an update on a copy.

Record currency, taxes, initial price, any renewal and covered site count in the same table. If you have a staging copy or multisite, find the activation rule applying to that installation. For a one-time-payment licence, distinguish product access, support duration and advertised updates. An old record helps understand the plan observed on that date. Confirm the payable price and licence scope before purchase.

Also plan the cost of changing tools. If ending a licence could affect an essential presentation, check what the publisher documents and request missing details before building the site around that feature. In a commercial portfolio, access to project pages deserves particular attention. Keep a list of their addresses and main images. This also helps assess migration, even when the grid itself is generated automatically.

Prepare migration and acceptance checks on a copy

Before replacing an extension, inventory pages displaying its galleries and how each is inserted. Note whether a page uses a block, shortcode, theme template or query retrieving projects. Identify where order, captions and categories are stored. Backing up image files alone does not necessarily restore these data. Also keep useful public addresses, particularly when other pages link to a project.

Choose a short but representative collection and migrate it on a copy. Compare displayed images, order and captions. Check filters, card links and the result if the previous component is deactivated on that copy. When a tool advertises import, check several items in detail. An identical image total may conceal a lost caption, changed order or created duplicates. Have an ordinary edit validated by someone who did not build the page.

For acceptance, record successful journeys with the page, device and edition used. Check the logged-out public view, media addition and return to the previous display. If a step fails, keep the observation tied to the affected page so the issue can be reproduced. You can then decide to deploy first on one collection, revisit a setting or retain the reference version. The entries below provide trial ideas to reproduce with your own media.

Further reading

• Compare FooGallery and Justified Image Grid for a filterable portfolio
• Diagnose missing thumbnails in the WordPress media library
• Fix an image processing error during import