內容簡介
**總結：** 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 Viewer」→ 直接安裝（推薦）
原文外掛簡介
Advanced Panorama 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.
