Title: Algori 360 Image
Author: Kevin Bazira
Published: <strong>2018年8月6日</strong>
Last modified: 2024年12月24日

---

プラグインを検索

![](https://ps.w.org/360-image/assets/banner-772x250.jpg?rev=1933038)

![](https://ps.w.org/360-image/assets/icon-256x256.jpg?rev=1920277)

# Algori 360 Image

 作者: [Kevin Bazira](https://profiles.wordpress.org/kevinbazira/)

[ダウンロード](https://downloads.wordpress.org/plugin/360-image.zip)

 * [詳細](https://ja.wordpress.org/plugins/360-image/#description)
 * [レビュー](https://ja.wordpress.org/plugins/360-image/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/360-image/#installation)
 * [開発](https://ja.wordpress.org/plugins/360-image/#developers)

 [サポート](https://wordpress.org/support/plugin/360-image/)

## 説明

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

 * [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 2025 Kevin Bazira
 Algori 360 Image
is distributed under the terms of the GNU GPL

## スクリーンショット

 * [[
 * Admin View – 360 Image Gutenberg Block in action. ( Upload 360° image and adjust
   its dimensions )

## ブロック

このプラグインは1個のブロックを提供します。

 *   360 Image Add interactive 360° images to your WordPress website with ease

## インストール

 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 🙂
 6. 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.

## 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 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](https://wordpress.org/themes/algori-blogger/)
or [Algori Shop](https://wordpress.org/themes/algori-shop/).

## 評価

![](https://secure.gravatar.com/avatar/cc0cd89de3f802146ac2a447490826bf4edf70f7497909ee1a5bdc7072a65ae1?
s=60&d=retro&r=g)

### 󠀁[Nice product](https://wordpress.org/support/topic/nice-product-30/)󠁿

 [lien007](https://profiles.wordpress.org/lien007/) 2021年1月24日

Work it perfecttly

![](https://secure.gravatar.com/avatar/8224b9a98b8112c7326d883c98425cdf295181ee5eac535b07c0b46c4910afcc?
s=60&d=retro&r=g)

### 󠀁[invasive?](https://wordpress.org/support/topic/invasive-2/)󠁿

 [maxArchive](https://profiles.wordpress.org/maxarchive/) 2020年2月10日 1 reply

this plug-in seems to meddle with the access to my blog website. it permanently 
asks for permission to use VR goggles. two invasive looking pop-ups. since i deactivated
the plug-in, the site is accessable without problems.

![](https://secure.gravatar.com/avatar/5a57e378e74307050c5844bd5251479ad480efe4052e5bfb6b5a95b1d99524d6?
s=60&d=retro&r=g)

### 󠀁[تقریبا خوبه](https://wordpress.org/support/topic/%d8%aa%d9%82%d8%b1%db%8c%d8%a8%d8%a7-%d8%ae%d9%88%d8%a8%d9%87/)󠁿

 [mrcube021](https://profiles.wordpress.org/mrcube021/) 2019年9月6日 1 reply

من اینو تو قالب 2017 بارگذاری کردم و عکس 360 گداشتم و کار کرد فقط کف و سقف و کامل
نشون نمیده و زوم نداره

![](https://secure.gravatar.com/avatar/6827138aad0c0f4bf277796c3b58fccdea7e910f7e49bf1ba1e2bf6daf5f44b1?
s=60&d=retro&r=g)

### 󠀁[Very good!](https://wordpress.org/support/topic/very-good-4043/)󠁿

 [erikhansen78](https://profiles.wordpress.org/erikhansen78/) 2019年7月30日 1 reply

Love this 360 image viewer. Looking forward to the next update, to see what the 
developer comes up with then. Very easy to use! Keep up the good work!

![](https://secure.gravatar.com/avatar/187be31c429bdf524611ef0cc25f58dff83f0379f0412debb3d4592fe21e764f?
s=60&d=retro&r=g)

### 󠀁[Fantastic](https://wordpress.org/support/topic/fantastic-2121/)󠁿

 [geev03](https://profiles.wordpress.org/geev03/) 2019年5月3日 1 reply

Support for VR headsets and the easy of use make this plugin stand out. Thanks

 [ 4件のレビューをすべて表示 ](https://wordpress.org/support/plugin/360-image/reviews/)

## 貢献者と開発者

Algori 360 Image はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献
しています。

貢献者

 *   [ Kevin Bazira ](https://profiles.wordpress.org/kevinbazira/)

“Algori 360 Image” は2ロケールに翻訳されています。 [翻訳者](https://translate.wordpress.org/projects/wp-plugins/360-image/contributors)
のみなさん、翻訳へのご協力ありがとうございます。

[“Algori 360 Image” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/360-image)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/360-image/)するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/360-image/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/360-image/)を
[RSS](https://plugins.trac.wordpress.org/log/360-image/?limit=100&mode=stop_on_copy&format=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

## メタ

 *  バージョン **1.0.9**
 *  最終更新日 **1年前**
 *  有効インストール数 **4,000+**
 *  WordPress バージョン ** 5.0.0またはそれ以降 **
 *  検証済み最新バージョン: **6.7.5**
 *  PHP バージョン ** 5.6.0またはそれ以降 **
 *  言語
 * [English (US)](https://wordpress.org/plugins/360-image/)、[Russian](https://ru.wordpress.org/plugins/360-image/)、
   [Ukrainian](https://uk.wordpress.org/plugins/360-image/).
 *  [プラグインを翻訳](https://translate.wordpress.org/projects/wp-plugins/360-image)
 * タグ
 * [360](https://ja.wordpress.org/plugins/tags/360/)[block](https://ja.wordpress.org/plugins/tags/block/)
   [block-editor](https://ja.wordpress.org/plugins/tags/block-editor/)[gutenberg](https://ja.wordpress.org/plugins/tags/gutenberg/)
   [image](https://ja.wordpress.org/plugins/tags/image/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/360-image/advanced/)

## 評価

 5つ星中4.6つ星

 *  [  4 5-星レビュー     ](https://wordpress.org/support/plugin/360-image/reviews/?filter=5)
 *  [  0 4-星レビュー     ](https://wordpress.org/support/plugin/360-image/reviews/?filter=4)
 *  [  1 3-星レビュー     ](https://wordpress.org/support/plugin/360-image/reviews/?filter=3)
 *  [  0 2-星レビュー     ](https://wordpress.org/support/plugin/360-image/reviews/?filter=2)
 *  [  0 1-星レビュー     ](https://wordpress.org/support/plugin/360-image/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/360-image/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/360-image/reviews/)

## 貢献者

 *   [ Kevin Bazira ](https://profiles.wordpress.org/kevinbazira/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/360-image/)