{"id":411121,"date":"2024-10-16T08:00:00","date_gmt":"2024-10-16T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/advanced-panorama-360-viewer\/"},"modified":"2025-09-14T22:49:00","modified_gmt":"2025-09-14T22:49:00","slug":"advanced-panorama-360-viewer","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/advanced-panorama-360-viewer\/","title":{"rendered":"Advanced Panorama 360 Viewer"},"content":{"rendered":"<p>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.<\/p>\n<h4>Key Features<\/h4>\n<ul>\n<li>Gutenberg block for easy integration with the WordPress block editor<\/li>\n<li>Support for 360-degree panoramic images<\/li>\n<li>Customizable controls for user interaction<\/li>\n<li>Ability to add custom hotspots for additional information<\/li>\n<li>Option to set up default hotspots<\/li>\n<li>Responsive design for optimal viewing on all devices<\/li>\n<li>Lightweight and optimized for fast loading times<\/li>\n<\/ul>\n<h4>Use Cases<\/h4>\n<ul>\n<li>Real Estate: Showcase property interiors and exteriors with immersive 360-degree views<\/li>\n<li>Tourism: Display panoramic views of scenic locations or attractions<\/li>\n<li>Education: Create interactive learning experiences for museums or historical sites<\/li>\n<li>Events: Offer 360-degree views of venues for weddings, conferences, or exhibitions<\/li>\n<li>Product Showcases: Display products in a 360-degree view for e-commerce sites<\/li>\n<\/ul>\n<h3>Shortcode Usage<\/h3>\n<p>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:<\/p>\n<p>[advance_panorama_viewer]<\/p>\n<h4>Shortcode Attributes<\/h4>\n<p>The shortcode supports the following attributes:<\/p>\n<ol>\n<li>\n<p>id (optional): A unique identifier for the panorama viewer.<br \/>\nDefault: null<\/p>\n<\/li>\n<li>\n<p>panorama (required): The URL of the panorama image.<br \/>\nDefault: null<\/p>\n<\/li>\n<li>\n<p>title (optional): The title of the panorama.<br \/>\nDefault: null<\/p>\n<\/li>\n<li>\n<p>author (optional): The author or creator of the panorama.<br \/>\nDefault: null<\/p>\n<\/li>\n<li>\n<p>auto_load (optional): Whether to load the panorama automatically.<br \/>\nAccepted values: \u201ctrue\u201d or \u201cfalse\u201d<br \/>\nDefault: \u201ctrue\u201d<\/p>\n<\/li>\n<li>\n<p>draggable (optional): Whether the panorama can be dragged to pan around.<br \/>\nAccepted values: \u201ctrue\u201d or \u201cfalse\u201d<br \/>\nDefault: \u201ctrue\u201d<\/p>\n<\/li>\n<li>\n<p>align (optional): Alignment of the panorama viewer.<br \/>\nAccepted values: \u201cleft\u201d, \u201ccenter\u201d, \u201cright\u201d<br \/>\nDefault: \u201c\u201d<\/p>\n<\/li>\n<li>\n<p>class_name (optional): Additional CSS class(es) for the panorama viewer container.<br \/>\nDefault: null<\/p>\n<\/li>\n<li>\n<p>height (optional): The height of the panorama viewer.<br \/>\nDefault: \u201c400px\u201d<\/p>\n<\/li>\n<li>\n<p>width (optional): The width of the panorama viewer.<br \/>\nDefault: \u201c100%\u201d<\/p>\n<\/li>\n<\/ol>\n<h4>Examples<\/h4>\n<p>Basic usage:<br \/>\n[advance_panorama_viewer panorama=\u201dhttps:\/\/example.com\/path\/to\/panorama.jpg\u201d]<\/p>\n<p>With additional attributes:<br \/>\n[advance_panorama_viewer panorama=\u201dhttps:\/\/example.com\/path\/to\/panorama.jpg\u201d title=\u201dBeautiful Sunset\u201d author=\u201dJohn Doe\u201d height=\u201d600px\u201d auto_load=\u201dfalse\u201d]<\/p>\n<p>Aligned to the right with custom class:<br \/>\n[advance_panorama_viewer panorama=\u201dhttps:\/\/example.com\/path\/to\/panorama.jpg\u201d align=\u201dright\u201d class_name=\u201dmy-custom-panorama\u201d width=\u201d80%\u201d]<\/p>\n<h4>Notes<\/h4>\n<ul>\n<li>The \u2018panorama\u2019 attribute is required. Without it, the viewer will not display properly.<\/li>\n<li>Use percentage or pixel values for \u2018height\u2019 and \u2018width\u2019 attributes (e.g., \u201c100%\u201d, \u201c400px\u201d).<\/li>\n<li>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.<\/li>\n<\/ul>\n<h3>Additional Info<\/h3>\n<p>For more information, please visit our <a href=\"https:\/\/wpshopifyexpert.com\/advanced-panorama-360-viewer\" rel=\"nofollow ugc\">official website<\/a>.<\/p>\n<h4>Credits<\/h4>\n<p>This plugin uses the following open-source libraries:<br \/>\n* <a href=\"https:\/\/threejs.org\/\" rel=\"nofollow ugc\">Three.js<\/a> \u2013 For 3D rendering<br \/>\n* <a href=\"https:\/\/pannellum.org\/\" rel=\"nofollow ugc\">Pannellum<\/a> \u2013 For panorama viewing functionality<\/p>\n<h4>Privacy Policy<\/h4>\n<p>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.<\/p>\n<h3>Source Code Availability<\/h3>\n<p>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.<\/p>\n<h3>Accessing the Source Code<\/h3>\n<p>The uncompressed JavaScript source files are available in the <code>src<\/code> folder of our plugin repository. You can find these files at:<\/p>\n<p><a href=\"https:\/\/github.com\/shehabulislam\/advanced-panorama-360-viewer\/tree\/main\/src\" rel=\"nofollow ugc\">https:\/\/github.com\/shehabulislam\/advanced-panorama-360-viewer\/tree\/main\/src<\/a><\/p>\n<p>Included in the src folder as well.<\/p>\n<p>We utilized an open-source library for image viewing: https:\/\/github.com\/mpetroff\/pannellum.<\/p>\n<h4>Support<\/h4>\n<p>For support inquiries, please visit our <a href=\"https:\/\/wpshopifyexpert.com\/support\" rel=\"nofollow ugc\">support forum<\/a> or contact us at wordpress@wpshopifyexpert.com.<\/p>\n<h4>Contribute<\/h4>\n<p>If you\u2019d like to contribute to the development of this plugin, visit our <a href=\"https:\/\/github.com\/shehabulislam\/advanced-panorama-360-viewer\" rel=\"nofollow ugc\">GitHub repository<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Display immersive 360-degree panoramas on your WordPress site with our feature-rich 360 image viewer Gutenberg block.<\/p>\n","protected":false},"author":65,"featured_media":411122,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"Advanced Panorama 360 Viewer - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"Display immersive 360-degree panoramas on your WordPress site with our feature-rich 360 image viewer Gutenberg block."},"footnotes":""},"categories":[1],"tags":[304,313,351,306,27185],"class_list":["post-411121","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-360-degree","tag-360-image","tag-gutenberg-block","tag-panorama","tag-panorama-viewer"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/411121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/comments?post=411121"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/411121\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/411122"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=411121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=411121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=411121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}