[WordPress] 外掛分享： Three Importer

WordPress 外掛 Three Importer 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Three Importer」是 2026-02-14 上架。
  • 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
  • 上一次更新是 2026-02-23，距離現在已有 2 天。
  • 外掛最低要求 WordPress 6.7 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

callahancodes |

外掛標籤

3d | webgl | threejs | graphics | animation |

內容簡介

```html
<ul>
<li>Three Importer 允許使用者透過區塊編輯器、短代碼或自訂腳本插入自訂的 ThreeJS 場景，從沒有經驗的人到老練的開發者皆可建立美麗的 3D 場景並完全掌控設置。</li>
</ul>
```

1. Three Importer 可以透過哪些方式來插入自訂的 ThreeJS 場景？
- 答: 透過區塊編輯器、短代碼或自訂腳本插入。

2. 如何在官方 WordPress 區塊編輯器中支援 Three Importer？
- 答: 在頁面編輯器中輸入並選擇 "/Three Importer"，即可在公開視圖中看到 3D 渲染通知。

3. 三角代碼 ($[ti3d_scene]) 可以支援哪些功能？
- 答: 三角代碼可以支援與區塊相同的功能。開發者還可以使用 [$ti3d_sceneinject] 來調用特定項目的 THREE 圖書館並在自訂腳本中使用它們。

4. 以下哪些是幾何設置的參數？
- 答:
- geometry
- geometry_color
- geometry_material
- geometry_size
- geometry_xrotation / yrotation / zrotation
- geometry_instancing
- geometry_instancingnum
- geometry_instancingspacing
- gltf_url

5. 請列舉出幾個相機設置的參數？
- 答:
- camera_xpos / ypos / zpos
- camera_xtarget / ytarget / ztarget
- camera_followmouse

6. 三角代碼 ($[ti3d_sceneinject]) 提供哪些可用模組？
- 答:
- Controls: orbitcontrols, flycontrols, firstpersoncontrols, pointerlockcontrols, trackballcontrols
- Loaders: gltfloader, objloader, fbxloader, textureloader, cubetextureloader, dracoloader, rgbeloader
- Post-Processing: effectcomposer, renderpass, unrealbloompass, shaderpass, ssaopass
- Shaders: fxaashader, copyshader, luminosityshader, sobeloperatorshader
- Geometry: boxlinegeometry, convexgeometry, parametricgeometry, teapotgeometry
- Helpers: gridhelper, axeshelper, camerahelper, directionallighthelper
- Misc: animationmixer, gui

原文外掛簡介

Three Importer allows users to insert custom ThreeJS scenes which can be implemented via Block editor, shortcode, or custom script injection. This allows people with little-to-no coding experience to well-seasoned developers to create beautiful, 3D scenes with full control over the settings.
Block Support
Three Importer has full support with the official WordPress Block Editor. Simply type and select “/Three Importer” in your page editor and you’ll see the 3D render notice for the public view.
Shortcode Support
Three Importer allows the exact same functionality from blocks within the [ti3d_scene] shortcode. Developers can also use the [ti3d_sceneinject] shortcode to call project-specific libraries from THREE and use them within custom scripts.
Shortcode Parameters
Geometry Settings

geometry : Type of 3D shape (default: box).
geometry_color : Hex color code (default: #000000).
geometry_material : Three.js material type (default: basic).
geometry_size : Scaling factor (default: 1).
geometry_xrotation / yrotation / zrotation : Initial rotation.
geometry_instancing : Enable instanced rendering (default: false).
geometry_instancingnum : Total instances (default: 50).
geometry_instancingspacing : Gap between instances (default: 1).
gltf_url : URL for external GLTF/GLB models.

Lighting Settings

light : Light source type (default: ambient).
light_color : Color of the light (default: #ffffff).
light_intensity : Brightness (default: 1).
light_xpos / ypos / zpos : Light coordinates (default: 0).
light_helper : Toggle visual position guide (default: false).

Camera Settings

camera_xpos / ypos / zpos : Camera coordinates.
camera_xtarget / ytarget / ztarget : Camera look-at target.
camera_followmouse : Enable mouse-tracking (default: false).

Particles & Scene

scene_background : Background color or transparency (default: none).
particle_amount : Total particles (default: 1000).
particle_size : Size of particles (default: 1).
particle_speed : Movement speed (default: 5).
particle_direction : Flow direction (default: right).
particle_color : Particle hex color (default: #000000).
particle_stretch : Motion stretch factor (default: 5).

Grid & Text

cubegrid_stretch : Grid stretch amount (default: 120).
cubegrid_spacing : Distance between grid cubes (default: 1).
cubegrid_material : Material for the grid (default: phong).
cubegrid_color : Grid hex color (default: #ffffff).
trid_text : String of text to render in 3D (default: TI).
trid_color : Color of 3D text (default: #ffffff).
trid_size : Depth/Size of 3D text (default: 1).

[ti3d_sceneinject] Available Modules

Controls: orbitcontrols, flycontrols, firstpersoncontrols, pointerlockcontrols, trackballcontrols
Loaders: gltfloader, objloader, fbxloader, textureloader, cubetextureloader, dracoloader, rgbeloader
Post-Processing: effectcomposer, renderpass, unrealbloompass, shaderpass, ssaopass
Shaders: fxaashader, copyshader, luminosityshader, sobeloperatorshader
Geometry: boxlinegeometry, convexgeometry, parametricgeometry, teapotgeometry
Helpers: gridhelper, axeshelper, camerahelper, directionallighthelper
Misc: animationmixer, gui

各版本下載點

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

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

1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | 1.0.5 | trunk |

延伸相關外掛（你可能也想知道）

  • Elements Hive for Breakdance 》Elements Hive for Breakdance 是一個 Breakdance 外掛，需要 Breakdance 才能運作。, 使用 Elements Hive 的獨特元素和擴展，強化你的 Breakdance 網站建構...。
  • Verge3D Publishing and E-Commerce 》Verge3D 是一個最友善藝術家的工具箱，用於創建交互式 WebGL 和沉浸式 AR/VR 經驗。該框架的特點包括頂級圖形，與您喜愛的建模套件的集成，可用於加載資產的...。
  • ThreeWP 》綜合介紹：ThreeWP 是一個 WordPress 外掛，將 Three.js 庫及其附加組件集成到您的 WordPress 網站中，使用自定義捆綁文件。這個設置讓您可以直接在您的 Word...。
  • ENOSI Embedder For Unity 》總結：這款WordPress外掛讓您能夠輕鬆展示Unity WebGL內容於您的網站上，只要點擊幾下即可。, , 1. 這個WordPress外掛的功能包括：, - 上傳並嵌入Unity We...。
  • Display WebGL Shader 》此外掛允許您顯示與 https://shadertoy.com 相容的 WebGL2 片段著色器。, 只需將您的片段著色器代碼複製並粘貼到編輯框中即可。, 此外掛使用 Brandon Jones ...。
  • CubeLaunch 》**總結:**, , CubeLaunch 提供了一個讓你嵌入由 WebGL 支援的互動式 3D 方塊和金字塔的解決方案，可以透過 Gutenberg block、簡碼或整個網站的「即將上線」疊...。
  • Sphere Manager 》外掛, , 可放置標籤：文字、圖片、HTML 代碼, 若要匯入圖片和影片，你必須先將它們上傳到 WordPress 的媒體庫中(也可以貼上 URL)。外掛程式將在你上傳到媒體...。
  • Jimmy Branding 》適合您網站的尺寸靈活的橫幅。用作您獨特的廣告牌！模板標籤、短碼和‘SENOR’ WebGL庫。, 功能, , 模板標籤，‘jimmy_branding_output’...。

文章
Filter
Mastodon