[WordPress] 外掛分享: DImage 360

前言介紹

  • 這款 WordPress 外掛「DImage 360」是 2018-02-14 上架。 目前已經下架不再更新,不建議安裝使用。
  • 目前有 2000 個安裝啟用數。
  • 上一次更新是 2019-12-24,距離現在已有 1958 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 3.0.1 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 5.2.4 以上。
  • 有 14 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

darteweb |

外掛標籤

360view | image360 | panorama | gutenberg | photosphere |

內容簡介

DImage 360 是一款 WordPress 外掛,可在網站上嵌入 360 度視圖。這是一款使用者友好且功能豐富的插件,可在網站上添加具有響應式的 360 度視圖或 180 度全景圖。

這是一個簡單易用且易於自定義的插件,可在網站上嵌入單張或多張圖片。若要嵌入多個圖像,目前需要在網站的帖子或頁面中添加多個縮略語實例。

功能

無需 Flash
與 Chrome、Firefox、IE8、IE9 和 Safari 兼容
您可以對圖像進行縮放。
支援 JPG。
支援滑鼠和觸摸用戶操作。
您可以將全景圖全屏以進行詳細檢視。
可透過使用多個縮略語在單個頁面上載入多個圖像。

使用方式
縮略語

如果您正在使用 Gutenberg,則請遵循以下說明,否則請參照步驟 2 的說明:

點擊頁面左上角的 + 圖標,然後選擇常見區塊,接著選擇 Dimage 360。

現在,頁面上出現了一個區塊,具有以下選項:

選擇圖像:從媒體中選擇圖像。

自動旋轉:啟用自動旋轉圖像功能。默認情況下此值為 true。

控制選項:決定是否顯示圖像控制欄。默認情況下此值為 true。

啟用滾動縮放:可透過滾動來放大或縮小圖像。默認情況下此值為 true。

縮放級別:您可以將縮放級別設置為 0 到 100。默認情況下此值為 0。

動畫速度:您可以將動畫速度設置為 0 到 100。默認情況下此值為 2。

位置:定義使用者看到的第一個點的默認位置。默認情況下此值為 0。

[dimage attachment_id="56" control=true auto-rotate=true]
(建議使用)
attachment_id:您可以從媒體管理器中獲取,只需添加附件 ID 即可。

control{true/false}:決定是否顯示圖像控制選項。默認情況下此值為 true。

auto-rotate{true/false}:啟用自動旋轉圖像功能。默認情況下此值為 true。

zoom_level:您可以將縮放級別設置為 0 到 100。默認情況下此值為 0。

anim_speed:您可以將動畫速度設置為 0 到 100。默認情況下此值為 2。

default_position:定義使用者看到的第一個點的默認位置。默認情況下此值為 0。

示例[dimage attachment_id="56" zoom_level="10" anim_speed="10"]

[dimage url="請輸入此處的圖像網址" control=true]
url:圖像的網址,這將是您從媒體管理器中得到的圖像的完整路徑。
例如:[dimage url="http://domain-name.com/wp-content/uploads/10/image-name.jpg" control=true]
在此,請將 [domain-name.com] 替換為您的域名,也請更改圖像名稱。
control{true/false}:決定是否顯示圖像控制選項。默認情況下此值為 true。

原文外掛簡介

DImage 360 is a plugin to embed a 360 view on your WordPress website. It is a user friendly and feature rich plugin to add a responsive 360deg view or 180deg panorama on website.
It is a simple and easy to customize plugin to embed single or multiple images on website. To embed multiple image, you currently need to add multiple instance of shortcode on the post or page of website.
Features

No Flash Needed
Compatible with chrome, Firefox, IE8, IE9, Safari
You can zoom to the image.
Support JPG.
Support both mouse and touch.
You can full screen the panorama for detail view.
Multiple Image can be loaded on single page, by using multiple shortcode.

How to use
Shortcode

If you are using Gutenberg then follow the following instructions otherwise step 2 instructions:-

Click on the + icon showing on the top left corner of the page and select Common Blocks and then select Dimage 360.

Now a block appears on the page with the following options:-

Select Image :- Select an image from media.

Auto-Rotate :- It is the feature to auto rotate of image. Default it setup as true.

Control :- It is the feature to show control on the image or not. Default it setup as true.

Allow Scroll to Zoom :- It is the feature to zoom in or zoom out by just scrolling. Default it setup as true.

Zoom Level :- You can set zoom level from 0 to 100. Default it setup as 0.

Animation Speed :- You can set animation speed from 0 to 100. Default it setup as 2.

Position :- Defines the default position, the first point seen by the user. Default it setup as 0.

[dimage attachment_id="56" control=true auto-rotate=true]
(Recommended)
attachment_id: you will get from media manager, you only need to add attachment id.
control{true/false}: It is the feature to show control on the image or not. Default it setup as true.
auto-rotate{true/false}: It is the feature to auto rotate of image. Default it setup as true.
zoom_level: You can set zoom level from 0 to 100. Default it setup as 0.
anim_speed: You can set animation speed from 0 to 100. Default it setup as 2.
default_position: Defines the default position, the first point seen by the user. Default it setup as 0.
Example[dimage attachment_id="56" zoom_level="10" anim_speed="10"]

[dimage url="please enter here image url" control=true]
url: The url of the image, this will be the complete path of the image, which you will get from media manager itself.
For Example: [dimage url="http://domain-name.com/wp-content/uploads/10/image-name.jpg" control=true]
Here replace [domain-name.com] with your domain name. Also rename the image name too.
control{true/false}: It is the feature to show control on the image or not. Default it setup as true.

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「DImage 360」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


1.0 | 1.1 | 1.2 | 1.3 | 1.4 | 1.5 | 1.6 | 1.7 | 1.8 | 1.9 | 2.0 |

延伸相關外掛(你可能也想知道)

  • VR Views 》此外掛提供 [vrview] 短碼,使用 Google 的 VR Views 庫將 360 度的單眼和立體照片及影片嵌入 WordPress 網站。在支援 VR 的設備(如 Google Cardboard 設備...。
  • Simple Photo Sphere 》使用 Google Camera 或任何 photo sphere 應用程式創建球形照片,並使用 Simple Photo Sphere 將其插入到您的網站中。, Simple Photo Sphere 可以在觸控屏幕...。

文章
Filter
Apply Filters
Mastodon