A360 Panorama Hero

Beskrivning

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.
  • Optional poster image displayed while WebGL initializes.
  • Automatic rotation with configurable speed and restart delay.
  • Adjustable field of view, overlay opacity, and block height.
  • Horizontal and vertical content alignment controls.
  • Adjustable content padding.
  • Keyboard, pointer, and touch interaction.
  • 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 image="123" height="600" speed="1.5" fov="75" resume="5"]

Supported attributes:

  • image – attachment ID, image URL, or local filename.
  • 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.
  • autoplayalways, respect, or off.
  • label – accessible viewer label.

Block

Detta tillägg tillhandahåller 1 block.

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

Installation

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

Vanliga frågor

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.

Recensioner

Detta tillägg har inga recensioner.

Bidragsgivare och utvecklare

”A360 Panorama Hero” är programvara med öppen källkod. Följande personer har bidragit till detta tillägg.

Bidragande personer

Översätt ”A360 Panorama Hero” till ditt språk.

Intresserad av programutveckling?

Läs programkoden, kika på SVN-filförvaret eller prenumerera på utvecklarloggen via RSS.

Ändringslogg

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.