This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

WP Photo Sphere

Description

WP Photo Sphere is a filter that allows you to display 360×180 degree panoramas. With WP Photo Sphere, your visitors will be able
to navigate through your panoramas without install any plugin.

WP Photo Sphere is based on the JavaScript library Photo Sphere Viewer.

This plugin allows you to display equirectangular panoramas, taken with a classic camera or with Photo Sphere on Android and iOS.

If you want to contact me for any reason, feel free to email me at jeremy.heleine@gmail.com or contact me on:

  • Twitter: http://twitter.com/JeremyHeleine
  • GitHub: https://github.com/JeremyHeleine
  • LinkedIn: https://fr.linkedin.com/pub/j%C3%A9r%C3%A9my-heleine/55/a14/64a
  • Google+: https://plus.google.com/+JérémyHeleine
  • Facebook: https://www.facebook.com/jeremy.heleine

WP Photo Sphere is available in:

Screenshots

  • Options page
  • WP Photo Sphere link
  • Panorama

Installation

  1. Upload the wp-photo-sphere folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

FAQ

Installation Instructions
  1. Upload the wp-photo-sphere folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
How to add a panorama?

Use the Add a panorama button to upload or choose a panorama to insert into your post.

Is it possible to read a distant panorama?

Since version 3.1, it is possible to read a distant panorama located on another website thanks to its URL. To do that, do not
indicate any ID number and use the url attribute. Note that this feature does not work with domains that did not enable CORS.
For example: [sphere url="http://upload.wikimedia.org/wikipedia/commons/a/a4/Cascading_Milky_Way.jpg"].

How to change the title?

The default title displayed on each WP Photo Sphere link can be changed in the options page. You can also choose to display an
unique title for a specific panorama by using the title attribute. Note that the %title% tag is also available in this
attribute.

How to change the dimensions?

By default, the dimensions are 560 x 315 pixels but you can change that in the options page (in the Settings menu).

You can also choose different dimensions for each panorama using the width and height attributes.
For example: [sphere 42 width="200" height="400"] or [sphere 42 width="50%" height="300"].

A maximum width can also be given with the attribute max_width. Its default value can be changed in the options page.

How to display the navigation bar?

The navigation bar allows users to zoom, animate the panorama or view it in fullscreen. To display it, just use the navbar attribute
with the value yes: [sphere 42 navbar="yes"].

You can choose to display it (or not) on all of your panoramas in the options page. If you display it on all of your panoramas and
want to deactivate it on one particular panorama, use the navbar attribute with the value no.

Can I change the automatic animation?

By default, panoramas are automatically animated after 2000 milliseconds, but you can change this with the
anim_after attribute. You can also deactivate the animation with the value -1. For example:
[sphere 42 anim_after=”5000″] or [sphere 42 anim_after="-1"].

You can set the animation speed with the anim_speed attribute. It accepts six units: revolutions per minute/second
(rpm/rps), degrees per minute/second (dpm/dps) or radians per minute/second (rad per minute/second). The default
speed can be set in the options page.
Example: [sphere 42 anim_speed="10rpm"].

Is it possible to autoload the panorama?

Since the version 1.1, you can specify, for each panorama, a special attribute: autoload. If you use this attribute,
the panorama will start automatically after the page has loaded. This attribute doesn’t require any value, for
example: [sphere 42 autoload] or [sphere 42 width="300" height="150" autoload].

How to change the levels of zoom?

Minimal and maximal levels of zoom can be personalized in the options page by changing the minimal and maximal fields of view. You can
also use the min_fov and max_fov attributes.

Reviews

Mae 20, 2020
Excellent plugin. Configuring like this: [sphere 123 autoload navbar=”yes “anim_after=”2000″ width=”200″ height=”400”]
Gouere 17, 2018
The plugin is really cool, but it is not longer supported. For example: Fullscreen mode is not working on iOS devices, but the developer has no solution. And he does not answer on support requests.
Ebrel 4, 2018
As I support a multi-family apartment building website, I use a lot of 360VR imagery. I’ve tried a bunch of different viewer options, and just discovered this slick little plugin. It solves most of the problems with other viewers. In particular it gives you a lot of control over the initial viewpoint and allowable field of view (though you have to scrounge around to figure it out: the documentation could be a LOT better). If the documentation were better I would give it 5 stars. In particular, pay attention to the Changelog. Many of the attributes are documented only there… e.g. you find out there is a “long” attribute (short for longitude) only if you scan the changelog and find it in release 3.2. This allows you to set the initial view angle (1-360 degrees) within the shortcode for a specific image. Turns out there are also min_long and max_long attributes, which don’t even show up in the changelog. The min_ and max_ prefixes are used for some other attributes: I tried them for “long”, and they worked. These let you restrict the field of view between the two settings. In general, pretty much anything you can set globally in the plugin settings, you can also override in the shortcode using attributes (if you can figure out the syntax). Once you figure it out, it’s the best 360VR viewer plugin I’ve found.
miz Here 6, 2017
First of all – it works! Also saves a lot of time. Simply excellent!
Read all 32 reviews

Contributors & Developers

“WP Photo Sphere” is open source software. The following people have contributed to this plugin.

Contributors

“WP Photo Sphere” has been translated into 2 locales. Thank you to the translators for their contributions.

Translate “WP Photo Sphere” into your language.

Interested in development?

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

Changelog

3.8

  • New option and attribute (zoom_speed) to control the zoom speed
  • New option to control the animation delay
  • New units allowed for width, max width and height
  • New maximum height option and attribute

3.7.1

  • Portuguese translation updated

3.7

  • New option and attributes to control the sphere quality
  • New option and attribute to control the “scroll to zoom” feature

3.6.2

  • Dutch translation updated

3.6.1

  • Portuguese translation updated

3.6

  • New: smooth user movements
  • New: FOVs for cropped panoramas
  • New: overlay images

3.5.1

  • Portuguese translation updated

3.5

  • New: eyes offset in VR mode (option and attribute)

3.4.3

  • Dutch translation added

3.4.2

  • Portuguese translation added

3.4.1

  • Fixed: XMP data read again

3.4

  • New: Vertical animation control
  • New: Longitude restriction possible
  • New: Cropped panoramas
  • Fixed: Fullscreen on Internet Explorer

3.3

  • Gyroscope support
  • Virtual reality support

3.2.2

  • Fixed: multiple panoramas on a single page

3.2.1

  • Portuguese translation updated

3.2

  • New zoom_level, long, lat, tilt_up_max, tilt_down_max attributes
  • New autoload, zoom level, longitude, latitude, maximal tilt up and down angles options
  • Mobile zoom (pinch to zoom)
  • Fullscreen works on Chrome

3.1

  • New url attribute
  • New title attribute
  • New min_fov and max_fov attributes
  • New minimal and maximal FOV options
  • The container does not take its maximal height while loading

3.0.2

  • Portuguese translation updated

3.0.1

  • Turkish translation added

3.0

  • Equirectangular panoramas compatibility (not only Photo Sphere)
  • Navigation bar
  • XMP data attribute (to read them or not)
  • Portuguese language available

2.4

  • You can set your own animation speed

2.3.1

  • Bug fixed

2.3

  • Panoramas are now mobile compatible
  • Spanish language available

2.2

  • “Add a panorama” button now compatible with the visual editor

2.1

  • Maximum width can be given
  • Autoload after 1 second

2.0

  • New library
  • New “Add a panorama” button
  • New anim_after attribute
  • Scipts loaded only if necessary

1.1.1

  • Nothing new, just an error in the readme file

1.1

  • Autoload attribute

1.0

  • First official release