Lamentablemente, la suspensión de las sesiones presenciales del curso, como consecuencia de la epidemia de coronavirus y la posterior aplicación del estado de alarma en todo el territorio español, ha desbaratado los planes que habíamos diseñado para esta cuarta sesión, ya que impide que podamos demostrar ante sus alumnos y alumnas las técnicas y procedimientos que hemos ido explicando en artículos precedentes.

Así pues, solo nos queda una opción: solicitar a los alumnos que, después de leer los artículos de esta cuarta sesión, tengan la saludable audacia (“audentes fortuna iuvat”, como escribió Virgilio), de elaborar en sus sitios de práctica al menos un diseño de página web con Elementor. Para ello contarán con la ayuda de los materiales ya publicados en esta sección del curso, el ejemplo de un sencillo modelo que ha elaborado el profesor y los recursos que iremos recopilando en la página correspondiente, todavía por terminar, que forma parte de la quinta sesión del curso.

Un modelo de página web

Hemos elaborado un modelo de página web que puede ser replicado por los alumnos y alumnas del curso con un esfuerzo relativamente pequeño. En el siguiente epígrafe ofrecemos las pautas necesarias para reproducirlo con Elementor.

Cómo podrá observarse, no hemos detallado totalmente las instrucciones necesarias para reproducir el modelo, pues queremos que los alumnos y alumnas investiguen y experimenten por su cuenta. Por supuesto, esta indeterminación justifica plenamente que los alumnos realicen cuantas adaptaciones y modificaciones les parezcan oportunas, siempre, claro está, que el resultado sea elegante, armonioso y adecuado con los objetivos del ejercicio.

Plantilla y título de pagina

Esta página tiene las siguientes carcteristicas:

• Se le ha aplicado la plantilla “lienzo de elementor”, tal como hemos explicado en Propiedades de los artículos de Elementor.
• Se ha ocultado su título, de acuerdo con el procedimiento también descrito en la página antedicha.

Secciones de la página

La página modelo tiene tres secciones, a saber:

• Una sección de cabecera, con una imagen “héroe”, un titular, texto y botones.
• Una sección central compuesta por seis imágenes, organizadas en dos filas de tres columnas cada una,
• Una sección de pie de página, con titular, datos de contacto y mapa.

Sección de cabecera

Esta sección tiene las siguientes características:

• Es de anchura completa, y tiene una imagen de fondo.
• Consta de una única columna.
• El primer elemento es un widget de titular, a cuyo texto se le ha aplicado un efecto de sombra.
• El segundo elemento es un widget de editor de texto.
• El tercer elemento es un widget de sección interior, con dos columnas. Dentro de cada columna hay un widget de botón.

Sección central

Esta sección consta de una columna, y comprende los siguientes elementos:

• Un widget de titular.
• Un widget de sección interior, con tres columnas. En cada una de ellas se incluyen los siguientes widgets:
  • Widget de imagen.
  • Widget de titular.
  • Widget de imagen.
  • Widget de titular.

Sección de pie de pagina

Esta es una sección de anchura completa y una única columna, dentro de la cual se han incluido los siguientes widgets:

• Un widget de titular.
• Un widget de sección interior, formada por dos columnas, la primera de las cuales tiene un tercio de la anchura total, y la segunda dos tercios. En cada una de las dos columnas se han incluido estos elementos:
  • Columna de la izquierda: widget de titular y widget de editor de texto.
  • Columna de la derecha: widget de mapa de Google.

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

Dadas las excepcionales circunstancias que afectan no solo a este curso, sino a todas las actividades de enseñanza de los centros públicos y privados de Navarra, hemos acordado con el CAP de Pamplona que el plazo de realización de las prácticas descritas en este artículo se amplíe hasta el día 1 de mayo. Los alumnos y alumnas deberán enviar el trabajo al profesor mediante el procedimiento habitual.

La entrada Prácticas con Elementor 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.