內容簡介
**外掛總結:** Code 3 讓您能夠使用簡單的短代碼將多個物件、互動式 3D 場景嵌入您的 WordPress 網站中。
#### 問題與解答:
1. Code 3 是用來做什麼的？
- Code 3 讓您能夠使用簡單的短代碼在 WordPress 網站中嵌入多個物件、互動式 3D 場景。
2. Code 3 對哪些人群來說是理想的工具？
- Code 3 對開發者、設計師和數位創意人員是理想的工具，他們想要創建引人入勝的 3D 網頁體驗，而不必將它們硬編碼到模板中。
3. Code 3 提供了哪些功能？
- 上傳多個 GLB 模型到場景中，並更改它們的變換 (位置、旋轉、比例)。
- 將來自媒體庫的圖像添加為場景中的物件 (完全可變形)。
- 透過短代碼嵌入 3D 場景。
- 滑鼠移動和滾動互動。
- 在正交和等距攝影機之間切換。
- 為特定斷點構建獨立組合。
4. 使用 Code 3 的工作流程是怎樣的？
- 點擊「新增場景」後，您可以通過上傳 GLB 到媒體庫來添加模型。
- 您可以在場景編輯器中更改所有物件的位置/旋轉/比例。
- 您可以更改全局設置，如光線強度和滾動/滑鼠互動。
- 在希望顯示的任何地方放置短代碼。
5. Code 3 的短代碼範例是怎樣的？
- [codes_scene id="39"]
- 默認情況下，寬度將是放置短代碼容器的 100%，高度為 500px。
- [codes_scene id="39" width="500px" height="30vh"]
- 設置短代碼的自定高度和寬度，接受所有 CSS 尺寸測量。
外掛標籤
開發者團隊
原文外掛簡介
Code 3 lets you embed multi-object, interactive 3D scenes into your WordPress site using a simple shortcode.
Live Demo – Multiple Scenes
Ideal for developers, designers, and digital creatives who want to create engaging 3D web experiences — without hardcoding them into templates.
Features
Upload multiple GLB models to a scene and change their transforms (position, rotation, scale)
Add images from media library as objects in the scene (fully transformable)
Embed 3D scenes via shortcode
Mousemove and scroll interaction
Switch between Orthographic and Isometric camera
Build a seperate composition for a defined breakpoint
How It Works
After clicking Add New Scene, you can add models by uploading GLB to the media library
You can change all objects position/rotation/scale in the scene editor
You change global settings like light intensity and scroll/mouse interaction
Place the shortcode anywhere you want it to display
Shortcode Examples
[codes_scene id="39"]
By default the width will be 100% of the container the shortcode is placed and the height will be 500px
[codes_scene id="39" width="500px" height="30vh"]
Set custom height and width of the shortcode, accepts all CSS measurements.
