Algori 360 Image

Description

Algori 360 Image is a Gutenberg Block Plugin that enables you add interactive 360° images to your WordPress website. Adding immersive panorama images, spherical images, equirectangular photos, full-sphere 3D images and VR (Virtual Reality) photography will boost user engagement and increase revenue for your site.


Please Note that this plugin;
* Currently supports one 360° image per page.
* Requires the Gutenberg editor to be activated on your WordPress site in order to access and use the 360° image block.

Features

  1. No Flash Needed
  2. Compatible with Modern Browsers like Chrome, Firefox, Edge and Safari.
  3. Supports VR (Virtual Reality) headsets such as Vive, Rift, Windows Mixed Reality, Daydream, GearVR and Cardboard.
  4. Supports JPG.
  5. Supports both mouse and touch.
  6. You can zoom into the image using touch.
  7. Only one 360° image can be loaded on a single page.

How to use

  1. After installing and activating the 360 Image plugin in your WordPress website.
  2. Navigate to your blog post or page and use the Gutenberg editor to add a 360 Image block.
  3. Use the 360 Image block to add a 360° image to your web page.
  4. At this point, you can adjust your image’s dimensions (width and height) using the Gutenberg block inspector section.
  5. Click “Publish” to view your new web page with a 360° image.
  6. Congratulations 😀

Credits

  • Based on create-guten-block https://github.com/ahmadawais/create-guten-block , (C) 2018 Ahmad Awais, [MIT] (https://opensource.org/licenses/MIT)
  • A-Frame https://aframe.io/ , (C) 2015-2018 Mozilla and A-Frame Authors, [MIT] (https://opensource.org/licenses/MIT)

Algori 360 Image WordPress Plugin, Copyright 2018 Kevin Bazira
Algori 360 Image is distributed under the terms of the GNU GPL

Screenshots

  • Admin View - 360 Image Gutenberg Block in action. ( Upload 360° image and adjust its dimensions )

Installation

  1. Download the plugin, unzip it and move the unzipped folder to the “wp-content/plugins” directory in your WordPress installation.
  2. In your admin panel, go to Plugins and you’ll find 360 Image in the plugins section.
  3. Click on the ‘Activate’ button to use your new plugin right away.
  4. Go to http://www.kevinbazira.com/blog/article/how-to-add-360-degree-panorama-images-and-videos-to-your-wordpress-website-using-algori-360-image-and-video-gutenberg-plugins for a guide on how to add and customize 360° images to your WordPress site.
  5. Done 🙂

FAQ

Does this plugin support multiple 360° images on one page?

Nope. At the moment this plugin supports one 360° image per page.

Can I use this plugin with other page builders am using?

Nope. Algori 360 Image only works with Gutenberg.

Contributors & Developers

“Algori 360 Image” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Algori 360 Image” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.2 – Nov 27 2018

  • Added: Default 360° image width (600px) and height(300px)
  • Added: “Insert from URL” button to MediaPlaceholder
  • Removed: MediaPlaceholder labels name
  • Added: MediaPlaceholder labels instructions
  • Removed: core-blocks-image class from all InspectorControls
  • Removed: AlignmentToolbar
  • Removed: BlockAlignmentToolbar
  • Changed: 360° block div to figure
  • Changed: styles in CSS files to support figure
  • Added: Social call to action into README.md

1.0.1 – Nov 12 2018

  • Changed: MediaPlaceholder and MediaUpload “type” to “allowedTypes” to support Gutenberg >= 4.2.0
  • Added: withNotices to support noticeOperations
  • Added: algori in the block keywords

1.0.0 – Aug 4 2018

  • Initial Release