{"id":20562843,"url":"https://github.com/kevinbazira/algori-360-image","last_synced_at":"2025-04-14T14:41:00.508Z","repository":{"id":41811577,"uuid":"143573239","full_name":"kevinbazira/algori-360-image","owner":"kevinbazira","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.","archived":false,"fork":false,"pushed_at":"2024-12-24T09:24:48.000Z","size":3120,"stargazers_count":12,"open_issues_count":13,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-03-28T03:32:39.214Z","etag":null,"topics":["css","gutenberg","html","image-viewer","javascript","nodejs","php","react","wordpress-plugin"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kevinbazira.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2018-08-05T00:54:27.000Z","updated_at":"2024-12-24T09:24:52.000Z","dependencies_parsed_at":"2023-11-13T12:27:11.136Z","dependency_job_id":null,"html_url":"https://github.com/kevinbazira/algori-360-image","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevinbazira%2Falgori-360-image","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevinbazira%2Falgori-360-image/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevinbazira%2Falgori-360-image/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevinbazira%2Falgori-360-image/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kevinbazira","download_url":"https://codeload.github.com/kevinbazira/algori-360-image/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248898417,"owners_count":21179772,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","gutenberg","html","image-viewer","javascript","nodejs","php","react","wordpress-plugin"],"created_at":"2024-11-16T04:14:13.182Z","updated_at":"2025-04-14T14:41:00.501Z","avatar_url":"https://github.com/kevinbazira.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Algori 360 Image \n\nContributors: [Kevin Bazira](http://kevinbazira.com)\n\nTags: gutenberg, block, block editor, 360, image, photo, panorama, equirectangular-photos, 3D-images, VR, Virtual Reality, photography\n\nRequires at least: WP 5.0.0\n* Tested up to: WP 6.7.1\n* Stable tag: 1.0.9\n* License: GNU General Public License v2 or later\n* License URI: https://www.gnu.org/licenses/gpl-2.0.en.html\n\nAlgori 360 Image is a Gutenberg Block Plugin that enables you add interactive 360° images to your WordPress website.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://ps.w.org/360-image/assets/screenshot-1.gif\" alt=\"Algori 360 Image\"\u003e\n\u003c/p\u003e \n\n# Description \n\nAlgori 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.\n\nPlease Note that this plugin; \n* Currently supports one 360° image per page.\n* Requires the Gutenberg editor to be activated on your WordPress site in order to access and use the 360° image block.\n\n# Features\n\n* No Flash Needed\n* Compatible with Modern Browsers like Chrome, Firefox, Edge and Safari.\n* Supports VR (Virtual Reality) headsets such as Vive, Rift, Windows Mixed Reality, Daydream, GearVR and Cardboard.\n* Supports JPG.\n* Supports both mouse and touch.\n* You can zoom into the image using touch.\n* Only one 360° image can be loaded on a single page.\n\n# Installation\n\n* Download the plugin, unzip it and move the unzipped folder to the \"wp-content/plugins\" directory in your WordPress installation.\n* In your admin panel, go to Plugins and you'll find 360 Image in the plugins section.\n* Click on the 'Activate' button to use your new plugin right away.\n* 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.\n* Done :)\n* 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.\n\n# How to use \n\n* After installing and activating the 360 Image plugin in your WordPress website.\n* Navigate to your blog post or page and use the Gutenberg editor to add a 360 Image block.\n* Use the 360 Image block to add a 360° image to your web page.\n* At this point, you can adjust your image's dimensions (width and height) using the Gutenberg block inspector section.\n* Click \"Publish\" to view your new web page with a 360° image.\n* Congratulations :D\n\n# Frequently Asked Questions \n\n= Does this plugin support multiple 360° images on one page? =\n\nNope. At the moment this plugin supports one 360° image per page.\n\n= Can I use this plugin with other page builders I am using? =\n\nNope. Algori 360 Image only works with Gutenberg.\n\n= What theme works with Algori 360 Image? =\n\nMost 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](https://wordpress.org/themes/algori-blogger/) or [Algori Shop](https://wordpress.org/themes/algori-shop/).\n\n# Changelog \n\n= 1.0.9 - Oct 26 2021 =\n* Fixed 360 image block alignment by adding custom data-align attribute with getEditWrapperProps\n* Bumped up version number\n* Updated docs with v1.0.9 changes\n\n= 1.0.8 - Aug 15 2020 =\n* Added block preview using example metadata\n* Disabled AR mode button\n* Replaced block category 'common' with 'media'\n* Updated Algori 360 Image general namespace\n* Added block.json for WP block directory\n\n= 1.0.7 - July 26 2020 =\n* Upgraded A-Frame from v1.0.3 to v1.0.4\n* Fixed mouse drag in VR mode / fullscreen mode on desktop\n\n= 1.0.6 - May 15 2020 =\n* Disabled VR mode orientation permission modal dialog\n* Removed Toolbar, MediaUploadCheck and deprecated wp.components.IconButton\n* 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.\n* Added deprecated block for Algori 360 Image v1.0.5\n\n= 1.0.5 - Jan 28 2020 =\n* Upgraded A-Frame from v0.9.0 to v1.0.3\n* Upgraded cgb-scripts from 1.13.0 to 1.22.0\n* Updated deprecated wp.editor.BlockControls to wp.blockEditor.BlockControls.\n* Updated deprecated wp.editor.MediaPlaceholder to wp.blockEditor.MediaPlaceholder.\n* Updated deprecated wp.editor.BlockAlignmentToolbar to wp.blockEditor.BlockAlignmentToolbar.\n* Updated deprecated wp.editor.MediaUploadCheck to wp.blockEditor.MediaUploadCheck.\n* Updated deprecated wp.editor.MediaUpload to wp.blockEditor.MediaUpload.\n\n= 1.0.4 - Jul 5 2019 =\n* Upgraded A-Frame from v0.8.2 to v0.9.0\n* Added Spinner to show 360 image loading is in progress instead of blank figure.\n* Set loading-screen option default value to \"enabled: false;\" \n* 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.\n* Added deprecated block for Algori 360 Image v1.0.3\n\n= 1.0.3 - Apr 29 2019 =\n* Upgraded cgb-scripts from 1.11.1 to 1.13.0\n* Improved documentation to match WP standards\n* Added MediaUploadCheck wrapper onto MediaUpload to make sure the current user has Upload permissions\n* Added BlockAlignmentToolbar to enable users to choose left, right, center, wide, and full width alignments\n* Added alignment styles for left, right, center, wide and full width alignments\n* Added Notice in block inspector section to notify user when Full/Wide width alignments are chosen\n* Removed unused styles from editor.scss\n\n= 1.0.2 - Nov 27 2018 =\n* Added Default 360° image width (600px) and height(300px)\n* Added \"Insert from URL\" button to MediaPlaceholder\n* Removed MediaPlaceholder labels name\n* Added MediaPlaceholder labels instructions\n* Removed core-blocks-image class from all InspectorControls\n* Removed AlignmentToolbar\n* Removed BlockAlignmentToolbar\n* Changed 360° block div to figure\n* Changed styles in CSS files to support figure\n* Added Social call to action into README.md\n\n= 1.0.1 - Nov 12 2018 =\n* Changed MediaPlaceholder and MediaUpload \"type\" to \"allowedTypes\" to support Gutenberg \u003e= 4.2.0\n* Added withNotices to support noticeOperations\n* Added algori in the block keywords\n\n= 1.0.0 - Aug 4 2018 =\n* Initial Release\n\n# Credits\n\n* [create-guten-block](https://github.com/ahmadawais/create-guten-block) , (C) 2018 Ahmad Awais, [MIT](https://opensource.org/licenses/MIT)\n* [A-Frame](https://aframe.io/) , (C) 2015-2018 Mozilla and A-Frame Authors, [MIT](https://opensource.org/licenses/MIT)\n\nAlgori 360 Image WordPress Plugin, Copyright 2025 Kevin Bazira\u003cbr/\u003e\nAlgori 360 Image is distributed under the terms of the GNU GPL\u003cbr/\u003e\u003cbr/\u003e\n\n\n_If you like this project, please 🌟 star it here_ [![GitHub stars](https://img.shields.io/github/stars/kevinbazira/algori-360-image.svg?label=Stars\u0026style=social)](https://github.com/kevinbazira/algori-360-image)\n\u003cbr/\u003e\n_Follow me 👋 on Twitter for more projects like this_ [![Tweet to say Hi](https://img.shields.io/twitter/follow/kevinbazira.svg?style=social\u0026label=Tweet%20@kevinbazira)](https://twitter.com/kevinbazira/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkevinbazira%2Falgori-360-image","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkevinbazira%2Falgori-360-image","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkevinbazira%2Falgori-360-image/lists"}