--- title: "WordPress Photo Wall Gallery" id: "197760" type: "page" slug: "wall-gallery" published_at: "2026-11-04T14:49:11+00:00" modified_at: "2026-11-04T18:30:39+00:00" url: "https://fooplugins.com/foogallery-wordpress-gallery-plugin/wall-gallery/" markdown_url: "https://fooplugins.com/foogallery-wordpress-gallery-plugin/wall-gallery.md" excerpt: "Build an animated WordPress photo wall gallery with drifting image columns. Try the Wall PRO demo, open its fullscreen gallery and explore FooGallery." --- Included in PRO Starter # WordPress Photo Wall Gallery Turn a photo collection into an animated wall of drifting image columns. Let visitors open a fullscreen gallery and look closer with Wall PRO, included in FooGallery PRO Starter. [Start Free Trial](/foogallery-wordpress-gallery-plugin/start-trial/) [Compare Plans](/foogallery-wordpress-gallery-plugin/compare-plans/) 7-day trial · 30-day guarantee ### Animated Photo Wall Gallery Demo Watch the columns drift in alternating directions. Hover to pause, or select a photo to open the fullscreen gallery. Select a photo there to open its lightbox, then close the overlays to return to the page. Live demo [https://fooplugins.com/wp-content/uploads/2026/10/l-alpine-meadow.webp](https://fooplugins.com/wp-content/uploads/2026/10/l-alpine-meadow.webp) Alpine Meadow [https://fooplugins.com/wp-content/uploads/2026/10/w-fox.webp](https://fooplugins.com/wp-content/uploads/2026/10/w-fox.webp) Fox Cub [https://fooplugins.com/wp-content/uploads/2026/10/m-dahlia.webp](https://fooplugins.com/wp-content/uploads/2026/10/m-dahlia.webp) Dahlia [https://fooplugins.com/wp-content/uploads/2026/10/l-rice-terraces.webp](https://fooplugins.com/wp-content/uploads/2026/10/l-rice-terraces.webp) Rice Terraces [https://fooplugins.com/wp-content/uploads/2026/10/w-hummingbird.webp](https://fooplugins.com/wp-content/uploads/2026/10/w-hummingbird.webp) Hummingbird [https://fooplugins.com/wp-content/uploads/2026/10/m-dandelion.webp](https://fooplugins.com/wp-content/uploads/2026/10/m-dandelion.webp) Dewdrops [https://fooplugins.com/wp-content/uploads/2026/10/l-waterfall.webp](https://fooplugins.com/wp-content/uploads/2026/10/l-waterfall.webp) Hidden Falls [https://fooplugins.com/wp-content/uploads/2026/10/w-red-panda.webp](https://fooplugins.com/wp-content/uploads/2026/10/w-red-panda.webp) Red Panda [https://fooplugins.com/wp-content/uploads/2026/10/m-fly_agaric.webp](https://fooplugins.com/wp-content/uploads/2026/10/m-fly_agaric.webp) Fly Agaric [https://fooplugins.com/wp-content/uploads/2026/10/l-snowy-peaks.webp](https://fooplugins.com/wp-content/uploads/2026/10/l-snowy-peaks.webp) Snowy Peaks [https://fooplugins.com/wp-content/uploads/2026/10/w-tiger.webp](https://fooplugins.com/wp-content/uploads/2026/10/w-tiger.webp) Tiger [https://fooplugins.com/wp-content/uploads/2026/10/m-bee.webp](https://fooplugins.com/wp-content/uploads/2026/10/m-bee.webp) Sunflower Bee [https://fooplugins.com/wp-content/uploads/2026/10/l-countryside.webp](https://fooplugins.com/wp-content/uploads/2026/10/l-countryside.webp) Golden Hour [https://fooplugins.com/wp-content/uploads/2026/10/w-kingfisher.webp](https://fooplugins.com/wp-content/uploads/2026/10/w-kingfisher.webp) Kingfisher [https://fooplugins.com/wp-content/uploads/2026/10/m-lily.webp](https://fooplugins.com/wp-content/uploads/2026/10/m-lily.webp) Lily [https://fooplugins.com/wp-content/uploads/2026/10/l-pink-sky.webp](https://fooplugins.com/wp-content/uploads/2026/10/l-pink-sky.webp) Pink Sky [https://fooplugins.com/wp-content/uploads/2026/10/w-owl.webp](https://fooplugins.com/wp-content/uploads/2026/10/w-owl.webp) Owl in Flight [https://fooplugins.com/wp-content/uploads/2026/10/m-septempunctata.webp](https://fooplugins.com/wp-content/uploads/2026/10/m-septempunctata.webp) Ladybird [https://fooplugins.com/wp-content/uploads/2026/10/l-starry-night.webp](https://fooplugins.com/wp-content/uploads/2026/10/l-starry-night.webp) Starry Night [https://fooplugins.com/wp-content/uploads/2026/10/w-otter.webp](https://fooplugins.com/wp-content/uploads/2026/10/w-otter.webp) Otter [https://fooplugins.com/wp-content/uploads/2026/10/m-tulip.webp](https://fooplugins.com/wp-content/uploads/2026/10/m-tulip.webp) Tulips [https://fooplugins.com/wp-content/uploads/2026/10/l-dusk.webp](https://fooplugins.com/wp-content/uploads/2026/10/l-dusk.webp) Dusk [https://fooplugins.com/wp-content/uploads/2026/10/w-highland-cow.webp](https://fooplugins.com/wp-content/uploads/2026/10/w-highland-cow.webp) Highland Cow [https://fooplugins.com/wp-content/uploads/2026/10/m-trees.webp](https://fooplugins.com/wp-content/uploads/2026/10/m-trees.webp) Woodland [https://fooplugins.com/wp-content/uploads/2026/10/l-forest-trunks.webp](https://fooplugins.com/wp-content/uploads/2026/10/l-forest-trunks.webp) Forest Light [https://fooplugins.com/wp-content/uploads/2026/10/w-hedgehog.webp](https://fooplugins.com/wp-content/uploads/2026/10/w-hedgehog.webp) Hedgehog [https://fooplugins.com/wp-content/uploads/2026/10/w-frog.webp](https://fooplugins.com/wp-content/uploads/2026/10/w-frog.webp) Tree Frog Device preview switcher available on desktop devices Recreate this demo PRO Starter or higher ### Create this with your own images Use these settings as a starting point, then adapt the layout to your collection. 1. **Add your own collection**Create a FooGallery gallery and choose enough photos to fill several columns. Add descriptive titles and alt text. 2. **Choose Wall PRO**Select Wall PRO and set Position to Inline to give the wall its own space in the page. 3. **Set motion and clicks**Adjust Columns, Gap, Speed and Tilt. Enable Pause On Hover and choose Open a fullscreen gallery for photo clicks. 4. **Embed and preview**Save and insert the gallery with a FooGallery block or its generated shortcode. Check the wall, fullscreen view and lightbox on desktop and phone. Settings used in this demo- Layout **Wall PRO** - Position **Inline** - Height **600px** - Columns **7 desktop / 3 mobile** - Direction **Alternate** - Photo click **Fullscreen gallery** Tips and troubleshootingChoose Inline for a self-contained demo like this one. Background position attaches the wall behind a section and needs a suitable section layout. Use a slower Speed for gentle motion, and check reduced-motion behavior as well as mouse and touch browsing. This example uses fullscreen clicks rather than the developer event option. [Start Free Trial](/foogallery-wordpress-gallery-plugin/start-trial/) [Compare Features](/foogallery-wordpress-gallery-plugin/compare-plans/) [Read the Wall setup guide](/documentation/foogallery/pro-starter/wall-pro-gallery-layout/) or [view PRO Starter](/foogallery-wordpress-gallery-plugin/pro-starter/) . Who is this for? ## Give your collection a moving introduction. Use Wall PRO when you want an animated photo wall on a WordPress page or behind a hero section. Its drifting columns create an overview of the collection, with optional fullscreen browsing when visitors want to explore. - **Photography homepages**Introduce a body of work with a moving collection, then let visitors open the fullscreen gallery. - **Creative portfolios**Show a mix of projects in an image wall with adjustable columns, gaps and tilt. - **Visual landing pages**Place the wall inline as shown here, or use its background position behind your own hero content. ## More FooGallery features Explore more ways to style your galleries and display your photos, with a working demo for each feature. ### Use Wall behind a heading and action Place the gallery inside a Group or Cover with your heading and button. Choose Behind content, leave Section blank to use the nearest supported host, and set the host’s height and padding in the page editor. Add shading and check the text contrast and button behaviour. The hero on the [FooGallery product page](/foogallery-wordpress-gallery-plugin/) shows a background example; the [Wall guide](/documentation/foogallery/pro-starter/wall-pro-gallery-layout/) covers the full recipe. ### Need a collection visitors can scan? For varied tiles with selected highlights, try the [Mosaic gallery demo](/foogallery-wordpress-gallery-plugin/mosaic-gallery/) . Use Wall for an introduction and a supported browsing layout when visitors need ordinary filtering or pagination. [/foogallery-wordpress-gallery-plugin/photo-watermark/](/foogallery-wordpress-gallery-plugin/photo-watermark/) ### [Watermarking](/foogallery-wordpress-gallery-plugin/photo-watermark/) FooGallery PRO Commerce includes watermarking and right-click image protection to help photographers protect gallery images. [/foogallery-wordpress-gallery-plugin/woocommerce-integration/](/foogallery-wordpress-gallery-plugin/woocommerce-integration/) ### [WooCommerce Integration](/foogallery-wordpress-gallery-plugin/woocommerce-integration/) With WooCommerce integration, FooGallery PRO Commerce gives you the ideal platform from which to display your product images. Visit now! [/foogallery-wordpress-gallery-plugin/video-gallery/](/foogallery-wordpress-gallery-plugin/video-gallery/) ### [WordPress Video Gallery](/foogallery-wordpress-gallery-plugin/video-gallery/) FooGallery Pro Expert allows you to create amazing WordPress video galleries by importing videos from YouTube and other sources. FAQs ## Questions about Wall Layout ### How do I create an animated photo wall in WordPress?+ Install FooGallery PRO Starter or higher, create a gallery and add your photos. Select Wall PRO and choose Inline to give the wall its own space on the page. Adjust the columns, speed and photo-click behavior, then save and embed it using a FooGallery block or its generated shortcode. Wall PRO displays drifting photo columns on your website; it is not a planner for framed photos on a physical wall. ### Is the WordPress photo wall gallery free?+ Wall PRO is not included in FooGallery Free. It is included in FooGallery PRO Starter, PRO Expert and PRO Commerce. FooGallery Free has other gallery layouts you can use without buying PRO. Use Start Free Trial to select a trial plan, or Compare Features to review the paid plans. ### Can I use the photo wall as a hero background?+ Yes. Wall PRO has Behind content and Inline positions. Behind content places the wall behind a section; Inline gives it its own height in the page, as in this demo. Keep overlaid text and actions readable when designing a background section. ### What happens when someone clicks a photo?+ You choose the behavior. Wall PRO can open the lightbox, open a fullscreen gallery, dispatch a browser event for custom code, or do nothing for a decorative wall. This example opens the fullscreen gallery first; photos there open in the lightbox. ### Can I change the speed and pause the wall?+ Yes. The gallery editor includes Speed, Direction, Tilt and Pause On Hover controls. This example pauses when a pointer rests over the wall. Reduced-motion preferences also affect the animation, so the wall can appear still for those visitors. ### Does the wall gallery work on phones?+ The wall adapts to its container and supports a mobile column override. This demo uses three columns on mobile and seven on desktop. Tap a photo to open the fullscreen gallery, and use its close control to return to the page. Wall Layout PRO ## Add an animated photo wall to WordPress Wall PRO is included in PRO Starter, Expert and Commerce. Try the layout with your own collection, then choose the motion, placement and photo-click behavior that suit your site. [Start Free Trial](/foogallery-wordpress-gallery-plugin/start-trial/) [Compare Features](/foogallery-wordpress-gallery-plugin/compare-plans/) [More demos](/foogallery-wordpress-gallery-plugin/demos/)