Las técnicas que acabamos de esbozar responden a un proceso creciente de complejidad conceptual y técnica. En todo caso, la organización y metodología del curso parten de un conocimiento que este curso da por supuesto: el manejo básico de los bloques del editor de WordPress. A partir de este punto, el curso se irá adentrando progresivamente en terrenos desconocidos para la mayoría de los asistentes, pero que al mismo tiempo ofrecen un gran potencial de crecimiento y mejora.

Uso de los bloques nativos del editor de WordPress

El nuevo editor incorporado a la versión 5 de WordPress, denominado Gutenberg, no es un maquetador o diseñador de páginas en sentido estricto, pero lleva camino de serlo. En el momento de publicar este artículo, con WordPress en su versión 5.3.2, el editor ya cuenta con un buen número de bloques que permiten crear diseños muy funcionales y atractivos.

La primera sesión del curso la dedicaremos precisamente a realizar prácticas con varios bloques de gran impacto visual:

• Fondo.
• Espaciador.
• Medios y texto.
• Grupo.
• Columnas.
• Galería de imágenes.
• Botón.

Uso de colecciones de bloques adicionales

El editor de WordPress no solo puede trabajar con los bloques proporcionados por la propia aplicación, sino también con bloques creados por diversos plugins y temas, e incluso con bloques diseñados por los propios usuarios.

La aparición de la versión 5 de WordPress y su nuevo editor ha traído consigo una auténtica proliferación de plugins de colecciones de bloques, que aumentan, casi indefinidamente, las capacidades de diseño isual del editor. En la segunda y tercera sesión del curso trabajaremos con una de las colecciones de bloques más potentes y mejor valoradas, Atomic Blocks.

Uso de sistemas de maquetación visual

Un sistema de maquetación o diseño visual propiamente dicho no solo permite diseñar a voluntad entradas y páginas (que es el ámbito para el que ha sido programado el editor de WordPress y en el que se mueven la mayoría de plugins de colecciones de bloques), sino también modificar radicalmente la apariencia de todo un sitio web.

Mediante el uso de un sistema de maquetación visual completo, el diseñador de un sitio web no está limitado por las características del tema, ya que puede modificar enteramente aspectos como su estructura, paletas de colores, tipografía, menús, áreas de widgets, plantillas de artículos, etc.

Las sesiones cuarta y quinta del curso estarán dedicadas a trabajar con uno de estos sistemas de maquetación visual, formado por Elementor y Elementor Pro. El primero es un plugin gratuito que se puede descargar e instalar libremente desde el repositorio de plugins de WordPress; el segundo, en cambio, es un plugin de pago cuya licencia ha sido adquirida por el Departamento de Educación del Gobierno de Navarra para su uso en los sitios web de los centros educativos.

La entrada Tres técnicas para el diseño visual se publicó por primera vez en Curso de WordPress 2020.

Por qué hemos seleccionado Elementor y Elementor Pro

A la vista del espectacular desarrollo de los plugins constructores de páginas y de sus enormes posibilidades para el diseño web, en su momento el Departamento de Educación del Gobierno de Navarra se planteó la compra de un plugin que permitiera a los responsables de los sitios web de centros contar con una de estas potentísimas herramientas. Se optó entonces por seleccionar la pareja Elementor-Elementor Pro, debido a una serie de argumentos que ya expusimos en el artículo El plugin Elementor.

Qué relación hay entre Elementor y Elementor Pro

Elementor o, más propiamente, Elementor Page Builder, es un plugin gratuito, que puede descargarse libremente desde el repositorio oficial de plugins de WordPress. En cambio, Elementor Pro es un plugin de pago, que funciona como complemento o extensión del anterior. Elementor puede instalarse sin ningún requisito especial, y funciona por sí mismo en cualquier instalación de WordPress. Por el contrario, Elementor Pro no solo exige que ya esté instalado y activado el plugin Elementor, sino que además requiere que se haya adquirido la licencia con la cual se puede descargar el plugin y activar sus funcionalidades.

La licencia de Elementor Pro comprada por el Departamento de Educación del Gobierno de Navarra permite su instalación en todos los sitios web de centros educativos que estén interesados en él. Por tanto, a lo largo de este curso nosotros no distinguiremos entre las funcionalidades de uno y otro, dado que los consideramos una unidad funcional inseparable (de hecho, una vez instalados y activados ambos plugins, su integración mutua es perfecta). Cualquier mención de Elementor, por tanto, debe entenderse como referida a ambos plugins, salvo que indiquemos otra cosa.

Dicho esto, los alumnos y alumnas del curso deben tener muy en cuenta las siguientes observaciones:

• Las tareas que plantea esta cuarta sesión del curso se realizarán en los blogs de práctica solo con Elementor (es decir, sin Elemento Pro).
• Elementor Pro solo se activará en la quinta sesión del curso, y no en todos los sitios de práctica, sino en un sitio específico, en el que serán datos de alta todos los alumnos y alumnas del curso. Las condiciones de acceso a este sitio especial serán muy particulares, y se anunciarán oportunamente.

Cómo, cuándo y dónde se debe utilizar Elementor

Elementor es un constructor de páginas extraordinariamente potente, capaz de diseñar páginas web individuales, o un sitio web completo, sin ninguna de las restricciones que imponen los temas habituales. Esta capacidad lo convierte en una herramienta excepcional, que por tanto debe utilizarse en condiciones muy determinadas, sobre todo cuando sus usuarios, como ocurre en la inmensa mayoría de los centros educativos, son (o somos) amateurs con muy distinto grado de competencia. A continuación detallamos algunas recomendaciones de uso.

Qué se debe editar con Elementor

Aconsejamos utilizar Elementor solo para crear aquellos artículos que deban tener un diseño singular, destacado o excepcional. En la inmensa mayoría de los casos, resulta poco rentable utilizar Elementor para diseñar las entradas y páginas individuales normales.

Quién debe editar con Elementor

Elementor no debe ser utilizado por cualquier usuario, ni siquiera aquellos autorizados a editar y publicar por sí mismos. Nuestra recomendación es que solo lo utilice la persona que se encarga de la administración del sitio web, y siempre que cuente con los conocimientos y habilidades necesarios.

Elementor y el editor de WordPress

Elementor no permite intercambiar la edición de artículos con el editor de WordPress. Es decir, no se puede pasar de escribir o componer un artículo con Elementor a hacerlo con el editor de WordPress (ni viceversa). Por tanto, hay que planificar muy bien la arquitectura y la edición del sitio.

Sí es posible, en cambio, insertar elementos creados con Elementor tanto en el editor como en los widgets de WordPress. Para ello basta con guardar como plantillas los diseños creados son Elementor, cada uno de los cuales genera el correspondiente shortcode; posteriormente, el shortcode se pude copiar y pegar en el editor de WordPress. Una alternativa a esta técnica es utilizar el plugin Elementor Blocks for Gutenberg. mediante el cual es posible insertar cualquier plantilla creada con Elementor como un bloque.

Diseño global de un sitio con Elementor

En caso de que queramos utilizar Elementor para diseñar un sitio web completo, es necesario definir un tipo especial de plantillas globales que conforman lo que Elementor denomina “constructor de temas” (theme builder). Si el desarrollo del curso lo permite, veremos esta funcionalidad en la quinta sesión.

Por otro lado, es posible “graduar” la independencia de Elementor con respecto al tema utilizado en el sitio web. Esto quiere decir que podemos adoptar el diseño básico de un tema como base para trabajar con Elementor, o prescindir casi totalmente de dicho diseño. Ninguna de las dos alternativas es mejor que la otra; la elección de cualquiera de ellas debe hacer tras valorar las circunstancias del caso.

El futuro de Elementor y WordPress

En el momento de escribir este artículo, no está claro si Elementor va a seguir existiendo como un plugin (bueno, dos plugins, como ya hemos visto), o se va a transformar en un servicio online (un SaaS) u otro tipo de software. Por otro lado, el desarrollo del editor de WordPress es muy veloz, y cabe en lo posible que, en un tiempo relativamente corto, haga innecesarios plugins como Elementor, que tal vez solo tengan sentido para proyectos de diseño de muy alto nivel.

Por tanto, recomendamos a nuestros alumnos y alumnas que no se entusiasmen en exceso con las posibilidades de Elementor. En lugar de “poner todos los nuevos en la misma cesta” y elaborar un diseño muy dependiente de este plugin, les aconsejamos que limiten sus diseños al mínimo imprescindible para obtener los resultados funcionales y estéticos deseados.

La entrada Elementor y Elementor Pro se publicó por primera vez en Curso de WordPress 2020.

Widgets adicionales

La lista de widgets exclusivos de Elementor Pro es casi interminable, razón por la cual nos limitaremos a presentar aquí algunos de los más interesantes, que hemos ordenado alfabéticamente. Todos los widgets están enlazados con la documentación original del plugin (en inglés); además, aquellos widgets que hemos utilizado en la elaboración de este sitio web se identifican, y en algunos casos también se enlazan, con al menos una página que demuestra su uso.

1. Botones para compartir. Hemos utilizado este widget para crear la batería de iconos de compartir en redes sociales que aparece bajo el contenido de cada una de las entradas de este sitio web.
2. Cajas volteadas (flip boxes). Las cajas volteadas o flip boxes de la página principal de este sitio han sido creadas con este widget.
3. Carrusel de elementos multimedia.
4. Carrusel de testimonios.
5. Cuenta atrás. Este widget lo hemos utilizado en la página de Modo de mantenimiento, que solo estuvo visible durante la fase de construcción de este sitio web.
6. Diapositivas.
7. Formularios. El potentísimo widget de formularios de Elementor nos ha permitido crear el formulario de la página Contacto.
8. Llamada a la acción.
9. Portfolio.
10. Menu de navegación. La plantilla de cabecera global de este sitio incluye un widget de menú de navegación, que hemos utilizado para crear el menú del sitio.
11. Tabla de contenidos. El primer widget de la barra lateral de todas las entradas de este sitio web ha sido creado con este widget, mediante el cual se pueden generar tablas de contenidos a partir de los titulares insertados en los artículoS.
12. Titulares animados.

Widgets de contenido dinámico

Los widgets de contenido dinámico de Elementor Pro permiten crear plantillas globales aplicables a entradas, páginas, páginas de archivo, etc. Cuando, por ejemplo, se utiliza un widget dinámico de título de entrada en una plantilla, este elemento se sustituye, en cada una de las entradas del sitio, por el título de la entrada.

El plugin Elementor Pro dispone de una completa batería de widgets de contenido dinámico, muchos de los cuales hemos utilizado en la elaboración de las plantillas de entradas, páginas y páginas de archivo con las que hemos construido este sitio web:

• Entradas.
• Entradas de página de archivo.
• Mapa del sitio.
• Widgets de entradas individuales:
  • Título de entrada.
  • Metadatos de entrada.
  • Resumen de entrada.
  • Contenido de entrada.
  • Imagen destacada.
  • Formulario de búsqueda.
  • Caja de autor.
  • Comentarios de entrada.
  • Navegación por las entradas.
  • Migas de pan.

Constructor de temas

Una de las funcionalidades más interesantes de Elementor Pro es lo que se conoce como theme builder, o constructor de temas, mediante el cual se pueden construir temas completos, formados a su vez por distintos tipos de plantillas. Con esta funcionalidad es posible llevar el diseño de un sitio web a un nivel de personalización absoluto. De algunos aspectos de esta funcionalidad nos ocuparemos en el artículo sobre las plantillas de Elementor.

La biblioteca de plantillas

Una vez que se activa el plugin Elementor Pro y se conecta con una cuenta autorizada, el usuario ya tiene acceso completo a la biblioteca de plantillas, que no es otra cosa que un enorme repositorio de diseños de gran calidad, perfectamente estructurados y organizados, mediante los cuales se pueden crear sitios web muy elegantes en muy poco tiempo. Dada la importancia de esta funcionalidad, vamos a dedicarle un artículo específico en esta sesión.

Nuevas funcionalidades del plugin Elementor Pro

La reciente versión 2.9 de Elementor Pro ha incorporado tres nuevas funcionalidades que aumentan todavía más las ya excepcionales capacidades de este plugin con respecto al diseño global de un sitio web:

• Edición global de sitios web, mediante la cual se pueden diseñar todas las plantillas globales (de cabecera, de pie de página, de entrada, etc.) en una única operación.
• Colores dinámicos, que permiten crear rápidamente distintas variantes de un mismo diseño.
• CSS personalizado global, que sirve para definir estilos CSS globales que modifican la apariencia de todo un sitio web.

Estas nuevas funcionalidades complementan y mejoran la de estilos del tema, que se incorporó a la versión 2.9 de Elementor a principios del mes de febrero.

La entrada El plugin Elementor Pro se publicó por primera vez en Curso de WordPress 2020.

Widgets de la categoría Pro

Entradas

El widget de entradas permite mostrar un conjunto de entradas, bien en forma de lista, bien con disposición de cuadrícula o rejilla. Es uno de los,widgets más potentes y útiles de Elementor Pro, gracias a su gran cantidad de opciones de configuración y presentacion. El siguiente vídeo (este y todos los demás de esta página están en inglés) muestra cómo utilizarlo:

Portfolio

Parecido en concepto y diseño al widget de entradas, el de portfolio permite crear un elegante escaparate de trabajos, actividades o cualquier otro contenido que se pretenda destacar. También dispone de una gran batería de opciones de configuración y presentación, algunas de las cuales pueden verse en acción en el siguiente vídeo:

Galería de imágenes

El funcionamiento del widget de galería de imágenes es muy semejante al del bloque nativo de galería de imágenes de WordPress, con la diferencia de que este widget (que también existe enla versión gratuita de Elementor, aunque con funcionalidad limitada) dispone de una cantidad de opciones de configuración y presentación mucho mayor. En el siguiente vídeo podemos ver algunas de sus posibilidades:

Pase de diapositivas

El widget de pase de diapositivas permite crear impresionantes sliders o pases de diapositivas, que pueden configurarse de acuerdo con una amplia variedad de disposiciones y presentaciones. En el vídeo que incluimos bajo este párrafo se muestra su funcionamiento:

Formulario

El widget de formularios de Elementor Pro es completísimo, y por sí solo justificaría la adquisición de este plugin. Los formularios creados con Elementor Pro son sumamente flexibles y potentes, y se pueden integrar con muchas aplicaciones de terceras partes. Algunas de estas funcionalidades pueden verse en estos dos vídeos:

Titular animado

El widget de titular animado sirve para crear titulares muy vistosos y llamativos, gracias a la posibilidad de aplicarles diversos efectos de movimiento y animación. Algunos pueden verse en este vídeo:

Caja volteada

Las cajas volteadas o flip boxes sirven para mostrar contenido destacado, que se dispone en cajas dotadas de llamativos efectos de volteo, rotación, deslizamiento, etc. Elementor Pro proporciona muchas opciones distintas para configurar este widget, tal como muestra el siguiente vídeo:

Llamada a la acción

Con el widget de llamada a la acción se pueden crear elegantes y atractivos dispositivos cuyo objetivo es llamar la atención del visitante y animarle a realizar una acción previamente planificada. En el siguiente vídeo podemos ver su funcionamiento:

Carrusel de elementos multimedia

Como su nombre indica, este widget permite diseñar vistosos carruseles de elementos multimedia, que no solo pueden incluir imágenes, sino también vídeos. El widget dispone de gran cantidad de opciones que lo convierten en un recurso muy potente, tal como puede verse en el siguiente vídeo:

Carrusel de testimonios

El widget de carrusel de testimonios sirve para mostrar testimonios en una sucesión animada, semejante a los carruseles de imágenes o de vídeo. Algunas de las opciones de configuración y presentación de este widget aparecen en este vídeo:

Botones para compartir

Las clásicas baterías de botones para compartir artículos en las redes sociales se pueden crear muy fácilmente en Elementor Pro con este widget, que ofrece avanzadas opciones de configuración y presentación. En el vídeo que presentamos bajo estas líneas pueden verse algunas:

Menú de navegación

No hay ninguna duda de que el widget de menú de navegación de Elementor Pro es uno de los más útiles de este plugin, ya que permite crear menús de navegación, horizontales o verticales, en muy poco tiempo, a partir de los menús previamente creados con el sistema nativo de WordPress. Además, el widget cuenta con un conjunto muy nutrido de opciones de configuración y diseño, tal como podemos ver en este vídeo:

Citas

El widget de citas (blockquotes) de Elementor Pro permite crear elegantes y atractivos bloques de citas, que se pueden compartir en Twitter, y que se pueden personalizar con muchas opciones diferentes. Algunas están ilustradas en este vídeo:

Tabla de contenidos

El widget de tabla de contenidos de Elementor Pro sirve para crear tablas de contenidos de los artículos, que se generan automáticamente a partir de los titulares incluidos en ellos. Esta interesantísima herramienta cuenta con muchas opciones para seleccionar o excluir titulares, mostrarlos jerárquicamente, etc. En el vídeo que incluimos a continuación pueden verse alguna de sus posibilidades:

Plantilla

El widget de plantilla de Elementor Pro sirve para incrustar cualquier plantilla realizada con este plugin o con Elementor. Es una forma rápida, sencilla y muy efectiva de acceder a las plantillas definidas con estos plugins y poder reutilizarlas sin salir del editor de Elementor. En el vídeo que incluimos,a continuación se muestra cómo utilizar este widget y los demás mecanismos de incrustación de plantillas de los que disponen los plugins Elementor y Elementor Pro:

Otros widgets

Solo hemos comentado los widgets que nos parecen más útiles y aprovechables para la construcción de sitios web educativos, pero lo cierto es que en la categoría Pro hay todavía unos cuantos más:

• Inicio de sesión.
• Lista de precios.
• Tabla de precios.
• Cuenta atrás.
• Reseñas.
• Widgets de Facebook: botón, incrustación, página y comentarios.

Otras categorías de widgets de Elementor Pro

Para no alargar en exceso la exposición de los widgets exclusivos de Elementor Pro, hemos dedicado un artículo a los widgets de las categorías Sitio e Individual, ambas relacionadas con lo que Elementor Pro denomina constructor de temas (theme builder).

Prácticas con los widgets de Elementor Pro

En el artículo dedicado a las prácticas con Elementor Pro vamos a proponer un par de tareas relacionadas con los widgets de este plugin que hemos comentado aquí.

La entrada Los widgets de Elementor Pro se publicó por primera vez en Curso de WordPress 2020.

Widgets del constructor de temas

Los widgets del constructor de temas de Elementor Pro son bloques que cargan fragmentos de contenido dinámicos, correspondientes a los diversos elementos estructurales de los artículos y de los temas de WordPress, como vamos a ver a continuación.

Widgets de la categoría “sitio”

Todos los widgets de esta categoría permiten cargar parámetros importantes de la configuración de WordPress:

1. El widget de logotipo del sitio carga la imagen de logotipo del sitio, tal como haya sido definido en el personalizador de temas de WordPress.
2. Con el widget de título del sitio se puede incluir el título del sitio que haya sido establecido en la página de ajustes generales de WordPress.
3. El widget de título de página sirve para incluir el título de la página que ha sido asignado desde el editor de WordPress.
4. El widget de menú de navegación permite cargar cualquiera de los menús configurados en la página de menús de WordPress.
5. Gracias al widget de formulario de búsqueda es posible incluir un formulario estándar de búsqueda de WordPress.
6. Mediante el widget de mapa del sitio se puede añadir a cualquier artículo un completo mapa HTML del contenido del sitio web.
7. El widget de migas de pan (breadcrumbs) permite añadir a las páginas del sitio rutas de navegación, que son muy útiles para guiar a los visitantes y reforzar la coherencia interna del sitio web. Para que este. widget funcione correctamente, es imprescindible que esté instalado y activado el plugin Yoast SEO.

Widgets de la categoría “individual”

Todos los widgets de esta categoría comparten una funcionalidad común, ya que sirven para añadir dinámicamente los elementos constitutivos de un artículo, y por tanto permiten crear plantillas de artículos individuales. Estos widgets son los siguientes:

1. El título.
2. El resumen o extracto.
3. La imagen destacada.
4. La tabla de contenidos.
5. La caja de información sobre el autor.
6. Los comentarios del artículo.
7. La navegación por los artículos.
8. Los metadatos de los artículos.

Videotutoriales sobre el constructor de temas

El funcionamiento del constructor de temas y de los widgets que acabamos de ver es difícil de explicar sin la ayuda de referencias y demostraciones visuales. Afortunadamente, los responsables de la documentación de Elementor han publicado una serie de excelentes videotutoriales (todos ellos en inglés), que permiten comprender cómo se crean los elementos constitutivos de un tema: la cabecera, el pie de página, las plantillas de entradas, de páginas de archivo, de resultados de búsqueda y de página de error 404 (página no encontrada).

La entrada El constructor de temas de Elementor Pro se publicó por primera vez en Curso de WordPress 2020.

Una advertencia previa

Aunque nos hemos esforzado mucho en encontrar recursos de calidad en español, lo cierto es que una proporción abrumadora de los mejores y más actualizados recursos sobre Elementor y Elementor Pro están en inglés. Por tanto, resulta inevitable incluir materiales y recursos en la lengua de Shakespeare.

Documentación oficial de Elementor

La documentación oficial de Elementor (toda ella en inglés), muchas de cuyas páginas ya hemos citado en los artículos de esta sesión y de la anterior, es auténticamente enciclopédica. Por tanto conviene destacar algunos de los recursos más interesantes:

1. Recomendamos comenzar por la guía definitiva de uso del plugin, que contiene tres videotutoriales muy útiles, y por la sección Getting Started.
2. El canal oficial de Elementor en YouTube es impresionante. Pocos plugins del ecosistema de WordPress pueden rivalizar con este canal en la cantidad, calidad y variedad de sus vídeos.
3. La sección Website Tutorials, que enseña a crear sitios web de temática o propósitos específicos, está repleta de excelentes ideas. Curiosamente, no se contempla en ella la creación de sitios web educativos o de formación.
4. La biblioteca de plantillas de Elementor, accesible desde el editor del plugin siempre que se cuente con una licencia de Elementor Pro, es un recurso esencial para encontrar modelos prediseñados e inspiración. De entre los cientos de plantillas disponibles, queremos destacan los denominados Template Kits, o conjuntos de plantillas, que se incrementan mensualmente con nuevas creaciones. Este sitio ha sido elaborado a partir de uno de esos conjuntos, The Law Firm Template Kit (véase el vídeo de demostración).
5. El blog de Elementor también es un recurso muy recomendable para estar al tanto de las novedades del plugin y conocer trucos y técnicas. Una de sus secciones más intersantes son las “masterclasses” que imparte con gran dinamismo el experto Simón Shockett.
6. Los interesados en la programación apreciarán especialmente la completísima sección de recursos para desarrolladores.

Cursos, tutoriales, videotutoriales

En español

Incluimos a continuación algunos tutoriales, cursos, reseñas y comparativas de calidad, con mucha información y abundantes ejemplos:

1. Elementor Page Builder: el análisis más completo y detallado (enero 2020): tutorial no tan exhaustivo como promete su título, pero que puede venir muy bien a los principiantes.
2. Curso de páginas web con Elementor: aunque muy orientado al ámbito comercial, este es un completísimo curso de videotutoriales que ilustran el desarrollo de un sitio web con este plugin.
3. Elementor Page Builder Review: el mejor editor visual gratuito: muy buena introducción al plugin y sus principales funcionalidades.
4. Elementor Pro review y opinión personal: excelente y completísima presentacion de las funcionalidades del plugin de pago.
5. Curso de Elementor básico y Curso de Elementor avanzado: dos cursos en vídeo, elaborados por la compañía de alojamiento Webempresa. El canal de YouTube de esta empresa, especializada en WordPress, contiene gran cantidad de recursos sobre dicha aplicación.
6. Curso de Elementor Pro. Este gigantesco curso online está formado por nada menos que 67 videotutoriales, que cubren prácticamente todos los aspectos de uso de este plugin.
7. Comunidad ElemenPros: portal de recursos sobre Elementor y Elementor Pro, con muchos recursos de gran calidad, tanto gratuitos como de pago. Cabe destacar el interesantísimo canal de YouTube.

Recursos en español más antiguos

Aunque los materiales incluidos en este epígrafe son de calidad indiscutible, por ellos ya ha pasado cierto tiempo, así que es posible que sus descripciones e indicaciones no se correspondan totalmente con las versiones actuales de Elementor y Elementor Pro:

1. Curso Básico de Elementor: un curso muy completo, organizado en cinco entregas (1, 2, 3, 4 y 5), publicado entre octubre y noviembre de 2017.
2. Elementor page builder WordPress: el maquetador visual definitivo: un curso muy recomendable, aunque algunos de sus contenidos están pendientes de desarrollo o actualización.
3. La serie de videotutoriales Elementor Page Builder, review + mega tutorial con 3 vídeos tiene casi año y medio, pero constituye una excelente presentación de las funcionalidades de este plugin y de la forma de trabajar con él.
4. El curso Elementor Page Builder: review + tutorial y comparativa con Thrive Content Builder es muy completo y está bien estructurado, aunque debería ser actualizado.
5. Elementor Page Builder: tutorial y review + Video del mejor page builder WordPress en español: la información que este curso proporciona es muy completa, aunque necesita actualización.

En inglés

• FerdyKorpershoek: un canal de videotutoriales, varios de los cuales están dedicados a Elementor y Elementor Pro. Incluye varios tutoriales para principiantes, alguno de ellos con subtítulos en español.
• Oooh Boy: interesantísimo canal de videotutoriales dedicado a mostrar técnicas avanzadas de diseño con Elementor.
• WPtuts: este canal de vídeo también dispone de varios videotutoriales sobre Elementor muy completos, la mayoría de nivel avanzado.

Plantillas prediseñadas

La mayor parte de los recursos que hemos incluido en este epígrafe requieren temas concretos o plugins especializados para su importación. No obstante, siempre se pueden utilizar como fuente de inspiración y consulta:

• Elementor Template Library: ya nos hemos referido a este recurso en el epígrafe sobre documentación oficial de Elementor.
• Envato Elements: es un plugin que permite acceder a un amplísimo repositorio de plantillas (gratis y de pago) compatibles con Elementor.
• Plantillas para Elementor del tema Astra: una amplia colección de plantillas, tanto gratuitas como de pago, basadas en este tema.
• Demos de OceanWP: estos sitios prediseñados también de pueden importar, siempre que se utilice este tema.

Plugins y complementos para Elementor

El éxito indiscutible de Elementor y Elementor Pro, así como su potencia y facilidad de uso, han favorecido que se desarrolle una enorme oferta de plugins y complementos para ambos plugins, tanto gratuitos como de pago. En la página correspondiente de la documentación de Elementor Pro puede encontrarse una relación muy completa de los más recomendables.

La entrada Recursos sobre Elementor y Elementor Pro se publicó por primera vez en Curso de WordPress 2020.

Sitio especial para las prácticas con Elementor Pro

Elementor Pro es un plugin de pago que requiere una configuración especial por cada instalación. Esa configuración se debe realizar, separadamente, en todos y cada uno de los los sitios en los que se activa el plugin. Así pues, y para evitar tener que hacer 22 configuraciones distintas para otros tantos usuarios, hemos creado una única instalación de Elementor Pro, que será compartida por todos los participantes en el curso, incluido el profesor.

Acceso al sitio especial de prácticas

Para acceder al sitio especial de prácticas, cada alumno y alumna del curso debe iniciar sesión en su respectivo sitio. Una vez que haya entrado, podrá ver, en el ángulo superior izquierdo del escritorio de WordPress,, un enlace denominado Mis sitios. Al pasar el ratón por encima de ese enlace, se desplegará un menú con los sitios en los que está dado de alta cada usuario. Uno de esos sitios es Prácticas con Elementor, que es el escenario de las prácticas previstas en esta quinta esión. El siguiente screencast muestra el procedimiento que acabamos de describir:

Condiciones para realizar las prácticas

Las tareas que puedan llevarse a cabo en el sitio Prácticas con Elementor deben atenerse a lo dispuesto en las siguientes instrucciones:

1. Los alumnos y alumnas solo deben elaborar páginas, no entradas. El sitio ya cuenta con diez entradas creadas por el profesor del curso, que se utilizarán como base para ciertos widgets, pero que nos deben modificar.
2. Los alumnos y alumnas no deben crear plantillas por su cuenta. Las prácticas con plantillas que vamos a proponer se realizarán a partir de modelos muy sencillos, proporcionados por el profesor.
3. Para que el profesor del curso pueda saber rápidamente quién las ha elaborado, todas las páginas deberán tener como título la identidad de su autor o autora. Algo así como “Página de Eduardo Larequi García 1”, “Página de Eduardo Larequi García 2”, etc.
4. Dado que todos los alumnos y alumnas han sido dados de alta en este sitio especial con el rol de editores, tienen la capacidad de modificar no solo sus propias páginas, sino las de otros usuarios. Pues bien, cada alumno o alumna solo podrá editar, modificar o borrar sus propias páginas, a fin de no interferir con el trabajo de sus compañeros y compañeras.

Descripción de las prácticas

A continuación describimos las tareas que pensábamos encomendar a los alumnos y alumnas del curso si este no se hubiera visto interrumpido. Parte de estas prácticas se hubieran realizado durante la propia sesión, y otra parte estaba destinada a ser realizada por los asistentes como actividad práctica.

Práctica 1

El objetivo de esta primera práctica es elaborar y publicar en el sitio Prácticas con Elementor una página compuesta por al menos tres secciones de Elementor y un mínimo de tres widgets diferentes de Elementor Pro, que se elegirán de entre los siguientes:

1. Widget de titular animado. Se deja la selección del estilo y los efectos de este widget a criterio de los participantes en el curso.
2. Widget de carrusel de elementos multimedia. Con este widget se debe elaborar un carrusel de imágenes, que tendrá un máximo de cinco elementos. Aconsejamos utilizar para ello las imágenes ya existentes en la biblioteca multimedia, lo cual ahorra el trabajo de tener que subirlas.
3. Widget de galería de imágenes. Hay que crear una galería de fotos elegantes y vistosa, con al menos seis imágenes. La elección del estilo las opciones y los efectos se deja a criterio de los participantes en el curso.
4. Widget de llamada a la acción. Se puede utilizar cualquier combinación de las opciones que ofrece este widget.
5. Widget de entradas. Con este widget hay que componer una cuadrícula simétrica, con un máximo de diez entradas, ya que este es el número de entradas publicadas en el sitio especial de prácticas.
6. Widget de caja volteada. Se puede utilizar cualquier combinación de las opciones que ofrece este widget.
7. Widget de pase de diapositivas. Si se opta por este widget, habrá que Elaborar un mínimo de cuatro diapositivas, con las opciones que a cada alumno o alumna le parezcan más convenientes.
8. Widget de cuenta atrás. Se deberá elaborar un contador que establezca el tiempo que queda para la declaración del final de la epidemia de coronavirus.

Además de los citados, pueden utilizarse todos los widgets de Elementor o Elementor Pro que cada alumno o alumna considere más apropiados o convenientes para su diseño. No obstante, se recomienda que las páginas no sean muy largas ni demasiado complejas, con el fin de evitar dificultades innecesarias de elaboración y un tiempo de carga excesivo.

Práctica 2

El objetivo de esta segunda práctica es aprender a utilizar el sistema de plantillas de Elementor y Elementor Pro. Con tal propósito, el profesor del curso ha creado dos plantillas y un widget global, que están disponibles para cualquiera de los participantes en el curso:

1. Plantilla Aviso rojo.
2. Plantilla Maldito Covid-19.
3. Widget global Qué haremos cuando volvamos a la normalidad.

Los alumnos y alumnas pueden elaborar y publicar en el sitio Prácticas con Elementor una nueva página, diferente a la creada en la práctica 1, o bien pueden añadir a dicha página los siguientes componentes:

• Las plantillas Aviso rojo y Maldito Covid-19 que se insertarán mediante sus correspondientes shortcodes, o mediante el widget de plantillas. El procedimiento para conseguirlo está explicado en este artículo de la documentación oficial de Elementor.
• El widdget global Qué haremos cuando volvamos a la normalidad, que también se insertará en la misma página. El procedimiento para conseguirlo está explicado en este artículo de la documentación oficial de Elementor.

Práctica 3

Para esta quinta sesión del curso habíamos previsto la realización de algunas prácticas con plantillas globales y con el constructor de temas de Elementor Pro. Lamentablemente, la suspensión de las dos ultimas sesiones, a causa de la epidemia de coronavirus, impide que podamos hacer demostraciones de estas funcionalidades, que son las más complicadas de describir, pero también las más interesantes y potentes del plugin de pago.

Realización y envío de la tarea correspondiente a la quinta sesión

Dadas las excepcionales circunstancias que afectan a este curso, hemos considerado que la realización de las prácticas descritas en este artículo debe ser totalmente voluntaria; además, no es necesario que los alumnos y alumnas comuniquen al profesor el trabajo que hayan podido realizar. Por supuesto, pueden hacer las tareas descritas y enviarlas al profesor, si así lo desean, mediante el procedimiento habitual.

La entrada Prácticas con Elementor Pro se publicó por primera vez en Curso de WordPress 2020.