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.
33 - LOOP GRID Y LOOP ITEM
Una importante mejora que sienta las bases para poder personalizar listados y consultas, pero que de momento solo permite posts. Esperemos que mejore a futuro.