Kenta Ishii

Jimmy Codeviewer is a shortcode library to load text, SVG (Scalable Vector Graphics) and other scripts to WordPress pages. By using this plugin, you can reduce quantity of your code, e.g., if you want to put a proportional sample of programming code in your page, you just type one shortcode, then you get the sample with line numbers and colored words which you intended. In addition, you can make pages with layout similar to magazines on paper by using “magazine”, a theme template.
<h4>Introduction</h4>
In my first mind, I purposed to make a viewer for programming code for my site that introduces my articles. It was OK and named this plugin as “Jimmy Codeviewer”. But in making “Jimmy Codeviewer”, I think this could be a multipurpose text viewer. On this time, many news sites have very simple layout for their contents. You could watch magazines or papers at a news-stand everyday, and these are so colorful and design-riches. I just want these on Internet. Colorful design-riches actually make us some attention and affection. Web browsers are growing their rendering ability right now. This challenge — making magazines or newspapers on Internet — not a dream, but a real on Internet. In addition, I tried to change WordPress to SVG-Free. SVG (Scalable Vector Graphics) is one of vector graphics containers. It’s just like HTML and JavaScrpt. This is exactly the reason why WordPress Community prohibits to upload SVG Files by Media Uploader. If SVGs are programming codes, these should be stored as scripts in pages. But “Posts” and “Pages” are having their own purposes as public pages. So I decided to make “jArticles”, inner pages and store texts, SVGs and scripts to “jArticles”. For loading “jArticles” on “Posts”, I made several WordPress shortcodes.
Jimmy Codeviewer consists of three departments which have several WordPress shortcodes and functions.
I. Code Viewer
a. Shortcodes: [codeview_byid] and [codeview_byname] to show text in “Posts”.
b. Edit Instructions: <code>(edit(exam-ple))</code> to make HTML markup or other escaped literal codes in “jArticles” pages.
c. Style Sheet: CSS Style Sheet to make web layout easier with Code Viewer.
II. Article Loader
a. Shortcodes: [articleloader_byid] and [articleloader_byname] to show SVGs or other scripts in “Posts”.
III. Color and Style Changer
a. Shortcodes: [init_spansearch], [spansearch] and [spansearch_all] to change the text color and other styles. [divsearch] to change the row styles.
b. JavaSctipt: ‘spanSearch’ and its family, the engine to provide the above shortcodes to function.
<h4>Copyright</h4>
The Jimmy Codeviewer, A WordPress Plugin, Copyright 2017 Kenta Ishii 
Jimmy Codeviewer is distributed under the terms of the GNU GPL
This program is free software: you can redistribute it and/or modify 
it under the terms of the GNU General Public License as published by 
the Free Software Foundation, either version 2 of the License, or 
(at your option) any later version.
This program is distributed in the hope that it will be useful, 
but WITHOUT ANY WARRANTY; without even the implied warranty of 
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 
GNU General Public License for more details.

Jimmy Codeviewer

Jimmy Codeviewer is a shortcode library to load text, SVG (Scalable Vector Graphics) and other scripts to WordPress pages.

WPXERO

Abu Talib

ADDONIUM

<h3>The All-in-One 360° Panorama, Virtual Tour, 360 Video & AR 3D Plugin for WordPress</h3>
Photo Sphere Viewer is the most complete 360° panorama plugin for WordPress — embed interactive 360 panoramic images, build multi-scene virtual tours, play immersive 360° videos, and showcase AR-ready 3D models (.glb / .gltf) on any page. Works natively with Elementor, the Gutenberg block editor, and a visual Shortcode Builder — no coding required.
Built for real estate virtual tours, hotel room previews, 360 photographer portfolios, travel & tourism websites, museum & campus tours, WooCommerce 360 product views, and AR product configurators — Photo Sphere Viewer turns any WordPress site into an immersive experience.
 <a href="https://wpxero.com/plugins/photo-sphere-viewer/pricing/" rel="nofollow ugc">Upgrade to Pro</a>
<h3>Built for DJI, Ricoh Theta, Insta360 & Pro 360° Cameras</h3>
Photo Sphere Viewer is purpose-built for professional equirectangular workflows:
<ul>
<li>DJI Matrice & drone panoramas — Loads true un-scaled original uploads via the built-in <code>ImageResolver</code>, bypassing the WordPress 5.3+ <code>-scaled.jpg</code> quality loss so aerial detail stays sharp on huge panoramas.</li>
<li>Ricoh Theta, Insta360, GoPro MAX, Qoocam, Kandao — Any stitched equirectangular JPEG/PNG works out of the box.</li>
<li>Google Street View & Photo Sphere XMP — Drop in any Street View image or Android Photo Sphere capture.</li>
<li>Stereoscopic & VR-ready — Pro gyroscope mode unlocks VR-style head-orientation viewing on mobile (HTTPS).</li>
</ul>
<h3>4 Immersive Viewers — All in One Plugin</h3>
<h4>1. 360° Panorama Viewer</h4>
Upload any equirectangular panorama (JPEG/PNG) and let visitors drag, pinch, and zoom on desktop and mobile.
<ul>
<li>Drag-to-explore with mouse and touch gestures</li>
<li>Pinch-to-zoom and mouse-wheel zoom</li>
<li>Configurable field of view, zoom limits, and movement speed</li>
<li>Auto-rotation with adjustable delay and speed</li>
<li>Custom starting position (yaw / pitch)</li>
<li>Fullscreen mode + caption navbar</li>
<li>Free zoom & download buttons in the panorama navbar</li>
</ul>
<h4>2. Virtual Tour Builder</h4>
Create unlimited multi-scene virtual tours linked by 3D navigation arrows — ideal for real estate walkthroughs, hotel tours, museums, and campus maps.
<ul>
<li>Unlimited scenes per tour</li>
<li>3D arrow hotspots between scenes</li>
<li>Per-scene starting position (yaw / pitch)</li>
<li>Per-scene captions and start scene selection</li>
<li>Pro: scene gallery thumbnail bar, compass overlay, premium navbar (move, fullscreen, autorotate, description, zoom, download)</li>
</ul>
<h4>3. 360° Video Player</h4>
Embed interactive 360-degree videos — viewers can look around while the equirectangular MP4 plays.
<ul>
<li>MP4 and common web video formats</li>
<li>Play/pause, seek, and volume controls in the navbar</li>
<li>Pro: muted autoplay, loop, and zoom/fullscreen/download navbar</li>
</ul>
<h4>4. AR 3D Model Viewer</h4>
Embed interactive .glb / .gltf 3D models with optional AR mode on supported iOS / Android devices (powered by Google <code><model-viewer></code>). Perfect for product configurators, e-commerce, portfolios, and education.
<ul>
<li>Model from URL or WordPress Media Library + optional poster</li>
<li>Auto-rotate, shadow intensity, alignment, canvas sizing</li>
<li>Pro: HDR environment lighting, skybox background, custom camera orbit, disable zoom, disable tap-to-rotate</li>
</ul>
<h3>Three Ways to Add 360° Content</h3>
<ul>
<li>Elementor widgets — Four dedicated widgets: Photo Sphere Viewer, PSV Virtual Tour, PSV 360° Video, AR 3D Viewer. Individually toggle each widget from the admin panel.</li>
<li>Gutenberg block — Native block editor support with live preview. (coming soon)</li>
<li>Shortcode Builder — Visual admin UI under the Photo Sphere Viewer menu generates <code>[psv]</code>, <code>[psv_tour]</code>, <code>[psv_video]</code>, and <code>[psv_ar]</code> shortcodes — paste anywhere, including WooCommerce product descriptions, page builders, and theme widgets.</li>
</ul>
<h3>All Features at a Glance</h3>
<ul>
<li>Fully Responsive — Desktop, tablet, and mobile with touch-optimized drag and pinch-to-zoom</li>
<li>Customizable Navbar — Toggle zoom, caption, fullscreen, autorotate, and download buttons</li>
<li>Style Controls — Navbar background, caption color, typography, and alignment</li>
<li>Flexible Sizing — Width / height in <code>px</code>, <code>%</code>, <code>vh</code>, or <code>vw</code></li>
<li>Starting Position — Default yaw (-180° to 180°) and pitch (-90° to 90°)</li>
<li>Canvas Background — Custom color behind the panorama</li>
<li>Mouse & Touch Options — Toggle mouse wheel zoom, drag movement, two-finger touch, Ctrl+scroll, cursor capture, fisheye</li>
<li>Original-Resolution Loader — Built-in <code>ImageResolver</code> defaults shortcodes to <code>use_original=yes</code> for DJI / large panoramas</li>
<li>Lightweight & Fast — Vite-built bundle, optimized for Core Web Vitals</li>
<li>Translation Ready — Loads translations from <code>/languages/</code> (Text Domain: <code>photo-sphere-viewer</code>)</li>
<li>Developer Friendly — Clean shortcode API with full attribute control + Elementor widget hooks</li>
</ul>
<h3>Perfect For</h3>
<ul>
<li>Real Estate Agents & Agencies — Virtual property tours, open house walkthroughs, listing pages</li>
<li>Hotels, Resorts & Vacation Rentals — Room previews, lobby tours, amenity showcases</li>
<li>360° Photographers — Panoramic portfolios with gallery navigation</li>
<li>Travel & Tourism — Destination previews, city tours, landmark experiences</li>
<li>Education & Museums — Campus tours, exhibit walkthroughs, virtual classrooms</li>
<li>WooCommerce & E-Commerce — 360° product views and AR-ready 3D models on product pages</li>
<li>Architects & Interior Designers — Project showcases, before/after spaces</li>
<li>Event Venues & Weddings — Venue tours, conference halls, wedding location showcases</li>
<li>Drone & Aerial Pilots (DJI Matrice) — High-resolution aerial 360° panoramas at full quality</li>
</ul>
<h3>Compatible With</h3>
Elementor, Elementor Pro, Gutenberg block editor, WooCommerce, Yoast SEO, Rank Math, WPML, Polylang, popular caching plugins (WP Rocket, LiteSpeed Cache, W3 Total Cache), and any WordPress theme that supports shortcodes. Works alongside common page builders.
Tested with cameras: DJI Matrice / Mavic, Ricoh Theta, Insta360, GoPro MAX, Qoocam, Kandao, Google Street View, and any standard equirectangular output.
<h3>How It Works</h3>
<h3>Using Elementor</h3>
<ol>
<li>Open the Elementor editor.</li>
<li>Search for Photo Sphere Viewer, PSV Virtual Tour, PSV 360° Video, or AR 3D Viewer in the widget panel.</li>
<li>Drag the widget into your layout.</li>
<li>Upload your panorama image or video and configure display settings, navbar controls, and styling.</li>
</ol>
<h3>Using Gutenberg</h3>
Insert the Photo Sphere Viewer block, upload your panorama, and configure options from the sidebar panel.
<h3>Using Shortcodes</h3>
Use the built-in Shortcode Builder from the admin menu to visually create shortcodes, or write them manually:

Photo Sphere Viewer – 360° Panorama, Virtual Tour, 360 Video & AR 3D Model Viewer

360° panorama, virtual tour, 360 video & AR 3D model viewer for WordPress. Works with Elementor, Gutenberg & shortcodes. DJI & Ricoh Theta ready.

Jimmy Codeviewer vs Photo Sphere Viewer – 360° Panorama, Virtual Tour, 360 Video & AR 3D Model Viewer