Title: Three Importer
Author: callahancodes
Published: <strong>15 Şubat 2026</strong>
Last modified: 9 Nisan 2026

---

Eklentilerde ara

![](https://ps.w.org/three-importer/assets/banner-772x250.png?rev=3462090)

![](https://ps.w.org/three-importer/assets/icon-256x256.png?rev=3462090)

# Three Importer

 [callahancodes](https://profiles.wordpress.org/callahancodes/) tarafından

[İndir](https://downloads.wordpress.org/plugin/three-importer.1.1.1.zip)

 * [Detaylar](https://tr.wordpress.org/plugins/three-importer/#description)
 * [İncelemeler](https://tr.wordpress.org/plugins/three-importer/#reviews)
 *  [Kurulum](https://tr.wordpress.org/plugins/three-importer/#installation)
 * [Geliştirme](https://tr.wordpress.org/plugins/three-importer/#developers)

 [Destek](https://wordpress.org/support/plugin/three-importer/)

## Açıklama

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

## Ekran Görüntüleri

 * [[
 * Sample Page using Block
 * [[
 * Editor Page using Block
 * [[
 * Sample Page using [ti3d_scene] shortcode
 * [[
 * Editor Page using [ti3d_scene] shortcode
 * [[
 * Sample Page using [ti3d_sceneinject] shortcode
 * [[
 * Editor Page using [ti3d_sceneinject] shortcode

## Bloklar

Bu eklenti 1 blok sağlar.

 *   Three Importer Example block scaffolded with Create Block tool.

## Yükleme

 1. Download the ZIP folder from the repository.
 2. In your WordPress dashboard, go to Plugins > Add New > Upload Plugin.
 3. Select the ZIP folder and click Install Now.
 4. Activate the plugin.

## SSS

### Why cant I see my Geometry?

Check your Camera Position, Geometry Position, or Geometry Rotation. Ensure the 
camera position isn’t inside the mesh position.

### Why are multiple instances of THREE being imported?

This happens when using multiple TI implementations. Stick to using just blocks 
or either shortcodes on a single page (avoid mixmatching both TI blocks and TI shortcodes
on a single page). This warning shouldn’t break anything, as it’s just a warning,
but will slow that page’s loading speed.

### How can I use the custom scene inject function?

Place the shortcode `[ti3d_sceneinject module1 module2 ...]`, then add the TI id
to a div and your script in a Custom HTML block.

    ```
    [ti3d_sceneinject orbitcontrols axeshelper]
    ```

Example Script:

    ```
    <div class="three-importer-container" id="ti"></div>
    <script>
    document.addEventListener('three-modules-ready', () => {
        const scene = new THREE.Scene();
        const container = document.getElementById('ti');
        const width = container.clientWidth;
        const height = container.clientHeight;

        const camera = new THREE.PerspectiveCamera(75, width / height, 0.1, 1000);
        camera.position.z = 5;

        const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
        renderer.setSize(width, height);
        container.appendChild(renderer.domElement);

        const geometry = new THREE.BoxGeometry(2, 2, 2);
        const material = new THREE.MeshNormalMaterial();
        const cube = new THREE.Mesh(geometry, material);
        scene.add(cube);

        if (THREE.AxesHelper) {
            const axesHelper = new THREE.AxesHelper(3);
            scene.add(axesHelper);
        }

        let controls;
        if (THREE.OrbitControls) {
            controls = new THREE.OrbitControls(camera, renderer.domElement);
        }

        function animate() {
            requestAnimationFrame(animate);
            cube.rotation.x += 0.01;
            cube.rotation.y += 0.01;
            if (controls) controls.update();
            renderer.render(scene, camera);
        }

        animate();
    });
    </script>
    ```

## İncelemeler

Bu eklenti için herhangi bir değerlendirme bulunmuyor.

## Katkıda Bulunanlar ve Geliştiriciler

“Three Importer” açık kaynaklı yazılımdır. Aşağıdaki kişiler bu eklentiye katkıda
bulunmuşlardır.

Katkıda bulunanlar

 *   [ callahancodes ](https://profiles.wordpress.org/callahancodes/)

[“Three Importer” eklentisini dilinize çevirin.](https://translate.wordpress.org/projects/wp-plugins/three-importer)

### Geliştirmeyle ilgilenir misiniz?

[Kodu görüntüleyin](https://plugins.trac.wordpress.org/browser/three-importer/),
[SVN deposuna](https://plugins.svn.wordpress.org/three-importer/) göz atın ya da
[RSS](https://plugins.trac.wordpress.org/log/three-importer/?limit=100&mode=stop_on_copy&format=rss)
ile [geliştirme günlüğüne](https://plugins.trac.wordpress.org/log/three-importer/)
abone olun.

## Değişiklik Kaydı

#### 1.0.0

 * Initial Release.

#### 1.1.0

 * Added “None” geometry option for background-focused functionality. Removed non-
   essential settings when selected to improve UI.
 * Added orbitcontrols toggle (default = true).
 * Fixed item justification bug of horizontal-misalignment for block inner content.
 * Fixed TI Block height adjustment bug; was working in the page editor but not 
   the frontend (block previously stayed at default 400px height).
 * Changed geometry X/Y/Z rotation to float from int to support more specific rotation
   speeds.

#### 1.1.1

 * Added outline to TI Block in editor.
 * Fixed warning.js not showing warning in editor when TI Blocks are nested within
   each other.
 * Attempted fix at incorrect padding and full-width styling.

## Meta

 *  Sürüm **1.1.1**
 *  Son güncelleme **13 saat önce**
 *  Etkin kurulumlar **10dan fazla**
 *  WordPress sürümü ** 6.7 veya üstü **
 *  Test edilen sürüm **6.9.4**
 *  PHP sürümü ** 7.4 veya üstü **
 *  Dil
 * [English (US)](https://wordpress.org/plugins/three-importer/)
 * Etiketler
 * [3d](https://tr.wordpress.org/plugins/tags/3d/)[animation](https://tr.wordpress.org/plugins/tags/animation/)
   [graphics](https://tr.wordpress.org/plugins/tags/graphics/)[threejs](https://tr.wordpress.org/plugins/tags/threejs/)
   [webgl](https://tr.wordpress.org/plugins/tags/webgl/)
 *  [Gelişmiş görünüm](https://tr.wordpress.org/plugins/three-importer/advanced/)

## Puanlar

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/three-importer/reviews/#new-post)

[Tüm değerlendirmeleri görün](https://wordpress.org/support/plugin/three-importer/reviews/)

## Katkıda bulunanlar

 *   [ callahancodes ](https://profiles.wordpress.org/callahancodes/)

## Destek

Söyleyeceğiniz bir şey mi var? Yardım mı lazım?

 [Destek forumunu görüntüle](https://wordpress.org/support/plugin/three-importer/)