前言介紹
- 這款 WordPress 外掛「Advanced Panorama 360 Viewer」是 2024-10-15 上架。
- 目前有 40 個安裝啟用數。
- 上一次更新是 2025-04-28，距離現在已有 6 天。
- 外掛最低要求 WordPress 5.6 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
panorama | 360 image | 360 degree | Image viewer | Gutenberg block |
內容簡介
**總結：** Advanced Panorama 360 Viewer 是一個強大的 WordPress 外掛，讓您能夠輕鬆在網站上嵌入並展示 360 度全景影像。透過專用的 Gutenberg 區塊，該外掛能和 WordPress 區塊編輯器無縫整合，讓您輕鬆地為訪客建立引人入勝且互動性強的內容。
**問題與答案：**
- **什麼是 Advanced Panorama 360 Viewer？**
- 一個強大的 WordPress 外掛，可讓您在網站上展示 360 度全景影像。
- **這個外掛有哪些主要功能？**
- 提供 Gutenberg 區塊以便與 WordPress 區塊編輯器輕鬆整合
- 支援 360 度全景影像
- 可自訂使用者互動控制
- 能新增自訂熱點以顯示額外訊息
- 具備設定預設熱點的功能
- 響應式設計，可在所有設備上最佳顯示
- 輕量化且優化以提供快速加載時間
- **有哪些使用情境？**
- 房地產：展示物業內部和外部具有沉浸感的 360 度視角
- 旅遊：展示風景優美地點或景點的全景視圖
- 教育：為博物館或歷史遺跡創建互動學習體驗
- 活動：為婚禮、會議或展覽場所提供 360 度視角
- 產品展示：透過 360 度視圖展示電子商務網站上的產品
- **如何使用這個外掛的 Shortcode？**
- 使用 `[advance_panorama_viewer]` 來嵌入全景影像到您的文章、頁面或其他支援 Shortcode 的地方
- **這個外掛的 Privacy Policy 是什麼？**
- Advanced Panorama 360 Viewer 不收集或儲存任何個人資料，僅用於在您的 WordPress 站點上展示 360 度全景內容。
原文外掛簡介
Advanced Panorama 360 image Viewer is a powerful WordPress plugin that allows you to easily embed and display 360-degree panoramic images on your website. With a dedicated Gutenberg block, this plugin seamlessly integrates with the WordPress block editor, making it easy to create engaging, interactive content for your visitors.
Key Features
Gutenberg block for easy integration with the WordPress block editor
Support for 360-degree panoramic images
Customizable controls for user interaction
Ability to add custom hotspots for additional information
Option to set up default hotspots
Responsive design for optimal viewing on all devices
Lightweight and optimized for fast loading times
Use Cases
Real Estate: Showcase property interiors and exteriors with immersive 360-degree views
Tourism: Display panoramic views of scenic locations or attractions
Education: Create interactive learning experiences for museums or historical sites
Events: Offer 360-degree views of venues for weddings, conferences, or exhibitions
Product Showcases: Display products in a 360-degree view for e-commerce sites
Shortcode Usage
You can use the Advanced Panorama 360 Viewer shortcode to embed panoramas in your posts, pages, or anywhere shortcodes are supported. The basic syntax is:
[advance_panorama_viewer]
Shortcode Attributes
The shortcode supports the following attributes:
id (optional): A unique identifier for the panorama viewer.
Default: null
panorama (required): The URL of the panorama image.
Default: null
title (optional): The title of the panorama.
Default: null
author (optional): The author or creator of the panorama.
Default: null
auto_load (optional): Whether to load the panorama automatically.
Accepted values: “true” or “false”
Default: “true”
draggable (optional): Whether the panorama can be dragged to pan around.
Accepted values: “true” or “false”
Default: “true”
align (optional): Alignment of the panorama viewer.
Accepted values: “left”, “center”, “right”
Default: “”
class_name (optional): Additional CSS class(es) for the panorama viewer container.
Default: null
height (optional): The height of the panorama viewer.
Default: “400px”
width (optional): The width of the panorama viewer.
Default: “100%”
Examples
Basic usage:
[advance_panorama_viewer panorama=”https://example.com/path/to/panorama.jpg”]
With additional attributes:
[advance_panorama_viewer panorama=”https://example.com/path/to/panorama.jpg” title=”Beautiful Sunset” author=”John Doe” height=”600px” auto_load=”false”]
Aligned to the right with custom class:
[advance_panorama_viewer panorama=”https://example.com/path/to/panorama.jpg” align=”right” class_name=”my-custom-panorama” width=”80%”]
Notes
The ‘panorama’ attribute is required. Without it, the viewer will not display properly.
Use percentage or pixel values for ‘height’ and ‘width’ attributes (e.g., “100%”, “400px”).
When using the shortcode in a page builder or custom HTML block, you may need to wrap it in a shortcode block or use the appropriate syntax for your specific editor.
Additional Info
For more information, please visit our official website.
Credits
This plugin uses the following open-source libraries:
* Three.js – For 3D rendering
* Pannellum – For panorama viewing functionality
Privacy Policy
Advanced Panorama 360 Viewer does not collect or store any personal data. It functions solely to display 360-degree panoramic content on your WordPress site.
Source Code Availability
To comply with WordPress.org guidelines and ensure transparency, we provide access to the uncompressed source code of our JavaScript files. This is important for the review process and for users who wish to examine or modify the code.
Accessing the Source Code
The uncompressed JavaScript source files are available in the src folder of our plugin repository. You can find these files at:
https://github.com/shehabulislam/advanced-panorama-360-viewer/tree/main/src
Included in the src folder as well.
We utilized an open-source library for image viewing: https://github.com/mpetroff/pannellum.
Support
For support inquiries, please visit our support forum or contact us at [email protected].
Contribute
If you’d like to contribute to the development of this plugin, visit our GitHub repository.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Advanced Panorama 360 Viewer」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
Qi Blocks 》Qi Blocks 是由屢獲殊榮設計團隊之一的 Qode Interactive 開發的最大的 Gutenberg 區塊集合。基本版本的外掛帶有 48 個精心設計的自定義區塊，擁有前所未見的...。
Gutenberg Blocks – PublishPress Blocks Gutenberg Editor Plugin 》PublishPress Blocks 提供您在 WordPress 區塊編輯器中建立專業網站所需的所有功能，其中包括佈局選項、輪播、按鈕、圖示、圖片庫、地圖、選項卡、推薦、手風...。
Map Block for Google Maps 》你正在使用 Gutenberg 編輯器，需要一個地圖嗎？這款地圖區塊插件就是為你而設！安裝、啟用、加入內容，這些就是全部步驟！沒有繁瑣的設置，功能清晰易用 - ...。
Justified Gallery 》這個簡單的外掛將Wordpress圖庫提升到更高的層級，加入了漂亮的合理化圖像網格和漂亮的燈箱。, 只需安裝和啟用外掛即可，就這麼簡單。, 像以前一樣創建圖庫，...。
Magic Content & CTA Box Builder – Advanced Gutenberg Blocks for Flexible Page Sections, Headers, Buttons, Shape Dividers, and Layout Options 》魔法內容方塊-頁面內容建構器Gutenberg區塊外掛程式, 我們為 WordPress 內容打造了美麗的頁面區塊，以幫助您快速建立一個一直渴望的網站。, 首頁 | 展示 | 說...。
Image Hover Effects Block 》使用這個 WordPress 插件「Image Hover Effects Block for Gutenberg」，您可以以簡單的方式添加 40 多種圖像懸停效果，包括標題和描述。, 功能, , 易於自定...。
Easy Accordion Block 》Easy Accordion Gutenberg Block 是使用 Gutenberg 原生元件開發的自訂 Gutenberg 區塊，可以輕鬆地創建手風琴或常見問題解答區。您不需要具備任何程式編輯知...。
Lottie Player- Great Lottie Player Solution 》Lottie Player 是 WordPress 的 Gutenberg 區塊編輯器中一個非常有用的區塊外掛程式，其中包含了許多功能，可以幫助您將 LottieFiles 動畫嵌入到 WordPress ...。
Button Block – Get fully customizable & multi-functional buttons 》獲取多功能按鈕。Button Block 外掛提供許多方便實用和樣式選項，讓您能在幾個點擊內，建立具有響應性、互動性和時尚性的按鈕，讓您享受創建樂趣。, 示範, 特...。
B Slider- Gutenberg Slider Block for WP 》B Slider 是一個受 Gutenburg 區塊影像和文字幻燈片的 WordPress 外掛。使用此外掛，您可以非常輕鬆地快速建立您的幻燈片。B Slider 是最好的選擇，無論是對...。
Animated Text Block 》顯示文字或段落為動畫。, 範例展示, 特點, , 可全自訂：您可以從此處使用所有選項來安排櫥窗，以滿足您的喜好的需要。, , 如何使用, , 首先安裝 Animated Tex...。
Latest Post Shortcode 》「最新文章簡碼」外掛可以幫助您在頁面或側邊欄中顯示文章或頁面的列表或網格，無需編寫或了解 PHP。您可以在一個頁面中嵌入多個簡碼，每個簡碼都有不同的配...。
B Carousel Block – Create stunning responsive carousels effortlessly 》B Carousel 是一款輕量級、功能完備的 WordPress 輪播建構外掛，可用於製作專業的客戶標誌或任何圖像的幻燈片或輪播。, 範例展示, 功能特色, , 完全可定制：...。
Social Feed Block for Instagram 》Social Feed 提供簡單的嵌入功能，讓您能在 WordPress 網站上將 Instagram 帖子作為畫廊展示。您只需提供您的 Instagram 存取權杖，就可以開始使用了。, 演示...。
Parallax Section block – Parallax scrolling effects in section. 》視差效果是一種現代網頁設計技巧，其中背景元素滾動比前景內容慢。視差效果可用於登陸頁面、長文內容、銷售頁面或企業網站的主頁。這是一種突出長頁面不同部...。