Beschreibung

A flat image can introduce a page. A panorama can pull people into it.

A360 Panorama Hero provides a dynamic Gutenberg block for building memorable Hero sections with an interactive equirectangular 360-degree image in the background. It is ideal for hotels, real estate, architecture, showrooms, tourism, events, creative portfolios, and any website where space and atmosphere help tell the story.

The foreground content uses native InnerBlocks. Headings, paragraphs, buttons, groups, columns, and other supported WordPress blocks remain editable with standard block editor controls. There is no separate page builder and no unfamiliar content workflow.

Build the Hero your way, invite visitors to look around, and make the most valuable part of the page impossible to ignore.

Lightweight by design

A360 Panorama Hero keeps its footprint focused. Panorama styles and scripts are loaded only on pages where the block or shortcode is used, so the plugin does not add an unnecessary site-wide script payload. It also uses no tracking and requires no external rendering service.

Features include:

Native dynamic Gutenberg block with InnerBlocks content.
Lightweight assets loaded only on pages that use a panorama.
Equirectangular 2:1 panorama images from the Media Library.
Multiple panoramas with a configurable automatic switching interval.
Optional poster image displayed while WebGL initializes.
Automatic rotation with configurable speed and restart delay.
Default-enabled interaction lock for mouse and touch that preserves automatic rotation.
Adjustable field of view, overlay opacity, and block height.
Horizontal and vertical content alignment controls.
Adjustable content padding.
Optional mouse, keyboard, and touch navigation.
A shortcode for displaying a standalone panorama.

No external service or user tracking is used by this plugin.

Shortcode

Use an attachment ID, an absolute image URL, or a filename placed in the plugin’s panoramas directory:

[a360_panorama images="123,124,125" interval="8" height="600" speed="1.5" fov="75" resume="5"]

The existing single-image syntax remains supported: [a360_panorama image="123"]

Supported attributes:

image – a single attachment ID, image URL, or local filename (backward compatible).
images – comma-separated attachment IDs, image URLs, or local filenames.
interval – panorama change interval in seconds.
poster – optional poster image.
height – viewer height in pixels.
speed – automatic rotation speed.
fov – initial field of view.
resume – delay before rotation resumes after interaction.
autoplay – always, respect, or off.
label – accessible viewer label.

Screenshots

A360 Panorama Hero displayed on the front end.

Panorama and content controls in the block editor. — A360 Panorama Hero displayed on the front end.

Blöcke

Dieses Plugin bietet 1 Block.

A360 Panorama Hero Panorama 360° w tle z treścią z natywnych bloków WordPressa.

Installation

Upload the a360-panorama-hero directory to /wp-content/plugins/, or install the plugin through the WordPress Plugins screen.
Activate A360 Panorama Hero.
Add the A360 Panorama Hero block in the block editor.
Select a 2:1 equirectangular panorama from the Media Library and edit the foreground content with native blocks.

FAQ

Which image format should I use?: Use a 2:1 equirectangular panorama. WebP or JPEG usually provides a good balance between image quality and file size.
Can I edit the Hero text and buttons normally?: Yes. The Hero foreground is built with native WordPress blocks through InnerBlocks.
Does the plugin send data to an external service?: No. The panorama is rendered in the visitor’s browser and the plugin does not add analytics or external service requests.

Rezensionen

Zu diesem Plugin liegen noch keine Rezensionen vor.

Mitwirkende und Entwickler

„A360 Panorama Hero“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

A360

Übersetze „A360 Panorama Hero“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN-Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

1.3.17

Extends the default-enabled interaction lock to touch gestures on phones and tablets.
Keeps automatic rotation and hotspot controls active while panorama navigation is blocked.

1.3.16

Removes the pause control from the top-right corner of the panorama.
Adds a default-enabled „Block mouse interaction“ setting to the Hero block sidebar.
Prevents mouse dragging and wheel zoom when the lock is enabled, without interrupting automatic rotation, touch controls, keyboard navigation, or hotspots.
Hides the mouse-drag interaction hint while mouse interaction is blocked.

1.3.15

Fix block registration in the WordPress editor after the localization update.

1.3.14

Adds multiple panorama support to the shortcode through the images and interval attributes.

1.3.13

Changes source strings to English and adds Polish, German, French, and Spanish translations for PHP and the block editor.

1.3.12

Replaces the circular panorama removal control with a simple red X.

1.3.11

Makes Change image replace the panorama selected with the editor thumbnail instead of always replacing the first panorama.

1.3.10

Makes panorama-link hotspots open their target panorama with the configured transition and target hotspot set.

1.3.9

Animates both panorama canvases directly for a guaranteed two-second crossfade.

1.3.8

Uses retained WebGL frames for a simultaneous two-layer crossfade without a blank or black frame.

1.3.7

Replaces the WebGL snapshot crossfade with a reliable two-second fade-out and fade-in transition.

1.3.6

Ensures the outgoing WebGL frame is captured before the two-second panorama crossfade.

1.3.5

Restores automatic rotation after closing a hotspot modal while preserving an earlier manual pause.

1.3.4

Pauses the panorama-switch timer during user interaction and restarts it from zero when automatic rotation resumes.

1.3.3

Adds a two-second crossfade when switching panoramas and their hotspot layers.

1.3.2

Fixes hotspot replacement when automatically switching between panoramas.

1.3.1

Adds independent hotspot sets for every panorama and a thumbnail scene selector in the block editor.

1.3.0

Adds multiple panoramas to the Hero block, thumbnail management in the editor, and configurable automatic switching.
Preserves compatibility with existing blocks that contain a single panorama.

1.2.3

Adds a per-hotspot Visible setting for showing or hiding its title label.

1.2.1

Updates nadir logo rotation and size live without resetting the panorama view.

1.2.0

Adds a per-panorama nadir logo with adjustable rotation and size.

1.1.6

Ensures every block renders its own saved panorama URL, even when a stale attachment ID is retained after duplication or translation.

1.1.5

Keeps multiple panorama instances visually independent and resets a copied poster when the panorama image changes.

1.1.4

Keeps hotspot lists separate when a block is assigned a different panorama image.

1.1.3

Smoothly returns the panorama to the natural horizon when automatic rotation starts or resumes.

1.0

Initial public release.