Curso WordPress + DIVI 3.0

En esta lección te explicamos ¿qué es un hosting y un dominio?, los distintos tipos de empresas donde contratar hosting y dominios.

En la versión PRO de este curso: se regala un año de Hosting y dominio para que no te compliques la vida al principio y puedas empezar cuánto antes a hacer tu web con WordPress.

¡Esta lección es mucho más fácil de lo que te imaginas!

Las empresas de Hosting se han puesto las pilas yrellenando un pequeño formulario instalamos WordPress en el servidor rápidamente y nos metemos de lleno a conocerlo.

Además verás como se hace en 2 empresas de hosting distintas para que le pierdas el miedo y tengas el Hosing que tengas, veas que siempre es lo mismo.

Y aprovechamos la jugada para enseñarte por encima (porque esto lo veremos con más detalle en cursos avanzados) como puedes hacer copias de seguridad de tu web en el hosting.

En esta lección te presentamos por encima el editor web que tendrás a tu disposición con WordPress.

Siguiendo con nuestra metáfora, te contamos rápidamente dónde están los pedales, el volante, la guantera… 😉

Aquí aprenderás las diferencias entre un post, que usará para crear artículos… y una página, más orientada a secciones estáticas de tu web, como por ejemplo la página de “Quiénes somos”, la de “Contacto”, etc.

Aquí verás cómo WordPress tiene un gran cajón donde podremos guardar todo lo que necesitemos. Desde imágenes y pdfs hasta música, vídeos…

Veremos también las opciones que tenemos para editar imágenes…

WordPress dispone de una sección donde poder administrar los comentarios que los usuarios de tu web hagan en tus artículos.

En esta lección lo analizamos punto por punto y como puedes configurarlo para que sea lo más cómodo para ti.

Esta es una parte de las más bonitas de WordPress, aquí daremos forma a nuestra web.

Veremos todas las opciones de las que dispone nuestro súper editor web para poner la web a nuestro gusto.

Un plugin en WordPress viene a ser como una APP en un Smartphone, es decir, una puerta de entrada que permite instalar casi cualquier cosa y le da un gran potencial a nuestro editor.

En esta lección entramos de lleno y explicamos todo lo que debes saber sobre los plugins!

Otra de las ventajas de WordPress es que si en nuestra web tienen que trabajar varias personas, de forma muy fácil podemos asignar distintos perfiles para que cada uno solo pueda cambiar aquello que queremos que cambie y así evitamos riesgos de que alguien sin querer pueda tocar lo que no debe.

Nuestro gestor web dispone de herramientas muy útiles como importar, exportar… que nos permitirán, por ejemplo, cargar los datos de la plantilla con la que vamos a trabajar para poder sustituir datos y tener nuestra web de forma sencilla!

WordPress nos permite hacer infinidad de ajustes,de lectura, de escritura, de los comentarios…

Los repasaremos uno por uno y os haremos un resumen de los más importantes para que cuándo empecéis con vuestra web no os volváis locos con tanto ajuste y vayáis al grano!

Hay que ser prácticos señores! 😉

Hay muchos aspectos importantes que nunca explican en otros cursos pero que son muy importantes para que diseñemos una buena web.

Como verás, el objetivo del curso no solo es que aprendas DIVI, sino que enamores a tus clientes con tu web. 😉

Tachan!!! Aquí instalamos lo que posiblemente es el mejor temas qde WordPress de la historia. El tema ideal para los que estáis empezando porque es muy facilito y súper flexible!!

¡Empieza lo bueno!

Aquí vamos a ver cosas interesantes que han implementado a partir de DIVI 2.5 como la posibilidad de deshacer y rehacer lo que hagamos, las múltiples utilidades que vamos a tener simplemente pulsando al botón derecho de nuestro ratón como bloquear elementos, deshabilitarlos, etc.

Incluso una joyita que va a ser poder previsualizar todo lo que hagamos y de una forma súper sencilla, ver como queda en ordenadores de sobremesa, tablets o móviles!

Aquí vamos a ver un tema muy importante para mantener tu web segura y evitar posibles sustos. Con este potentísimo editor vamos a poder habilitar o deshabilitar casi cualquier cosa para los distintos usuarios que trabajen en nuestra web.

Si hay varias personas editando, el administrador podrá decidir que puede tocar y qué no, cada una de ellas.

Una maravilla vamos!

La pestaña de DIVI tiene 4 subpestañas dónde vamos a poder configurar nuestra web en profundidad.

La primera es el epanel dónde podemos desde subir el logo, hasta optimizar la web para posicionamiento SEO y muchas otras cosas más que analizamos aquí.

Esta segunda subpestaña de la sección de DIVI es una auténtica obra maestra!

Nos va a permitir realizar ajustes que con otro tema habría que hacer si o si con CSS.

Vamos a poder configurar la cabecera, dar transparencias, diseñar botones, pie de página y miles de cosas más.

Simplemente excelente.

Esta tercera subpestaña de la sección de DIVI es un agozada.

DIVI, a diferencia de el 99% de los temas de WordPress incorpora su propio maquetador visual sin necesidad de instalar plugins externos.

Pues en esta sección vamos a poder hacer ajustes finos de cada uno de los módulos que añadimos en nuestras páginas, ya sean imágenes, textos, iconos, mapas, formularios, etc.

Si tengo que ser sincero, la biblioteca de DIVI fue posiblemente lo que más me enamoró. Es una maravilla!!!

Vais a poder importar y exportar todos los módulos o secciones que diseñéis tanto a otras páginas de vuestra misma web como a otras webs distintas. Y además cualquier configuración propia del tema como la cabecera, footer, etc.

El ahorro de tiempo que esto supone, es incalculable.

Aquí no solo veremos todo lo que tenemos que hacer para tener nuestra web bien preparada para posicionar en Google sino que también…

configuraremos un plugin imprescindible para evitar que nos entre spam (Akismet).

Aquí vamos a instalar unos plugins que os van a encantar:

Para comprimir las imagenes y mejorar muchísimo la optimización web a ojos de Google, para mejorar nuestro editor de textos, para duplicar páginas de forma rápida y ahorrar tiempo, para usar de forma fácil y rápida imágenes gratuitas y evitar problemas con derechos de autor, etc.

Aquí entramos ya de lleno a crear nuestra web y además de forma ordenada para no olvidarnos nada.

No se trata solo de hacer una web sino enamorar con nuestra web! 😉

Aquí vamos a crear nuestro estilo. 

Al definir los formatos y diseños vamos dando personalidad a nuestra web. Aquí vamos definiendo nuestra imagen de marca para destacar sobre la competencia.

¿De eso se trata no? 😉

Con cualquier otro tema que no sea DIVI, crear la cabecera sería un paso anodino y simple.

Con DIVI es poder diseñar obras de arte. El ajuste fino que nos va a permitir jugar con transparencias, colores, etc. hará que los límites realmente los ponga nuestra creatividad.

Una gozada.

Para tener una web bien armada vamos a crear un footer dinámico que le va a dar más empaque a nuestra web y la va a hacer más profesional.

Aquí veremos también cómo trabajar el footer estático y sus diferencias.

Esto es una auténtica pasada, en este video nos dedicamos a disfrutar de la maravilla que es el Constructor Visual donde podremos diseñar nuestras páginas de la manera más intuitiva posible. ¡Tal y como la vemos! Además con una velocidad increíble ya que no hace falta recargar la página ni actualizarla para ir viendo los cambios.

Así que tú eliges o la maquetación por bloques o la visual, las 2 son super completas y ultra rápidas, así que con la que te encuentres más cómodo.

Aprenderemos a ver que tipos de slider podemos incluir en nuestra web y como diseñarlo para enamorar con el maravilloso Constructor Visual.

Cuándo un usuario llega a nuestra web solo tenemos 5 segundos para conquistarle y que se quede. Aprenderemos a conseguirlo.

No basta con aprender a diseñar, es importante conocer las tendencias de diseño, estar a la última, ser la vanguardia.

Aquí vamos a ver la última tendencia web que consiste en tener una imagen que ocupa toda la pantalla y nos permite dejar con la boca abierta a nuestros clientes.

Si queremos enamorar, este es un buen camino. 😉

Aquí diseñamos, con el Constructor Visual, justo la parte de la pagina de inicio que queda por debajo de la imagen principal.

Aprenderemos un módulo maravilloso que nos permite añadir imágenes e iconos de forma sencilla.

Además añadiremos botones y aprenderemos a diseñarlos de forma súper fácil.

DIVI incorpora un módulo con el que de forma sencillísima vamos a poder añadir formularios.

Pero eso lo haría cualquiera, nosotros vamos a aprender a dar transparencias a los formularios y a crear efectos con ellos que os harán únicos por encima de vuestra competencia.

Aquí vamos a aprender muchas cositas importantes:

1. Creación dela cabecera que da título a la página
2. Guardarla en la biblioteca para usarla en otras páginas
3. Hacer diseños que enamoren
4. Añadir imágenes de calidad
5. Crear llamadas a la acción que animen a nuesros clientes a contactarnos…

Vamos a usar la página de servicios para aprender a crear efectos con imágenes que realmente impacten a nuestros clientes.

Como veis el objetivo no es solo aprender DIVI si no regalaros ideas y trucos para que, con DIVI, podáis diseñar páginas espectaculares.

También aprenderemos a añadir contadores animados que le dan mucha vida a la web.

Vamos a crear la página de clientes aprendiendo a:

1. Crear galerías de imágenes
2. Módulos de recomendaciones de clientes
3. Crear círculos animados

Aprenderemos a diseñar una página de clientes atractiva ya que posiblemente ayudará mucho a que nuestro cliente, tras pasar por ella, nos contacte, porque le hayamos generado confianza.

Esta página te será muy útil en tu web para mostrar a tus clientes tus trabajos y generar confianza (si son buenos claro, si no, no la hagas)

Vamos a usar la página de servicios para aprender a:

1. Crear proyectos o trabajos
2. Insertarlos en la página de nuestros trabajos
3. Hacer diseños atractivos y fuera de lo común
4. etc.

A la sección del blog vamos a darle especial importancia.

Vamos a verlo en tres vídeos. En este primero veremos como vamos a crear los artículos o noicias y veremos algo que no puede hacer nadie sin DIVI y que es, espectacular:

Vamos a crear megatítulos que le van a dar una imagen a los artículos nunca vista en otros blogs.

Maravillas de DIVI.

Aquí crearemos la página del blog propiamente dicha y veremos los distintos diseños que nos va a permitir configurar DIVI de forma fácil y los ajustes finos que podremos hacer nosotros para darle nuestro toque personal.

Esta parte es muy importante en todas las páginas ya que es la que facilitará a nuestros clientes a hacer lo que nosotros queramos:

Aquí podremos poner datos de contacto para que nos contacten de forma fácil, podremos poner publicidad o cualquier cosa que queramos.

Además DIVI nos permite hacerlo de distintas formas para que se adapte a lo que necesitamos.

Vamos a hacer aquí una página de contacto, con el Constructor Visual, potente ya que es el último paso para conseguir que los usuarios se conviertan en nuestros clientes.

Vamos a ver ideas de diseño atractivas y además vamos a aprender a usar el prestigioso plugin Contact Form 7 para añadir a los formularios, tantos campos como queramos.

También vamos a ver como añadir mapas de forma super sencilla con DIVI.

Esto va a revolucionar la forma de diseñar las páginas web. Así de claro!!

Vas a poder analizar qué colores, botones, imágenes… funcionan mejor y atraen a más clientes.

De forma muy sencilla vas a poder ir optimizando tu web hasta que elevar muchísimo el porcentaje de usuarios que se convierten en clientes.

Y ahora vamos a hacer un ajuste fino con el tema de posicionamiento en Google! Vamos a usar el Epanel de Elegant Themes para ajustar todas nuestras metatags, títulos, descripciones, etc y que a Google les sea más fácil encontrarnos.

En cursos avanzados de WordPress entraremos más a fondo en estos temas, pero aquí vamos a hacer un pequeño adelanto para tener la web a punto!

Tachán! Ya hemos acabado la web y somos grandes expertos en diseño web! Y posiblemente ya eres uno de los mayores especialistas en el tema DIVI!!

Enhorabuena!!!

Ahora vamos corriendo a decirselo a Google Verás que fácil es!!

Aquí aprenderemos cómo actualizar la versión de Divi tanto si habéis comprado la licencia de Elegant Themes como si no.