WP Manifestindependent plugin directory
manifest / media / nascor-3d-pro-viewer

Nascor 3D Pro Viewer

Description: Plugin de WordPress para la integración de objetos 3D con controles de interacción avanzados (Versión Direct-Module)

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/nascorestudiocreativo/nascor-3d-pro-viewer/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.

Un plugin ligero y optimizado para WordPress que permite la integración de modelos 3D interactivos en cualquier página mediante el uso del web component <model-viewer> de Google.

🚀 Características Principales

  • Carga Condicional (Performance): El script principal de <model-viewer> (type="module") solo se inyecta en el footer si se detecta que el shortcode está siendo utilizado en la página actual, evitando tiempos de carga innecesarios en el resto del sitio.
  • Altamente Personalizable: Permite ajustar la intensidad de las sombras, la exposición, la imagen de entorno y los controles de cámara mediante parámetros del shortcode.
  • Responsive por defecto: El contenedor 3D se adapta al 100% del ancho disponible de su contenedor padre.

🛠️ Instalación

  1. Descarga el repositorio como un archivo .zip.
  2. En tu panel de administración de WordPress, ve a Plugins > Añadir nuevo > Subir plugin.
  3. Sube el archivo .zip y haz clic en Instalar ahora.
  4. Activa el plugin Nascor 3D Pro Viewer.

💻 Uso del Shortcode

Puedes renderizar tu modelo 3D en cualquier entrada o página pegando el shortcode [nascor_3d] y configurando sus atributos.

Ejemplo de uso:


[nascor_3d src="[https://tusitio.com/modelo.glb](https://tusitio.com/modelo.glb)" poster="[https://tusitio.com/imagen.jpg](https://tusitio.com/imagen.jpg)" auto_rotate="true" height="600px"]