Описание
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
- No Flash Needed
- Compatible with Modern Browsers like Chrome, Firefox, Edge and Safari.
- Supports VR (Virtual Reality) headsets such as Vive, Rift, Windows Mixed Reality, Daydream, GearVR and Cardboard.
- Supports JPG.
- Supports both mouse and touch.
- You can zoom into the image using touch.
- Only one 360° image can be loaded on a single page.
How to use
- After installing and activating the 360 Image plugin in your WordPress website.
- Navigate to your blog post or page and use the Gutenberg editor to add a 360 Image block.
- Use the 360 Image block to add a 360° image to your web page.
- At this point, you can adjust your image’s dimensions (width and height) using the Gutenberg block inspector section.
- Click «Publish» to view your new web page with a 360° image.
- Congratulations 😀
Credits
- create-guten-block , (C) 2018 Ahmad Awais, MIT
- A-Frame , (C) 2015-2018 Mozilla and A-Frame Authors, MIT
Algori 360 Image WordPress Plugin, Copyright 2022 Kevin Bazira
Algori 360 Image is distributed under the terms of the GNU GPL
Скриншоты
Блоки
Этот плагин предоставляет 1 блок.
- 360 Image Add interactive 360° images to your WordPress website with ease
Установка
- Download the plugin, unzip it and move the unzipped folder to the «wp-content/plugins» directory in your WordPress installation.
- In your admin panel, go to Plugins and you’ll find 360 Image in the plugins section.
- Click on the ‘Activate’ button to use your new plugin right away.
- 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.
- Done 🙂
- PS: Remember to click the Enable auto-updates link for this plugin so that you don’t miss cool new features as they come in.
Часто задаваемые вопросы
-
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 I am using?
-
Nope. Algori 360 Image only works with Gutenberg.
-
What theme works with Algori 360 Image?
-
Most WordPress themes that are optimized for Gutenberg will work well with Algori 360 Image. To get a full experience of the next-generation WordPress block editor, you’ll need a Gutenberg-ready WordPress theme, like Algori Blogger or Algori Shop.
Отзывы
Участники и разработчики
«Algori 360 Image» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:
Участники«Algori 360 Image» переведён на 2 языка. Благодарим переводчиков за их работу.
Перевести «Algori 360 Image» на ваш язык.
Заинтересованы в разработке?
Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.
Журнал изменений
1.0.9 — Oct 26 2021
- Fixed 360 image block alignment by adding custom data-align attribute with getEditWrapperProps
- Bumped up version number
- Updated docs with v1.0.9 changes
1.0.8 — Aug 15 2020
- Added block preview using example metadata
- Disabled AR mode button
- Replaced block category ‘common’ with ‘media’
- Updated Algori 360 Image general namespace
- Added block.json for WP block directory
1.0.7 — July 26 2020
- Upgraded A-Frame from v1.0.3 to v1.0.4
- Fixed mouse drag in VR mode / fullscreen mode on desktop
1.0.6 — May 15 2020
- Disabled VR mode orientation permission modal dialog
- Removed Toolbar, MediaUploadCheck and deprecated wp.components.IconButton
- Added MediaReplaceFlow component that enables users to edit/replace a 360 image by using the Media Library or by inserting a URL or by uploading new media.
- Added deprecated block for Algori 360 Image v1.0.5
1.0.5 — Jan 28 2020
- Upgraded A-Frame from v0.9.0 to v1.0.3
- Upgraded cgb-scripts from 1.13.0 to 1.22.0
- Updated deprecated wp.editor.BlockControls to wp.blockEditor.BlockControls.
- Updated deprecated wp.editor.MediaPlaceholder to wp.blockEditor.MediaPlaceholder.
- Updated deprecated wp.editor.BlockAlignmentToolbar to wp.blockEditor.BlockAlignmentToolbar.
- Updated deprecated wp.editor.MediaUploadCheck to wp.blockEditor.MediaUploadCheck.
- Updated deprecated wp.editor.MediaUpload to wp.blockEditor.MediaUpload.
1.0.4 — Jul 5 2019
- Upgraded A-Frame from v0.8.2 to v0.9.0
- Added Spinner to show 360 image loading is in progress instead of blank figure.
- Set loading-screen option default value to «enabled: false;»
- Fixed both mouse and touch dragging direction. Now dragging to the left actually rotates the 360 image to the left and same applies to the right.
- Added deprecated block for Algori 360 Image v1.0.3
1.0.3 — Apr 29 2019
- Upgraded cgb-scripts from 1.11.1 to 1.13.0
- Improved documentation to match WP standards
- Added MediaUploadCheck wrapper onto MediaUpload to make sure the current user has Upload permissions
- Added BlockAlignmentToolbar to enable users to choose left, right, center, wide, and full width alignments
- Added alignment styles for left, right, center, wide and full width alignments
- Added Notice in block inspector section to notify user when Full/Wide width alignments are chosen
- Removed unused styles from editor.scss
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