Publishing 360 Photos in WordPress

Bit more coding required after publishing 360 pic :(

Still easy though, the idea is that the photo will have it’s link and should be coded like this:


Where ??? is the link to your 360 photo.

Here are the steps, if you’re like me using local writer:

  1. Create post
  2. Insert 360 photo
  3. Publish
  4. View published post
  5. Copy link address of 360 photo
  6. Update post
    • Go to “Source” tab
    • Change the “<a href…>…</a>” statement into above “vr url=… view 360”
    • Paste copied link address of 360 photo into the “vr url=… view 360” statement
  7. Republish post
  8. Check 360 photo

To view

  1. Click the “Play” button or the globe icon in the upper right corner then drag around
  2. Click the “Full Screen” button in the lower right corner to view full screen
  3. Strange, just found out in my Android Smartphone there’s no full screen option :(

Note that in local writer, 360 photo is not shown, only the statement.
No worries, check the online published version and the 360 photo is displayed accordingly.

All the best to your 360 photos!

WordPress Photo Albums

This slideshow requires JavaScript.

  1. Login to your WordPress account and upload photos in Media, [Add New]
  2. Click [Add] next to “Blog Posts”
  3. In the blog upper left corner, click the + sign then “Add Media”
  4. Select the pictures needed then click [Continue]
  5. Select Layout, mine’s “Slideshow”
  6. Select “Media File” Link To and click [Insert]
  7. Although I haven’t done, I guess you can put description to each pic
  8. Complete the blog page either:
    • Within WordPress then click [Publish]
    • In your local blog app, copy and paste generated “…”

Wish I could adjust the frame size to fit my portrait orientation.

This one’s for my 360 cam’s “small world” series :)

Anyway, here’s another:

This slideshow requires JavaScript.

Nice to have caption working :)

Photoshop – Creating GIF

Sample GIF:


Long time ago, there was “Image Relay” module for making GIF.
Fast forward more than 10 years with Adobe Photoshop Element 11, you simple “Save for web…”

Steps as follow:

  1. Load each picture
  2. Pick one of the picture to build the GIF and add a layer for each other pictures
  3. Copy and paste each other pictures to their own layer
  4. Arrange each layer as required, “Background” of course being the last but first to display in GIF
  5. Click “File”, “Save for web…”
  6. Activate the “Animate” box and adjust “Frame Delay”
  7. Click the “Play” button to check result, or “Preview” for bigger picture on browser
  8. Adjust as needed and click “Save” then specify file location and name

Note that new GIF file will be created keeping previous pictures intact.