Realidad Virtual para WordPress, es un curso completo para añadir escenas de Realidad Virtual usando el Gestor de Contenido de WordPress. Para añadir escenas, vamos a usar la tecnología de Pannellum para crear todo tipo de recorrido virtual en tu sitio web. Este curso, te servirá para crear escenas de tu servicio o producto, y se puede adaptar a todo tipo de sitios web, y entornos.
Puedes crear recorridos virtuales de lugares turísticos, de tu hotel, de tu negocio local, o tal vez de tu producto; en realidad, para todo tipo de recorrido que deseas. Además, podrás crear recorridos o tours virtuales, y que estos se vean en tu sitio web, y que también se vean bien desde un smartphone.
Usaremos gutenberg para crear bloques, y que estos nos permiten añadir un recorrido en cualquier parte de un artículo de un sitio web. Y al terminar este curso, vamos a ver una demo, usando un casco de realidad virtual de Xiaomi, y veremos como queda. Y si piensas que solo puedes cargar recorrido virtuales usando fotografías de 360°, también podrás usar videos de 360°.
Herramientas que vamos a necesitar.
- WordPress 5+
- Sublime text, para editar código
- Fotografias 360°, estará disponible en el curso
- Conocimientos super básico de Javascript.
- CSS y HTML básico.
Palabras claves relacionadas: realidad virtual, vr, google vr.
Introducción al curso
Bienvenido al curso.
Descarga el Software de Sublime Text
Usa la versión 5 de WP con Bloques Gutenberg
Documentación oficial de Pannellum.
Conoce la documentación de Pannellum.
Añadiendo los CDN de Pannellum en tu sitio web de WordPress.
Bienvenido al Taller de Implementación.
¡Bienvenidos al Taller de VR!
Taller de Implementación de Recorridos Virtuales (Simple)
Taller de Implementación de Recorridos Virtuales (Intermedio)
Taller de Implementación de Recorridos Virtuales (Avanzado)
¡Bienvenido a la sección de la sección Avanzada de Pannellum!
Conociendo la sección de apariencia para añadir CSS
Añade CSS a tu sitio web de WordPress.
Añadir un Video de 360° con Pannellum y VideoJS
Usando Gutenberg WordPress para anidar recorridos
Creando recorridos con Gutenberg WP
Testeando los recorridos virtuales desde el movil
Testear los recorridos virtuales desde el móvil.
Testeando desde un Casco de Realidad Virtual XIAOMI
Integrando A-FRAME para adaptar nuestro panorama en un casco VR
Conociendo A-FRAME y su documentación.
Integrando los CDN de A-FRAME en WordPress.
Testeando el funcionamiento del Page Template.
Testeando la experiencia VR en tu movil y casco VR.
¡GRACIAS POR TERMINAR ESTE CURSO!
¡Gracias por terminar este curso!