Chapter in this post:
The recordings from 360-degree cameras are fascinating. Of course one would like to show such photographs to the rest of the world. But how can you take 360-degree photographs, for example with the Insta360 OneX in a WordPress post or in a WordPress site. I explain exactly how this works in this guide.
A photo like the one shown above is basically the starting material for a 360-degree panorama. So that this is not displayed as a simple graphic, but as a VR image that you can view with your Mac, iPad or iPhone in VR mode, you need a bit of programming code, which you can easily integrate with a plugin. That means, you just insert a shortcut in the post and the plugin tinkers the appropriate code from it so that you get the 360-degree VR view in the browser.
A reader wrote to me that I should include a 360-degree picture further up so that one has something to look at. Here we go:
[dimage url = "https://www.sir-apfelot.de/wp-content/uploads/2019/03/beispiel-360-grad-foto-2.jpg" control = true auto-rotate = false zoom_level = " 0 ″ anim_speed = "- 1 ″ default-position =" 180 ″ allow_scroll_to_zoom = false]
A reader asked me today whether the Dimage 360 plugin can be used if you want to comply with the GDPR. She has concerns that data could flow to third parties as a result of the integration.
I'm not a lawyer and I'm not a security researcher either. For this reason I cannot make a legally binding statement here. What I see in the source code: The integration is not done via iframe, as you know it from YouTube, but takes place locally on your own server.
I have found various plugins that help to integrate a 360-degree panorama into WordPress. Here are the top candidates I've identified:
My recommendation or my choice fell on that DImage 360 pluginas it is kept up to date and works relatively smoothly with my iOS devices. The installation of the shortcode is not rocket science and once you understand it, the plugin simply offers the better user interface for the viewer.
It was also important to me not to use Flash. Some plugins use this changing security gap as a viewer for the panoramas. But I don't think about that. That being said, Flash doesn't run on any iOS device, which would affect quite a few people. All of these reasons together led me to DImage 360.
Incidentally, I have deliberately not listed a web service such as 360cities.net or Momento360.com here, where you have to upload your 360-degree panoramic images in order to then integrate them via code. I prefer to host my recordings myself and have more control over what happens to them.
I looked at various pages on the Internet that used plugins for displaying 360 degree photos. None of them run really smoothly with my iPhone or iPad. Some plugins, such as the WP-VR-view, do strange things, for example, that when zooming with a pinch gesture, the picture disappears completely or partially shifts to a corner.
Of all the quirks I found, the one of the DImage 360 plug-in was the one I found the most difficult to get over. What doesn't work here are the following for me:
Setting up the plugin is very easy: Go to the Plugins> Install area in the WordPress admin and then search for "DImage 360". You should then get the following ad.
Word where I now read "Active", you should have an "Install" button. You press it. When the plugin is loaded, an "Activate" button appears, which I also press.
If the plugin is activated, you first have to upload the panorama photo to the WordPress media library. Once this is done, we still need the "Attachment ID" of the photo. This ID will then be queried in the shortcode that we will include in the post. Unfortunately, WordPress does not display the attachment ID in the media library. But there is a trick to get this out easily anyway.
If you call up the media library, there is an "Edit" button for each image. If you keep the mouse pointer over this button, the URL that would be called appears at the bottom of the browser. The ID is also mentioned there as a number. In my screenshot you can see how to find them:
If all of this is too cumbersome for you, you can also use the plugin "Reveal ID's"Install. After activation, this will show you the IDs of the photos in the media library.
Unfortunately, I'm only now reading that you can also specify the URL of the photo instead of the ID in the shortcode. This is of course much easier. The URL can be obtained by clicking on "View" for the photo in the media library and then looking in the URL line of the browser. You can copy and paste the address directly into the shortcode.
So here are the two options for the shortcode, which you then copy into the post:
Unfortunately, I was only able to include the shortcode as a graphic, as I couldn't prevent WordPress from converting it directly to the panorama view, since the plugin is also running on me. If you want a shortcode that can be fetched by copy and paste, then you will find this one here on the plugin page.
In addition to the ID or the URL for the source of the photo, there are a few other setting options that can be used in the shortcode. However, these are optional. The shortcode also works if you only enter the URL or ID.
I had previously used the Dimage plugin, but then realized that I only had a single 360 degree picture in the blog. That was a bit too much for me, because each plugin increases the loading time of the entire blog. So I went on an austerity course and removed the plugin and with it this 360 degree image. I hope you don't hold it against me ...
I entered the following options in the example above:
control = true auto-rotate = true zoom_level = "0" anim_speed = "- 1" default-position = "180" allow_scroll_to_zoom = true
With me on the Mac and also on the iPhone, "scrolling to zoom" is annoying. For that reason I would rather turn it off. So that you can try it out, I left it activated above.
For 360-degree videos, I would generally trust YouTube. With the "WP-VR-view" plugin, locally hosted videos with a 360 degree feature can also be integrated into WordPress, but in principle you save a lot of traffic and relieve your own server if you first upload them to YouTube and use the embedding Function in WordPress. And finally, Youtube offers many technical features to show every visitor the clip in the best possible quality. For this reason I have only dealt with the photos here.
Jens has been running the blog since 2012. He appears as Sir Apfelot for his readers and helps them with problems of a technical nature. In his free time he drives electric unicycles, takes photos (preferably with his iPhone, of course), climbs around in the Hessian mountains or hikes with the family. His articles deal with Apple products, news from the world of drones or solutions for current bugs.