[WordPress] 外掛分享: Easy 3d Model Viewer

WordPress 外掛 Easy 3d Model Viewer 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Easy 3d Model Viewer」是 2026-01-19 上架。
  • 目前有 70 個安裝啟用數。
  • 上一次更新是 2026-02-10,距離現在已有 16 天。
  • 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 8.0 以上。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

futurewebdesign |

外掛標籤

glb | threejs | model viewer | 3D model viewer | 360 product view |

內容簡介

總結文案: 這款 WordPress 外掛提供了展示真實3D模型的功能,支援顯示真實渲染效果(光源、環境貼圖和陰影),添加帶有工具提示和信息窗口的標記,控制動畫,以及使攝影機移動到預定位置。

問題與答案:
1. 這個WordPress外掛能夠展示什麼樣的3D模型?
- 這個外掛可以展示真實3D模型,支援顯示真實渲染效果,包括光源、環境貼圖和陰影。

2. 這個外掛提供了哪些主要功能?
- 這個外掛具有響應式布局,全面支持各種設備;支援桌面和手機優化;支援lightbox功能,可在頁面準備就緒時打開3D模型查看器;自定義大小;矢量皮膚;預載器;自定義顏色主題;懶加載功能等等。

3. 如何安裝和配置這個外掛?
- 將這個外掛安裝在WordPress後,你可以依照提供的文檔、教程和示範頁面,以及開發者提供的支援,輕鬆地配置和安裝外掛。

4. 這個外掛的標記和信息窗口功能如何使用?
- 這個外掛支持在模型的任意位置添加3D和2D標記,並能顯示工具提示和信息窗口,控制內置動畫,以及將攝影機移動到特定位置。

原文外掛簡介

Showcase authentic 3D models with realistic rendering (lights, environment maps and shadows). Add markers with tooltips and info windows, control animations, and tween the camera to predefined positions.
Video tutorial

Highlights
Realistic 3D Models – Realistic rendering with lights, environment maps and shadows.
Hotspots/Markers – 3D markers and 2D markers can be added anywhere on the model. They can display tooltips/info windows, control built-in animations, and tween the camera to specific positions.
Easy To Configure And Install – Includes documentation, video tutorials, demo pages, updates and support from the developer – Tibi @ FWD.
Main Features

Responsive Layout – Fully responsive and adaptable to any device.
Desktop & Mobile Optimized – iPhone, Android, and desktop browsers supported.
Lightbox Support – Easy 3d Model Viewer can be opened in a lightbox when the page is ready or triggered by an external action, such as clicking a button. The lightbox layout is fully responsive, and the viewer size can be customized as needed, example here.
Customizable Size – Set any width, height, and aspect ratio.
Vector Skin – Responsive or after parent mode.
Preloader – Vector based preloader that stays sharp on mobile and desktop.
Customizable Color Theme – The color theme of all viewer elements can be easily customized to suit your preferences, example here.
Lazy Scrolling/Loading – Option to initialize Easy 3d Model Viewer on scroll when the viewer is visible in the page, this way for example if the viewer is in a section that is not visible it will not be initialized, instead the viewer will be initialized only when the user will scroll to the section in which the viewer is added.
Customizable Preloader – Shows loading progress and can display a poster, with configurable size and position, example here.
Buttons Controller – Customizable controller featuring play, zoom in, zoom out, info, help, and fullscreen buttons. The controller automatically hides itself after a designated period of user inactivity.
Orbital Controls – Customizable 3D orbital controls that allows to zoom and move the camera.
Orbital Controls Ranges – The camera rotation can be selectively constrained both horizontally and vertically, alongside customizable minimum and/or maximum zoom settings, adjusting parameters such as zoom factor, damping factor, zoom speed, pan speed, and more, example here.
Auto-Rotation – The 3D model can be configured for automatic rotation, with the option to customize the rotation speed and direction to suit individual preferences, example here.
Keyboard Pan – Navigate the model effortlessly with keyboard shortcuts, using the intuitive W A S D keys or your preferred custom key setup, the pan speed can be adjusted as well.
Environment Map – Enhanced environmental mapping support with .exr files, offering nuanced control. Choose to display the environment map as a background, utilize it solely for reflections and lighting in a specific mode, or apply it subtly as a color-toned gradient color.
Lights – Effortlessly customize directional and ambient lighting to suit your model perfectly. Easily set the light intensity and position according to your preferences, with added support for tone mapping to extend the luminance range for a richer visual experience.
Contact Shadow – Achieve authentic contact shadows with a defined contact plane. Tailor the shadow’s blur, darkness, and opacity to your exact specifications for a seamless and customizable visual experience.

Configuration
After activation, open the plugin settings in the WordPress admin area and create a new viewer preset. Then use the shortcode below in any post/page.
Use Cases
Embedding 3D models in posts or pages
Product visualization with 3D previews
Showcasing GLTF/GLB models interactively
Creating 3D hotspots and annotations
Displaying 3D assets in portfolios or documentation
Links

Homepage & Docs
Demo
Support
Revolution Lightbox

Shortcode
Basic example:
[fwdemv id=”1″]
Development
This plugin’s full source code is publicly available for transparency and verification.
Developed and maintained by FutureWebDesign.

Source code & build tools — includes original uncompiled files and Vite build configuration.
Distributed plugin uses a compiled build generated by Vite for optimal performance.

各版本下載點

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

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


1.0 | trunk |

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

  • Elements Hive for Breakdance 》Elements Hive for Breakdance 是一個 Breakdance 外掛,需要 Breakdance 才能運作。, 使用 Elements Hive 的獨特元素和擴展,強化你的 Breakdance 網站建構...。
  • ThreeWP 》綜合介紹:ThreeWP 是一個 WordPress 外掛,將 Three.js 庫及其附加組件集成到您的 WordPress 網站中,使用自定義捆綁文件。這個設置讓您可以直接在您的 Word...。
  • Threepress 》輕鬆地在 WordPress 中嵌入 three.js, 您可以做什麼:, 在任何地方創建 three.js 圖庫, 使用 Threepress 管理員中的短代碼生成器創建圖庫,然後將短代碼貼到...。
  • WP3D Model Import Viewer 》<h2>總結:</h2>, <p>WP3D Model Import 是一個提供3D模型整合功能的 WordPress 外掛,讓您輕鬆將3D模型上傳至媒體庫中,並以直觀的界面展...。
  • Code Three 3D Interactive 》**外掛總結:** Code 3 讓您能夠使用簡單的短代碼將多個物件、互動式 3D 場景嵌入您的 WordPress 網站中。, , #### 問題與解答:, 1. Code 3 是用來做什麼的?,...。
  • Xtrad Viewer 》Xtra Viewer WordPress 外掛可讓您在 WordPress 頁面上編輯和顯示 3D 情景。, 一個 3D 情景可以是任何東西,從簡單的 3D 文字標題、真正的 3D Slider 或完整...。
  • Three Viewer 》Three Viewer 提供一個免費且簡單的解決方案,讓您可以在您的網站上視覺化任何 3D 模型,, 使用 Three Viewer 編輯器,您可以輕鬆編輯並添加燈光或地面物件等...。
  • Sphere Manager 》外掛, , 可放置標籤:文字、圖片、HTML 代碼, 若要匯入圖片和影片,你必須先將它們上傳到 WordPress 的媒體庫中(也可以貼上 URL)。外掛程式將在你上傳到媒體...。
  • 3D Scene Viewer 》3D場景查看器插件可讓您從3D模型文件中創建一個3D場景。, 支援的文件類型, , glTF v2: .gltf或二進位 .glb。, FBX v6400或更新版本(二進位)。, , 該插件支...。
  • Three Importer 》```html, <ul>, <li>Three Importer 允許使用者透過區塊編輯器、短代碼或自訂腳本插入自訂的 ThreeJS 場景,從沒有經驗的人到老練的開發者皆可...。
  • Three Code – Canvas Embed for Three.js 》總結:<br>, 這個外掛可以透過短代碼嵌入自訂的 Three.js 场景。它是第三方插件,並非 Three.js 項目的一部分。請記住 Three.js 是其各自所有者的商標...。
  • Edel Museum Generator 》網站 Edel Museum Generator 讓您輕鬆在 WordPress 網站上建立高品質的 3D 虛擬博物館和畫廊。, 使用 Three.js 技術,提供流暢、身臨其境的「第一人稱射擊」(...。
  • EAI – Elementor Animation Interactive 》<!DOCTYPE html>, <html>, <body>, , <h2>WordPress 外掛介紹:</h2>, <p>透過令人驚豔的 ThreeJS 動畫增強 Elementor。...。

文章
Filter
Apply Filters
Mastodon