TUTORIAL DIVI 2018: Crea una página web desde cero sin programar con WordPress y Divi
Aprende a diseñar una página web tipo one page totalmente responsive, en español, desde cero y gratis con WordPress + Divi.
🔥 Consigue 20% de descuento (por tiempo limitado) en Elegant Themes: http://bit.ly/2HlLVeI
Si deseas ver el tutorial fragmentado, puedes verlo en Udemy: http://bit.ly/2k6xz3T
Enlace a la demo de Muse: http://bit.ly/2mQW1Gn
Enlace a la demo de DIVI: http://bit.ly/2qLFjvM
Descarga la carpeta de archivos: https://gum.co/fEgE
Enlace a Elegant Themes: http://bit.ly/2F7XW1i
Enlace a Local By Flywheel: https://local.getflywheel.com/
I. INTRODUCCIÓN
1. Bienvenida [0:06]
2. Conociendo DIVI y WordPress [0:06]
3. Conociendo el proyecto [1:37]
4. Descargando archivos [4:26]
II. CONFIGURANDO ENTORNO DE DESARROLLO LOCAL
1. Instalando Local By Flywheel [5:47]
2. Conociendo Local By Flywheel [8:13]
3. Familiarizándonos con el panel de WordPress [13:32]
III. CONFIGURACIÓN Y PRIMEROS PASOS CON DIVI
1. Instalando el tema DIVI [18:14]
2. Configurando DIVI para nuestro proyecto [19:47]
2.1 Configurando el personalizador de temas [23:32]
3. Creando la página de Inicio [31:48]
4. Asignando página principal y página de entradas en WordPress [32:39]
5. Agregando el menú principal [33:47]
IV. DISEÑANDO ONE PAGE
1. Habilitando el constructor visual de Divi [37:12]
2. Entendiendo el uso de secciones, filas y módulos de Divi [38:24]
3. Diseñando la sección header [39:47]
4. Diseñando la sección sobre mí [49:43]
5. Diseñando la sección servicios [58:31]
6. Diseñando la sección portafolio [1:05:03]
7. Diseñando la sección testimonios [1:11:11]
8. Diseñando la sección contacto [1:17:17]
9. Diseñando la sección footer [1:22:13]
V. AJUSTES AVANZADOS
1. Fijando el menú en la parte inferior [1:28:04]
2. Activando scroll a los enlaces del menú [1:37:25]
3. Cambiando el color de fondo de vista previa de la galería [1:45:03]
4. Efecto cortina al pie de página [1:46:18]
5. Cambiando el color del texto subrayado [1:48:47]
VI. EFECTOS DE ANIMACIÓN
1. Animando elementos del header [1:50:27]
2. Animando los títulos de cada sección [1:52:41]
VII. ÚLTIMOS AJUSTES
1. Enlazando iconos de redes sociales [1:55:49]
2. Mostrando botón para volver arriba [1:56:10]
VIII. CONCLUSIÓN
1. Conclusión del tutorial [1:58:42]
—————————————
RECOMENDACIONES
—————————————
Hosting y dominio:
Banahosting: http://bit.ly/2mpjlP2
Hospedando: http://bit.ly/2mplDOi
————————
S Í G U E M E
————————
Facebook: https://www.facebook.com/ovdivi
Grupo de FB: https://www.facebook.com/groups/ovdivi/
Instagram: https://www.instagram.com/ovdivi/
Web: http://ovdivi.com/
—————————
P E R S O N A L
—————————
Twitter: https://twitter.com/oscarviedmaweb
Web: https://oscarviedma.com/
Видео TUTORIAL DIVI 2018: Crea una página web desde cero sin programar con WordPress y Divi канала OV DIVI
🔥 Consigue 20% de descuento (por tiempo limitado) en Elegant Themes: http://bit.ly/2HlLVeI
Si deseas ver el tutorial fragmentado, puedes verlo en Udemy: http://bit.ly/2k6xz3T
Enlace a la demo de Muse: http://bit.ly/2mQW1Gn
Enlace a la demo de DIVI: http://bit.ly/2qLFjvM
Descarga la carpeta de archivos: https://gum.co/fEgE
Enlace a Elegant Themes: http://bit.ly/2F7XW1i
Enlace a Local By Flywheel: https://local.getflywheel.com/
I. INTRODUCCIÓN
1. Bienvenida [0:06]
2. Conociendo DIVI y WordPress [0:06]
3. Conociendo el proyecto [1:37]
4. Descargando archivos [4:26]
II. CONFIGURANDO ENTORNO DE DESARROLLO LOCAL
1. Instalando Local By Flywheel [5:47]
2. Conociendo Local By Flywheel [8:13]
3. Familiarizándonos con el panel de WordPress [13:32]
III. CONFIGURACIÓN Y PRIMEROS PASOS CON DIVI
1. Instalando el tema DIVI [18:14]
2. Configurando DIVI para nuestro proyecto [19:47]
2.1 Configurando el personalizador de temas [23:32]
3. Creando la página de Inicio [31:48]
4. Asignando página principal y página de entradas en WordPress [32:39]
5. Agregando el menú principal [33:47]
IV. DISEÑANDO ONE PAGE
1. Habilitando el constructor visual de Divi [37:12]
2. Entendiendo el uso de secciones, filas y módulos de Divi [38:24]
3. Diseñando la sección header [39:47]
4. Diseñando la sección sobre mí [49:43]
5. Diseñando la sección servicios [58:31]
6. Diseñando la sección portafolio [1:05:03]
7. Diseñando la sección testimonios [1:11:11]
8. Diseñando la sección contacto [1:17:17]
9. Diseñando la sección footer [1:22:13]
V. AJUSTES AVANZADOS
1. Fijando el menú en la parte inferior [1:28:04]
2. Activando scroll a los enlaces del menú [1:37:25]
3. Cambiando el color de fondo de vista previa de la galería [1:45:03]
4. Efecto cortina al pie de página [1:46:18]
5. Cambiando el color del texto subrayado [1:48:47]
VI. EFECTOS DE ANIMACIÓN
1. Animando elementos del header [1:50:27]
2. Animando los títulos de cada sección [1:52:41]
VII. ÚLTIMOS AJUSTES
1. Enlazando iconos de redes sociales [1:55:49]
2. Mostrando botón para volver arriba [1:56:10]
VIII. CONCLUSIÓN
1. Conclusión del tutorial [1:58:42]
—————————————
RECOMENDACIONES
—————————————
Hosting y dominio:
Banahosting: http://bit.ly/2mpjlP2
Hospedando: http://bit.ly/2mplDOi
————————
S Í G U E M E
————————
Facebook: https://www.facebook.com/ovdivi
Grupo de FB: https://www.facebook.com/groups/ovdivi/
Instagram: https://www.instagram.com/ovdivi/
Web: http://ovdivi.com/
—————————
P E R S O N A L
—————————
Twitter: https://twitter.com/oscarviedmaweb
Web: https://oscarviedma.com/
Видео TUTORIAL DIVI 2018: Crea una página web desde cero sin programar con WordPress y Divi канала OV DIVI
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Tutorial DIVI en ESPAÑOL (2021): Como Crear una Página WEB de WordPress (Completo) [+CUPONES DTO.]Tutorial Divi Machine en español: Crea sitios web dinámicos con divi y advanced custom fieldsDiseña tu portafolio web con WordPress y Divi - Curso en español gratisCrear un menú fijo con el divi theme builder que cambie o reduzca su tamaño al hacer scrollCómo promocionar una publicación con el administrador de anuncios de Facebook 2020 [EJEMPLO REAL]Divi Header Design | How to make a custom header in DiviDivi Hover – Cambiar la imagen de fondo de una sección al pasar el cursor sobre una columna.Desplazamiento vertical a pantalla completa con fullpage js y diviCómo Crear Una PÁGINA WEB para NEGOCIO Paso a Paso ▶︎ Profesional y Seguro ◀︎ Mejor Tutorial ✅🏅 Tutorial Divi en Español - Crea páginas web y tiendas en linea 【 2 en 1】🔥 Efectos y animacionesComplete woocommerce tutorial | Woocommerce DiviDivi builder tutorial 2020 - Getting started with Divi ThemeCómo crear un carrusel de testimonios o cualquier módulo en divi con slick.js sin pluginsTutorial optimizar divi: Acelerar y mejorar la velocidad de carga de sitio web creado con divi.Cómo Crear Una Pagina Web Con Wordpress Paso a Paso (2021) 👨🏻💻Polylang + Elementor: guía para tener un Wordpress multiidioma en tu web🖐️ como hacer tu pagina web con elementor 2021 - Wordpress #48 - tutorial / curso español🏅 Tutorial Basico Divi en Español ✅ Curso Mejor Builder WordPress ✅Uso de Disco de cPanel ¡controla el espacio ocupado!