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.

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.