WordPress + Brizy + Canva: Conviértete en diseñador web!

Name: WordPress + Brizy + Canva: Conviértete en diseñador web!
Rating: 4.8 (265 reviews)

Herramientas modernas como Brizy hacen que convertirse en Diseñador web en poco tiempo sea posible.

Created byFabián Karaben

Last updated 2/2019

Spanish

What you'll learn

Aprenderás WordPress y diseño de páginas web desde cero.
Aprenderás a utilizar Brizy para crear diseños increíbles en WordPress.
Aprenderás conceptos relacionados a los sitios web como "Web hosting" o "Dominio web", y cómo utilizarlos.
Aprenderás a obtener imágenes de uso libre y en alta definición como material para los diseños.
Aprenderás a crear atractivos diseños de imágenes en Canva para utilizarlos en Brizy.
Aprenderás a optimizar un sitio web en WordPress para que siempre funcione con fluidez.

Course content

15 sections • 70 lectures • 6h 24m total length

¿De qué se trata este curso?4:23
En esta clase analizamos el panorama de trabajo de un diseñador web y la razón de ser de Brizy.
Un tour por la demo de Brizy4:16
En esta clase vemos una introducción a Brizy a través de su demo online, y explico qué son lo bloques, cómo añadir bloques a una página y también muestro una revisión rápida de la interfaz del editor de Brizy.

¿Qué es web hosting y qué es un nombre de dominio web?2:38
En esta clase vemos la definición de Web Hosting (alojamiento web) y Dominio web, conceptos que son necesarios de entender para las siguientes clases del curso.
Obtener hosting gratuito para practicar con Brizy6:06
En esta clase vemos cómo obtener una cuenta de web hosting gratis por un mes para realizar las prácticas del curso, y finalizo explicando la diferencia entre trabajar en una instalación local de WordPress y trabajar de forma remota.
Seguridad Wordpress en web hosting4:04
En esta clase hablo sobre seguridad en servicios de web hosting para WordPress, la importancia de la seguridad y los puntos a tener en cuenta para asegurar la estabilidad de nuestros sitios web.
Un tour por WHMCS y por cPanel5:43
Este es un tour por WHMCS (Área de clientes) y cPanel (Gestión funcionalidades de web hosting), una dupla de sistemas con los que te vas a encontrar en la mayoría de las empresas de web hosting que utilices.
Pruébate

¿Qué es WordPress?1:56
En esta clase expongo algunos datos interesantes solo qué es WordPress, la herramienta base de todo el curso, junto con Brizy.
Instalar WordPress con Softaculous8:24
En esta clase vemos cómo instalar WordPress en un servicio de web hosting que cuente con cPanel y Softaculous, lo sencillo que es hacerlo y también instalo algunos de los plugins esenciales que considero que todo sitio web en WordPress debe tener.
Un tour por las características básicas de WordPress9:20
Esta clase es para estudiantes que no estén familiarizados para nada con los aspectos básicos de WordPress. Se exponen las diferencias entere Páginas y Entradas, y las secciones Medios, Comentarios, Apariencia, Widgets, Menús y Plugins.
Pruébate

Instalar el plugin de Brizy Pro2:46
En esta clase vemos cómo instalar Brizy y cómo añadir Brizy Pro.
Propiedades de los bloques9:21
En esta clase vemos la mayoría de las opciones para personalizar el comportamiento y estilo de los bloques de Brizy, las demás opciones, las que no están en este video es porque son opciones importantes que tienen sus propios videos.
Bloques guardados y bloques globales4:43
En esta clase vamos a ver cómo guardar un bloque para poder insertar una copia idéntica de ese bloque en otro editor de Brizy. También vamos a ver cómo mantener bloques sincronizados entre diferentes editores de Brizy, lo que se conoce como “Bloques globales”.
Vistas Desktop, Tablet y Mobile6:42
En este video vemos cómo utilizar las tres vistas, la vista Desktop, la vista Tablet y la vista Mobile para conseguir que nuestros diseños se vean bien en todos los dispositivos y tamaños de pantalla.
Pruébate

Plantillas de Brizy y Contenido dinámico6:37
En esta clase vemos cómo crear diseños de Brizy que se puedan utilizar en múltiples contenidos dentro del sitio web, y esto se logra utilizando las plantillas de Brizy.
Popup builder4:10
En esta clase vemos cómo lanzar popups o ventanas emergentes y cómo configurar sus opciones. También se muestra cómo se visualiza un popup en las vistas Tablet y Mobile.
Divisores con formas entre bloques3:03
En esta clase vemos cómo colocar atractivas formas entre un bloque y otro, esto se consigue con los Shape Dividers de Brizy.
Animaciones de entrada1:39
En esta clase vemos cómo lograr que los elementos de Brizy aparezcan usando un efecto de animación.
Pruébate

Elemento Text5:33
En esta clase vemos el elemento Text, cómo utilizar las tipografías predefinidas y cómo dar diferentes estilos al los párrafos dentro de un mismo elemento Text.
Elemento Button3:36
En esta clase vemos el elemento Button, las opciones que presenta para configurar su estilo y su comportamiento.
Elemento Icon1:45
En esta clase vemos el elemento Icon y lo similar que es al elemento Button.
Elemento Image2:27
En esta clase vemos el elemento Image para insertar imágenes en nuestros diseños y analizamos sus opciones entre las que incluso se puede realizar ajustes de Matiz, Saturación, Brillo y Contraste.
Elemento Video3:01
En esta clase vemos el elemento Video de Brizy, insertamos dos videos, uno desde YouTube y otro desde Vimeo y configuramos una imagen de cover para uno de ellos.
Elementos Spacer y Line2:09
En esta clase vemos los elementos Spacer y Line, dos elementos muy sencillos pero no menos importantes.
Elemento Map2:08
En esta clase vemos el elemento Map que nos permite insertar mapas interactivos de Google Maps en nuestros diseños.
Elemento Embed2:44
En esta clase vemos el elemento Embed el cual permite insertar fragmentos de otros sitios web en nuestros diseños o bien un fragmento de código HTML personalizado.
Elemento Form9:51
En esta clase vemos el elemento Form el cual permite crear formularios de forma muy sencilla. También vemos cómo configurar un formulario y dejarlo funcionando.
Elemento Icon Box4:00
En esta clase vemos este curioso elemento, el elemento Icon Box el cual es simplemente la combinación de un elemento Icon, un elemento Text y un elemento Button todo en uno.
Elemento SndCloud (SoundCloud)1:17
En esta clase vemos el elemento SndCloud el cual permite insertar reproductores de SoundCloud en nuestros diseños.
Elementos Counter y Countdown3:17
En esta clase vemos los elementos Counter y Countdown que nos permiten presentar datos con atractivas animaciones, en el caso del primero una cantidad y en el caso del segundo una fecha y hora en cuenta regresiva.
Elementos Tabs y Accordion1:52
En esta clase vemos los elementos Tabs y Accordion, dos elementos que nos ayudan a estructurar mejor el contenido de nuestros diseños.
Elemento Progress1:30
En esta clase vemos el elemento Progress el cual es muy útil para presentar datos de avances.
Elementos Column y Row3:39
En esta clase vemos los elementos Column y Row que se utilizan para organizar otros elementos en columnas y filas.
Elemento Sidebar1:48
En esta clase vemos como utilizar el elemento Sidebar para aprevechar los Sidebars de WordPress, esos espacios donde podemos agregar Widgets.
Elemento Shortcode4:42
En esta clase vemos el elemento Shortcode, el cual permite insertar todo tipo de shortcodes para expandir las funcionalidades de Brizy.
Elemento Menu3:47
En esta clase vemos el elemento Menu de Brizy el cual nos permite insertar menús de WordPress directamente en nuestros diseños.
Elemento Gallery2:04
En esta clase vemos el elemento Gallery el cual nos permite exponer un conjunto de imágenes de una forma muy elegante.
Elemento Carousel6:05
En esta clase vemos el elemento Carousel el cual permite colocar columnas de contenido en forma de slider.
Elementos Posts y Archives8:08
En esta clase vemos los elementos Posts y Archives los cuales son dos elementos muy similares y ambos permiten crear una lista de publicaciones de algún tipo de contenido.
Pruébate

Obtener imágenes para nuestros diseños3:20
En esta clase vemos cuatro sitios web que son valiosos recursos para descargar imágenes en alta definición y de uso libre para aprovecharlas en nuestros diseños.
Primer contacto con la interfaz de Canva2:14
En esta clase empezamos a analizar Canva, una genial herramienta para crear diseños en imágenes.
El editor de Canva9:46
En esta clase analizamos todas las posibilidades que brinda el editor de Canva en su versión gratuita.
Ventajas de la versión paga de Canva4:09
En esta clase vemos las funcionalidades y materiales extras que aporta Canva for Work, la versión paga de Canva.

Contenido dinámico con Pods18:50
En esta clase vemos el plugin Pods que junto con Brizy nos permiten crear contenido dinámico personalizado y añadirlo nuestros diseños muy fácilmente.
Contenido dinámico con ACF7:52
En esta clase vamos a analizar el plugin Advanced Custom Field (ACF) el cual en conjunto con Brizy permite añadir campos personalizados a nuestros diseños.
Contenido dinámico con Toolset11:13
En esta clase vemos el plugin Toolset, una alternativa muy similar a Pods pero con la diferencia de que es un plugin de pago con una empresa detrás que brinda soporte técnico y en caso de que eso sea importante para vos, este será tu plugin de preferencia.
Pruébate

Optimizar la carga de nuestras páginas con Cloudflare13:39
En esta clase vemos cómo aprovechar las ventajas del CDN global de Cloudflare.
Limitar revisiones guardadas en WordPress4:07
En esta clase vemos cómo limitar las revisiones que genera WordPress para evitar que al guardar los cambios desde el editor de Brizy tengamos que esperar mucho tiempo.
Optimizar la carga de imágenes2:22
En esta clase muestro cómo funciona la optimización automática de imágenes de Brizy.
Optimizar la carga del sitio web con caché y compresión2:48
En esta clase vemos los últimos tips sobre optimización del sitio web los cuales consisten en habilitar la memoria caché del plugin WP Super Cache y activar la compresión de archivos en la cuenta de web hosting.
Pruébate

Requirements

Solo se requiere saber utilizar el navegador web.
Para el 99% del curso no se necesitan conocimientos sobre HTML y CSS.
No se requieren conocimientos sobre diseño gráfico.

Description

Hola y bienvenido o bienvenida a este curso en donde vas aprender todos los conceptos para convertirte en un diseñador web moderno, y donde también vas a realizar las prácticas necesarias para terminar el curso en condiciones de empezar a trabajar.

Si bien el contenido de este curso está pensado para que como diseñador web inviertas en la versión Pro de Brizy, si preferís utilizar solo su versión Free, este curso también te va a servir pero no vas a poder utilizar algunas funcionalidades.

De todas formas como lo vamos a ver más a fondo en uno de los vídeos, el costo de inversión de Brizy Pro se puede cubrir con el primer sitio web que vendas.

Cubriremos todos los conceptos y ejercicios prácticos, desde la utilización de la demo de Brizy hasta la creación de un sitio web de prueba gratuito en CloudHeader, para que practiques lo aprendido montando un sitio web real con cero inversión extra.

También te vamos a explicar algunos conceptos extras como “¿Qué es web hosting?”, “¿Qué es un nombre de dominio web?”. Incluso tocaremos una genial herramienta, también gratuita, que te va a ayudar a generar y editar las imágenes para utilizarlas en tu página web, hablo de la herramienta Canva.

Brizy actualmente está dando sus primeros paso, por lo que este curso se irá actualizando semanalmente con cada nueva funcionalidad que el equipo de Brizy añada.

Al final del curso vas a ser capaz de crear sitios web completos en solo algunas horas, o un par de días en el caso de sitios web más grandes, montarlos en un servicio de web hosting y optimizarlos.

Who this course is for:

Cualquier persona que desee iniciar un negocio de diseño de páginas web con herramientas modernas.
Cualquier persona que prefiera realizar él mismo sus páginas web.
Personas que ya trabajan en diseño web pero que necesiten aprender a utilizar herramientas modernas para no perder competitividad.

WordPress + Brizy + Canva: Conviértete en diseñador web!

What you'll learn

Explore related topics

Course content

Introducción al curso2 lectures • 9min

Entendiendo al servicio de web hosting4 lectures • 19min

Conceptos básicos sobre WordPress3 lectures • 20min

Conceptos básicos de Brizy4 lectures • 24min

Características de Brizy4 lectures • 15min

Elementos de Brizy21 lectures • 1hr 15min

Estilos en Brizy2 lectures • 10min

Canva y otros recursos4 lectures • 19min

Más características de Brizy3 lectures • 38min

Optimizaciones4 lectures • 23min

Requirements

Description

Who this course is for: