Tutorial

Cómo incrustar una foto 360 en WordPress

¿Quieres integrar el mejor lector de fotos 360 en WordPress? En solo unos pocos pasos, aprende a integrar cualquier foto o imagen 360 en tu web.


Paso 1: Carga tus imágenes 360​​°

Comienza subiendo tus imágenes a panoraven:

Si quieres integrar más de una imagen en un solo reproductor (modo galería), puedes cargar varias a la vez. Si prefieres ver solo una imagen por lector, descarga las fotos una a una. Para obtener información, también puedes arrastrarlas y soltarlas.


Paso 2: Copia el código de inserción proporcionado

Una vez que se complete la descarga, tendrás acceso al reproductor 360​​°. Sobre el lector hay una serie de botones. El botón «código de integración» te permite copiar el código directamente al portapapeles. Simplemente haz clic en él.

copia el código de integración simplemente haciendo clic en este botón.

Paso 3: Crea el bloque correcto de WordPress

Estás en WordPress y más precisamente en el tablero para editar un artículo (o una página). Haz click en el botón + en la parte inferior derecha para crear un nuevo bloque. Es en este bloque donde se integrará el lector de 360º .

Comienza creando un nuevo bloque desde la pantalla de edición de WordPress

El bloque que nos interesa se llama «HTML personalizado» y se encuentra en el grupo «Widget». Para encontrarlo más rápido, alternativamente puedes escribir «HTML» en la barra de búsqueda. Luego haz clic para crear el bloque en cuestión.

Haz clic en el tipo de bloque «HTML custom»

Entonces deberías ver que el bloque aparece en la pantalla de edición, es un campo de texto que se debe completar con la instrucción «Escribir HTML ” como marca de agua, según muestra la imagen a continuación.

El bloque HTML personalizado ahora está creado

Paso 4: Inserta tu foto 360​​° en WordPress

Es en este bloque donde debes copiar el código de inserción de la imagen. Éste lo has conseguido en el paso 2. La siguiente imagen muestra cómo debería verse el código en cuestión:

Copia el código de inserción (Paso 2) en el bloque

Puedes dar a «Vista previa» (botón junto a HTML) para ver cómo se verá el código cuando se publique el artículo.

¡El reproductor 360 está integrado en tu web!

Y ahí lo tienes, acabas de integrar en wordpress, una foto 360 ° a través del más rápido y elegante de todos los lectores 360 ​​° ? Tutorial


Share