Reveal, Designed Pattern, Pattern Paste Canonical: https://patternpaste.com/designed-patterns/reveal/ Designed Patterns (https://patternpaste.com/designed-patterns/) Hero (https://patternpaste.com/designed-patterns/?category=hero) Needs the plugin New # Reveal One full-width photograph, before and after. Drag the elastic seam or choose Before, Split or After; made for interiors, renovation and landscaping. ## All patterns Search patterns Loading patterns… About this pattern ## Where Reveal fits Opens a renovation, interiors or garden page where one transformation says more than a gallery, with the change as the first thing seen. ### Use it for - Interior styling hero - Renovation case study - Landscaping before and after - Home staging service page What you can edit ## Every word, image and link is a WordPress block Select any of them in the block editor and change it in place. Colours, type and spacing use the blocks’ own controls. The layout stays protected while you edit. Unlock layout, in the section’s settings, lets you insert, move and remove any block. - 2 images both required - 1 heading optional - 3 text lines all optional ### Section settings - Appearance: Designed or Use my theme - Animate changes - Unlock layout How it behaves ## It still works when things are switched off Drag or flick the seam, tap the photograph, or choose Before, Split or After. Arrow keys move the seam, Home and End jump to each side, and Enter or Space swaps views. Motion off or reduced motion It shows its final state at once; anything a visitor can press or drag still works. JavaScript off All content stays visible and readable; controls the script adds are hidden. Plugin missing or older It pastes as plain WordPress blocks, in reading order, without the designed layout. Questions ## Reveal: common questions What is Reveal for? Opens a renovation, interiors or garden page where one transformation says more than a gallery, with the change as the first thing seen. Typical uses: interior styling hero, renovation case study, landscaping before and after and home staging service page. Does Reveal need a plugin? Yes. Designed Patterns come with a subscription, which includes the Pattern Paste plugin that runs them; Reveal arrived in plugin 0.41.0. Without the plugin, or on an older version, it pastes as plain WordPress blocks: the content reads in order, without the designed layout. What can I edit in Reveal? As pasted it has 2 images, 1 heading and 3 text lines, 4 of them optional and removable. The layout stays protected while you edit. Unlock layout, in the section’s settings, lets you insert, move and remove any block. Will Reveal match my theme? Choose Designed to keep its own palette and type, or Use my theme to let it follow your theme’s colours and fonts. Either works in any block theme on WordPress 7.0 or later. Choose Use my theme in the preview above to see it follow a theme before you copy. Can the motion be switched off? Yes. Turn off Animate changes in the section settings, and visitors who ask their device for reduced motion get the same: the section shows its final state at once and anything they can press or drag still works. With JavaScript off, all content stays visible. Back to Designed Patterns (https://patternpaste.com/designed-patterns/?category=hero) One-time setup ## Install once, then paste Install and activate the Pattern Paste plugin on your WordPress site. Then paste this section into the block editor. Get the plugin (https://patternpaste.com/account/#themes)Installation guide (https://patternpaste.com/docs/install-pattern-paste/) ## Specifications Section Hero, Cover, Gallery Needs Pattern Paste plugin Since Plugin 0.41.0 Appearance Designed or your theme Motion Optional, off for reduced motion Themes Any block theme WordPress 7.0+ Tested In WordPress, 11 checks (https://patternpaste.com/how-we-test/) Continue exploring ## More in Hero Explore this category (https://patternpaste.com/designed-patterns/?category=hero) Hero Needs the plugin ### Cinema Stories A cinematic split story slider with monumental titles, immersive photography and a numbered reader-controlled index for an independent film journal. Preview pattern (https://patternpaste.com/designed-patterns/cinema/) Hero Needs the plugin ### Open Horizons An expansive destination hero of visual panels that open on reader input to reveal editable place stories and links. Preview pattern (https://patternpaste.com/designed-patterns/horizon/) Hero Needs the plugin ### Before and After A photographic colour-grade study with editable native images and an elastic divider that bends under your hand, carries a flick and springs straight. Preview pattern (https://patternpaste.com/designed-patterns/compare/)