{"id":89633,"date":"2018-08-06T10:35:28","date_gmt":"2018-08-06T10:35:28","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/360-image\/"},"modified":"2024-12-24T08:50:52","modified_gmt":"2024-12-24T08:50:52","slug":"360-image","status":"publish","type":"plugin","link":"https:\/\/nl-be.wordpress.org\/plugins\/360-image\/","author":15961858,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.9","stable_tag":"trunk","tested":"6.7.5","requires":"5.0.0","requires_php":"5.6.0","requires_plugins":null,"header_name":"Algori 360 Image","header_author":"Kevin Bazira","header_description":"<strong>360 Image<\/strong> is a Gutenberg Block Plugin that enables you add interactive 360\u00b0 images to your website. Adding immersive panorama images, spherical images, equirectangular photos, full-sphere 3D images and VR (Virtual Reality) photography <strong>will boost user engagement and increase revenue for your site<\/strong>.","assets_banners_color":"c56825","last_updated":"2024-12-24 08:50:52","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/kevinbazira\/algori-360-image\/","header_author_uri":"http:\/\/kevinbazira.com\/","rating":4.6,"author_block_rating":4.1428571428571,"active_installs":4000,"downloads":54825,"num_ratings":5,"support_threads":0,"support_threads_resolved":0,"author_block_count":5,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"kevinbazira","date":"2018-11-12 08:54:29"},"1.0.1":{"tag":"1.0.1","author":"kevinbazira","date":"2018-11-27 14:21:39"},"1.0.2":{"tag":"1.0.2","author":"kevinbazira","date":"2019-04-29 07:41:19"},"1.0.3":{"tag":"1.0.3","author":"kevinbazira","date":"2019-07-05 12:26:23"},"1.0.4":{"tag":"1.0.4","author":"kevinbazira","date":"2020-01-28 12:32:11"},"1.0.5":{"tag":"1.0.5","author":"kevinbazira","date":"2020-07-07 13:00:41"},"1.0.6":{"tag":"1.0.6","author":"kevinbazira","date":"2020-07-26 06:45:05"},"1.0.7":{"tag":"1.0.7","author":"kevinbazira","date":"2020-08-31 15:37:36"},"1.0.8":{"tag":"1.0.8","author":"kevinbazira","date":"2021-10-26 08:25:47"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":"1","4":0,"5":"3"},"assets_icons":{"icon-256x256.jpg":{"filename":"icon-256x256.jpg","revision":1920277,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":1933038,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"algori-360-image\/block-algori-360-image":{"name":"algori-360-image\/block-algori-360-image","title":"360 Image","category":"media","description":"Add interactive 360\u00b0 images to your WordPress website with ease","supports":{"align":true},"textdomain":"360-image","script":"file:.\/dist\/blocks.build.js","editorStyle":"file:.\/dist\/blocks.editor.build.css","style":"file:.\/dist\/blocks.style.build.css"}},"tagged_versions":["1.0.0","1.0.1","1.0.2","1.0.3","1.0.4","1.0.5","1.0.6","1.0.7","1.0.8"],"block_files":["\/trunk\/.\/dist\/blocks.build.js","\/trunk\/.\/dist\/blocks.editor.build.css","\/trunk\/.\/dist\/blocks.style.build.css"],"assets_screenshots":{"screenshot-1.gif":{"filename":"screenshot-1.gif","revision":1920277,"resolution":"1","location":"assets","locale":""}},"screenshots":{"1":"Admin View - 360 Image Gutenberg Block in action. \n( Upload 360\u00b0 image and adjust its dimensions )"},"jetpack_post_was_ever_published":false},"plugin_section":[172757,163309],"plugin_tags":[745,1220,148857,148076,133],"plugin_category":[50],"plugin_contributors":[160189],"plugin_business_model":[],"class_list":["post-89633","plugin","type-plugin","status-publish","hentry","plugin_section-block","plugin_section-blocks","plugin_tags-745","plugin_tags-block","plugin_tags-block-editor","plugin_tags-gutenberg","plugin_tags-image","plugin_category-media","plugin_contributors-kevinbazira","plugin_committers-kevinbazira"],"banners":{"banner":"https:\/\/ps.w.org\/360-image\/assets\/banner-772x250.jpg?rev=1933038","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/360-image\/assets\/icon-256x256.jpg?rev=1920277","icon_2x":"https:\/\/ps.w.org\/360-image\/assets\/icon-256x256.jpg?rev=1920277","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/360-image\/assets\/screenshot-1.gif?rev=1920277","caption":"Admin View - 360 Image Gutenberg Block in action. \n( Upload 360\u00b0 image and adjust its dimensions )"}],"raw_content":"<!--section=description-->\n<p>Algori 360 Image is a Gutenberg Block Plugin that enables you add interactive 360\u00b0 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.<\/p>\n\n<p><strong>\nPlease Note that this plugin; \n* Currently supports one 360\u00b0 image per page.\n* Requires the Gutenberg editor to be activated on your WordPress site in order to access and use the 360\u00b0 image block.\n<\/strong><\/p>\n\n<h3>Features<\/h3>\n\n<ol>\n<li>No Flash Needed<\/li>\n<li>Compatible with Modern Browsers like Chrome, Firefox, Edge and Safari.<\/li>\n<li>Supports VR (Virtual Reality) headsets such as Vive, Rift, Windows Mixed Reality, Daydream, GearVR and Cardboard.<\/li>\n<li>Supports JPG.<\/li>\n<li>Supports both mouse and touch.<\/li>\n<li>You can zoom into the image using touch.<\/li>\n<li>Only one 360\u00b0 image can be loaded on a single page.<\/li>\n<\/ol>\n\n<h3>How to use<\/h3>\n\n<ol>\n<li>After installing and activating the 360 Image plugin in your WordPress website.<\/li>\n<li>Navigate to your blog post or page and use the Gutenberg editor to add a 360 Image block.<\/li>\n<li>Use the 360 Image block to add a 360\u00b0 image to your web page.<\/li>\n<li>At this point, you can adjust your image's dimensions (width and height) using the Gutenberg block inspector section.<\/li>\n<li>Click \"Publish\" to view your new web page with a 360\u00b0 image.<\/li>\n<li>Congratulations :D<\/li>\n<\/ol>\n\n<h3>Credits<\/h3>\n\n<ul>\n<li><a href=\"https:\/\/github.com\/ahmadawais\/create-guten-block\">create-guten-block<\/a> , (C) 2018 Ahmad Awais, <a href=\"https:\/\/opensource.org\/licenses\/MIT\">MIT<\/a><\/li>\n<li><a href=\"https:\/\/aframe.io\/\">A-Frame<\/a> , (C) 2015-2018 Mozilla and A-Frame Authors, <a href=\"https:\/\/opensource.org\/licenses\/MIT\">MIT<\/a><\/li>\n<\/ul>\n\n<p>Algori 360 Image WordPress Plugin, Copyright 2025 Kevin Bazira<br \/>\nAlgori 360 Image is distributed under the terms of the GNU GPL<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Download the plugin, unzip it and move the unzipped folder to the \"wp-content\/plugins\" directory in your WordPress installation.<\/li>\n<li>In your admin panel, go to Plugins and you'll find 360 Image in the plugins section.<\/li>\n<li>Click on the 'Activate' button to use your new plugin right away.<\/li>\n<li>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\u00b0 images to your WordPress site.<\/li>\n<li>Done :)<\/li>\n<li>PS: Remember to click the <strong>Enable auto-updates<\/strong> link for this plugin so that you don't miss cool new features as they come in.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='does%20this%20plugin%20support%20multiple%20360%C2%B0%20images%20on%20one%20page%3F'><h3>Does this plugin support multiple 360\u00b0 images on one page?<\/h3><\/dt>\n<dd><p>Nope. At the moment this plugin supports one 360\u00b0 image per page.<\/p><\/dd>\n<dt id='can%20i%20use%20this%20plugin%20with%20other%20page%20builders%20i%20am%20using%3F'><h3>Can I use this plugin with other page builders I am using?<\/h3><\/dt>\n<dd><p>Nope. Algori 360 Image only works with Gutenberg.<\/p><\/dd>\n<dt id='what%20theme%20works%20with%20algori%20360%20image%3F'><h3>What theme works with Algori 360 Image?<\/h3><\/dt>\n<dd><p>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\u2019ll need a Gutenberg-ready WordPress theme, like <a href=\"https:\/\/wordpress.org\/themes\/algori-blogger\/\">Algori Blogger<\/a> or <a href=\"https:\/\/wordpress.org\/themes\/algori-shop\/\">Algori Shop<\/a>.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.9 - Oct 26 2021<\/h4>\n\n<ul>\n<li>Fixed 360 image block alignment by adding custom data-align attribute with getEditWrapperProps<\/li>\n<li>Bumped up version number<\/li>\n<li>Updated docs with v1.0.9 changes<\/li>\n<\/ul>\n\n<h4>1.0.8 - Aug 15 2020<\/h4>\n\n<ul>\n<li>Added block preview using example metadata<\/li>\n<li>Disabled AR mode button<\/li>\n<li>Replaced block category 'common' with 'media'<\/li>\n<li>Updated Algori 360 Image general namespace<\/li>\n<li>Added block.json for WP block directory<\/li>\n<\/ul>\n\n<h4>1.0.7 - July 26 2020<\/h4>\n\n<ul>\n<li>Upgraded A-Frame from v1.0.3 to v1.0.4<\/li>\n<li>Fixed mouse drag in VR mode \/ fullscreen mode on desktop<\/li>\n<\/ul>\n\n<h4>1.0.6 - May 15 2020<\/h4>\n\n<ul>\n<li>Disabled VR mode orientation permission modal dialog<\/li>\n<li>Removed Toolbar, MediaUploadCheck and deprecated wp.components.IconButton<\/li>\n<li>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.<\/li>\n<li>Added deprecated block for Algori 360 Image v1.0.5<\/li>\n<\/ul>\n\n<h4>1.0.5 - Jan 28 2020<\/h4>\n\n<ul>\n<li>Upgraded A-Frame from v0.9.0 to v1.0.3<\/li>\n<li>Upgraded cgb-scripts from 1.13.0 to 1.22.0<\/li>\n<li>Updated deprecated wp.editor.BlockControls to wp.blockEditor.BlockControls.<\/li>\n<li>Updated deprecated wp.editor.MediaPlaceholder to wp.blockEditor.MediaPlaceholder.<\/li>\n<li>Updated deprecated wp.editor.BlockAlignmentToolbar to wp.blockEditor.BlockAlignmentToolbar.<\/li>\n<li>Updated deprecated wp.editor.MediaUploadCheck to wp.blockEditor.MediaUploadCheck.<\/li>\n<li>Updated deprecated wp.editor.MediaUpload to wp.blockEditor.MediaUpload.<\/li>\n<\/ul>\n\n<h4>1.0.4 - Jul 5 2019<\/h4>\n\n<ul>\n<li>Upgraded A-Frame from v0.8.2 to v0.9.0<\/li>\n<li>Added Spinner to show 360 image loading is in progress instead of blank figure.<\/li>\n<li>Set loading-screen option default value to \"enabled: false;\" <\/li>\n<li>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.<\/li>\n<li>Added deprecated block for Algori 360 Image v1.0.3<\/li>\n<\/ul>\n\n<h4>1.0.3 - Apr 29 2019<\/h4>\n\n<ul>\n<li>Upgraded cgb-scripts from 1.11.1 to 1.13.0<\/li>\n<li>Improved documentation to match WP standards<\/li>\n<li>Added MediaUploadCheck wrapper onto MediaUpload to make sure the current user has Upload permissions<\/li>\n<li>Added BlockAlignmentToolbar to enable users to choose left, right, center, wide, and full width alignments<\/li>\n<li>Added alignment styles for left, right, center, wide and full width alignments<\/li>\n<li>Added Notice in block inspector section to notify user when Full\/Wide width alignments are chosen<\/li>\n<li>Removed unused styles from editor.scss<\/li>\n<\/ul>\n\n<h4>1.0.2 - Nov 27 2018<\/h4>\n\n<ul>\n<li>Added Default 360\u00b0 image width (600px) and height(300px)<\/li>\n<li>Added \"Insert from URL\" button to MediaPlaceholder<\/li>\n<li>Removed MediaPlaceholder labels name<\/li>\n<li>Added MediaPlaceholder labels instructions<\/li>\n<li>Removed core-blocks-image class from all InspectorControls<\/li>\n<li>Removed AlignmentToolbar<\/li>\n<li>Removed BlockAlignmentToolbar<\/li>\n<li>Changed 360\u00b0 block div to figure<\/li>\n<li>Changed styles in CSS files to support figure<\/li>\n<li>Added Social call to action into README.md<\/li>\n<\/ul>\n\n<h4>1.0.1 - Nov 12 2018<\/h4>\n\n<ul>\n<li>Changed MediaPlaceholder and MediaUpload \"type\" to \"allowedTypes\" to support Gutenberg &gt;= 4.2.0<\/li>\n<li>Added withNotices to support noticeOperations<\/li>\n<li>Added algori in the block keywords<\/li>\n<\/ul>\n\n<h4>1.0.0 - Aug 4 2018<\/h4>\n\n<ul>\n<li>Initial Release<\/li>\n<\/ul>","raw_excerpt":"Algori 360 Image is a Gutenberg Block Plugin that enables you add interactive 360\u00b0 images to your WordPress website.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/nl-be.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/89633","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nl-be.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/nl-be.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/nl-be.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=89633"}],"author":[{"embeddable":true,"href":"https:\/\/nl-be.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/kevinbazira"}],"wp:attachment":[{"href":"https:\/\/nl-be.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=89633"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/nl-be.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=89633"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/nl-be.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=89633"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/nl-be.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=89633"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/nl-be.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=89633"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/nl-be.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=89633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}