CURSO GRATIS de ELEMENTOR PRO COMPLETO - PASO A PASO - Tutoriales en Español

Si ya tienes una buena base de WordPress y WooCommerce pero deseas un mayor nivel de personalización del sitio web, Elementor PRO te permitirá diseñar cada elemento tal y como lo imagines. A lo largo del curso serás capaz de crear tu propia cabecera, pie de página, productos, tus propios tipos de post personalizado y hasta los listados de WooCommerce. Todo con el mejor constructor visual del mercado.

TEMARIO

Índice de contenidos

A quién va dirigido

¿A quién está dirigido el curso de Elementor PRO desde cero?

Este curso está dirigido tanto a freelance como agencias o cualquier persona que desee dotar de un diseño personalizado a su página web sin necesidad de aprender programación. Gracias a la interfaz amigable de Elementor PRO podrás crear un diseño a medida para todas las secciones y contenidos de la página web.

Requisitos

¿Hace falta algún conocimiento para poder realizar el curso de Tiendas Online en WooCommerce?

Conocimientos básicos de ofimática y procesadores de texto como Word o Google Docs y manejo de Windows a nivel usuario. En este curso partimos de cero. No necesitarás ningún conocimiento en programación o desarrollo. Eso sí, no te vendría nada mal, haber realizado anteriormente el curso de WordPress.

Descargas y material

1 - Instalación y Preparación para ELEMENTOR

Comenzamos el curso de Elementor PRO. El mejor constructor visual de sitios web. Y antes de ponernos manos a la obra, vamos a preparar nuestro WordPress con los plugins y el tema adecuado.

2 - Tipos de post PERSONALIZADOS (Custom Post Types)

Aprende a crear una estructura de contenidos totalmente personalizada. Hasta ahora conocías las entradas y las páginas. Pero a partir de esta lección, podrás crear cualquier cosa que imagines y por supuesto, más tarde, podrás diseñar su aspecto con Elementor PRO.

 

3 - Custom Taxonomies

Con esta lección aprenderás a agrupar tus custom post types en taxonomías o categorías totalmente personalizadas. Y por supuesto, más tarde, aprenderás a diseñar cómo se ven dichas taxonomías gracias a Elementor PRO.

4 - Campos PERSONALIZADOS (Custom Fields)

Aprende a crear campos personalizados para tus custom post types. Campos de tipo texto, número, select, opciones, radio, imagen.. Dota a tus posts de un contenido personalizado y más tarde utiliza Elementor PRO para poder llamar a esa información de forma dinámica.

5 - Ajustes GLOBALES de ESTILO y del SITIO

Lo primero que deberías aprender de Elementor PRO es que posee una configuración capaz de establecer una serie de estilos para que actuen sobre la web de forma general. De esta manera, a futuro, nos ahorraremos mucho tiempo no teniendo así que editar los estilos de widgets que ya han sido configurados por defecto con los ajustes globales y de estilo del sitio.

6 - CABECERA RESPONSIVE con menú sticky

Qué mejor forma de empezar a diseñar nuestra casa que el tejado. Creamos la cabecera de la web, aprendemos los primeros conceptos de maquetación como columnas o secciones, e insertamos un menú totalmente responsive y adaptable a tablets y móviles.

7 - COLOCACIÓN y ADAPTABILIDAD en Widgets

Utiliza opciones de posicionamiento y colocación de elementos para completar la cabecera y aprender como situar widgets de Elementor en línea o con ancho personalizado.

8 - Diseño de PLANTILLA de PÁGINA (SINGLE)

Diseña el aspecto de las páginas de tu sitio web gracias a el theme builder de Elementor PRO y los campos dinámicos.

9 - Diseño de PLANTILLA de ENTRADA (SINGLE BLOG)

Diseña el aspecto de una entrada del blog gracias a el theme builder de Elementor PRO y los campos dinámicos.

10 - PLANTILLA de EQUIPO (SINGLE CPT) con campos

Diseña el aspecto de un custom post type e incluye campos personalizados creados con Advanced Custom Fields dentro del diseño.

11 - Diseño PANTILLA PROYECTO (SINGLE CPT) con VÍDEO

Diseña el aspecto de un custom post type con campos personalizados y llama dinámicamente a un vídeo de YouTube.

12 - SERVICIOS con POSTS RELACIONADOS y FORMULARIO

Relaciona tipos de post para llamar a información desde otro lugar. En este caso llamaremos a proyectos desde una entrada del blog.

13 - PLANTILLA de PRODUCTO (SINGLE WOOCOMMERCE)

Diseña el aspecto de un producto de WooCommerce y utiliza los widgets de Elementor PRO preparados para ello como el precio, detalles, stock, etc.

14 - Diseño de PANTILLA de ARCHIVE

Diseña los listados generales de tu sitio web para que se apliquen tanto al blog como a taxonomías, categorías o terms.

15 - CAMPOS dinámicos en los ARCHIVE y CATEGORÍAS

Inserta campos personalizados en los archive y categorías para dotar a tu taxonomía de más contenido y mejorar el SEO.

16 - Diseño de ARCHIVE de PRODUCTOS de WooCommerce

Diseña el listado de productos tanto para la página de Tienda como para cualquiera de las categorías.

17 - Cómo ENLAZAR a los ARCHIVE CPT desde el menú

En esta explicación aprenderás a diferenciar un archive general de un term y enlazarás a cualquiera de los dos contenidos desde el menú de WordPress.

18 - PORTADA, Vídeo de fondo, Flipbox y más WIDGETS

Diseña la portada de la página web y aprende a utilizar widgets como el flipbox además de colocar un vídeo de fondo en la sección.

19 - IMÁGENES y GALERÍAS

Aprende los diferentes widgets que hay en Elementor PRO para controlar tanto imágenes individuales como galerías de fotos.

20 - Widgets GLOBALES y PLANTILLAS

Gracias a esta lección podrás reutilizar tus elementos, tanto widgets como secciones completas y de esta manera mejorar tu flujo de trabajo con Elementor PRO.

21 - PLANTILLAS de PIE / FOOTER y RESULTADOS

Diseña el pie de página de tu web, incluye un widget de sitemap y la plantilla que muestra los resultados de búsqueda.

22 - POPUPS dinámicos con ELEMENTOR

Crea ventanas emergentes y popups con Elementor PRO y establece las condiciones para que se ejecuten.

23 - CONTACTO con FORMULARIO y MAPA

Diseña la sección de contacto e incluye un formulario que envíe emails y guarde la información en la base de datos. Incluye además un mapa de localización.

24 - Botón de PAGAR con PAYPAL

Inserta un botón para pagos con PayPal totalmente configurable desde Elementor PRO y aprende como recibir pagos sencillos a través de tu página web.

25 - MÁSCARAS y RUTAS de TEXTO en SVG

Descubre cómo realizar 2 efectos muy interesantes que te permitirán colocar textos que sigan un trazado vectorial o elementos cuya opacidad se modifica a través de una máscara o forma SVG.

26 - ACORDEONES y CONMUTADORES con carga de plantillas

En esta lección aprenderás a crear contenidos extensibles o desplegables y que incluso alberguen plantillas previamente diseñadas en Elementor PRO.

27 - PLANTILLA de MODO MANTENIMIENTO o EN CONSTRUCCIÓN

Coloca una página de En contrucción o En mantenimiento mientras desarrollas tu web para que solo el administrador sea capaz de previsualizar el sitio completo.

28 - PLANTILLA de ERROR 404

Diseña la página de error 404 que se muestra a los visitantes que llegan una URL o contenido que no existe.

29 - FUENTES personalizadas o CUSTOM FONTS

Carga tus fuentes o tipografías preferidas dentro de Elementor PRO para poder utilizarlas en cualquier widget.

30 - BIBLIOTECA de ICONOS personalizados

Genera tu propia biblioteca de iconos personalizados tanto si los has creado en Illustrator o bien los has descargado de sitios como FlatIcon. Crea tu biblioteca y utilizalá en cualquier parte de tu sitio web.

31 - CÓDIGO PERSONALIZADO (por ejemplo Analytics

Aprende a insertar código en el head, footer o junto al body para poder incluir scripts o códigos de seguimiento de Google Analytics y otras plataformas.

32 - HERRAMIENTAS y EXPORTACIÓN

Repasa las herramientas y ajustes extra de Elementor PRO así como las opciones de exportación que te permitirán trasladar elementos de tu proyecto a otro sitio web.