Qué tipo de sitio vamos a diseñar

La naturaleza de un sitio web impone exigencias insoslayables y es, por tanto, un aspecto esencial que debemos tener muy en cuenta a la hora de abordar su diseño. Así pues, la primera tarea que hemos de afrontar es la de decidir qué tipo de sitio vamos a montar, y cuáles son los destinatarios que van a consumir sus contenidos.

En efecto, no es lo mismo el sitio web del centro, que el de un departamento didáctico, un blog de aula, un sitio monográfico o temático, un sitio web de contenido exclusivo para docentes, etc. Cada uno de estos sitios corresponde a una situación comunicativa distinta, y, en consecuencia, reclama funcionalidades y principios de diseño diferentes.

Qué funcionalidades ha de tener el sitio

Una vez identificado el sitio web que queremos o necesitamos, debemos identificar qué funcionalidades ha de tener, cuáles deben implementarse desde el principio y cuáles pueden esperar a un desarrollo posterior. Aunque sea de forma muy sumaria, este diseño funcional debe tener en consideración los siguientes aspectos:

1. Tipo de contenido predominante. Conviene decidir si el sitio va a estar basado en páginas (contenido estático), en entradas (contenido dinámico), o en una combinación de ambos tipos de contenido.
2. Estructura básica. Hay que precisar aspectos fundamentales de la estructura del sitio, como por ejemplo la presentación del contenido (cronológica, al estilo blog, o no cronológica), la organización de los bloques de contenido (número y orden de presentación de las columnas en que suelen organizarse las páginas web), la disposición de las áreas de widgets, la ubicación de los menús, la estructura y contenido de la cabecera y el pie de página, etc.
3. Tema que se va a utilizar. Cada tema impone una serie de condicionamientos de diseño que pueden llegar a ser muy estrictos (sobre todo en lo que concierne a las paletas de colores, la tipografía y el tamaño y proporciones de las imágenes), por lo cual conviene acertar desde un principio. Cambiar de tema en WordPress es una operación muy segura que no supone ningún riesgo de pérdida de contenidos, pero que puede ser muy gravosa en términos de esfuerzo dedicado a las tareas de diseño.
4. Funcionalidades básicas del sitio web. Es preciso identificar si las funcionalidades apetecidas se pueden montar solo con WordPress o hace falta instalar plugins. Algunas de las funcionalidades básicas de los sitios web destinados a centros educativos, como por ejemplo la configuración multisitio o el contenido bilingüe o multilingüe, deben implementarse desde el momento mismo de la instalación, ya que resulta difícil, o al menos muy laborioso, añadírselas a un sitio web ya existente.
5. Organización de los roles de usuarios y del trabajo de edición. Hay que decidir si el sitio va a tener muchos usuarios registrados o solo unos pocos, así como los roles propios de cada uno de ellos. También es preciso saber de antemano cuántos usuarios van a crear contenido (y con qué roles), ya que la organización del trabajo de edición tiene repercusiones decisivas en muchos aspectos de funcionamiento y la gestión del sitio.

De qué recursos disponemos

Después de identificar la naturaleza del sitio web y sus funcionalidades básicas, conviene evaluar con precisión el esfuerzo que va a invertirse en su elaboración, y ponerlo en contraste con los recursos humanos, organizativos y materiales de los que disponemos.

Este análisis resulta capital, sobre todo en organizaciones como los centros escolares, que por lo general no andan sobradas de recursos. Hay pocas cosas tan frustrantes como abordar una tarea para la que no se está preparado, o para cuya realización no se cuenta con los medios necesarios.

Algunos consejos

Una vez tomadas las decisiones a las que acabamos de referirnos en los epígrafes precedentes, es preciso adaptar el planteamiento de elaboración de un sitio web a ciertas recomendaciones prácticas, que en su mayor parte no son sino aplicaciones concretas del sentido común:

1. Consultar ejemplos y modelos previos, repasar tutoriales y videotutoriales, y preguntar a compañeros y a expertos, si se tiene acceso a ellos.
2. Definir la estructura del contenido y los aspectos básicos del diseño al viejo estilo, con lápiz, papel, y tiempo de reflexión. Lo primero que hay que decidir son las páginas fijas que debe tener el sitio (mejor que no sean muchas) y, luego las categorías o temas en que van a organizarse las entradas (es aconsejable que el número de categorías no sea excesivo, y que correspondan a temas cuyos respectivos ámbitos no se solapen entre sí). Una vez elaboradas y publicadas unas cuantas páginas, entradas y categorías, y solo entones, ya se puede abordar la elaboración de los menús.
3. Proceder con precaución y cautela. Aconsejamos encarecidamente elaborar borradores y hacer pruebas antes de publicar, sobre todo cuando se haga uso de técnicas y herramientas que no se dominan a fondo.
4. Personalizar solo los elementos que necesiten un “toque” especial. En la mayor parte de los casos, no hace falta diseñar específicamente todas las páginas y entradas de un sitio web (cuyo diseño ya está predefinido por el tema), sino solo aquellas donde tal proceder resulta aconsejable: la página de inicio, las llamadas landing pages, etc.
5. Dar primacía a la funcionalidad sobre los aspectos decorativos u ornamentales. Todo esfuerzo de diseño o rediseño debe estar enfocado a lograr una mejora de funcionalidad.
6. Aplicar el principio “menos es más”. Este principio no es solo ni principalmente de orden estético. De hecho, cuanto más claro, legible y limpio sea un sitio web, probablemente también sea más rápido al cargarse, y más eficiente desde un punto de vista técnico.
7. Tener muy presentes los principios de homogeneidad y coherencia del sitio web. Aunque Los elementos personalizados sean singulares, no deben ser contradictorios o heterogéneos con respecto al conjunto del sitio.
8. Diseñar, escribir y publicar pensando siempre en los visitantes del sitio. Hay que esforzarse por ponerse siempre en la mente de alguien que no conoce en detalle un sitio web y llega a este por primera vez. Una aplicación concreta de este principio es que el sitio web debe funcionar bien en todo tipo de dispositivos, sean ordenadores de escritorio, tabletas o móviles.
9. Rentabilizar los esfuerzos. Todos los sistemas de edición de páginas web modernos hacen un uso masivo de las técnicas de composición basadas en plantillas, elementos reutilizables y otros mecanismos semejantes, y por tanto hay que aprender a utilizarlas. Incluso la humilde técnica de copiar-pegar-modificar puede dar resultados espléndidos si se utiliza juiciosamente.
10. No caer en la ansiedad. Hay que proceder con calma y sensatez, y no pretender resolver todos los problemas a la vez. Las grandes dificultades a menudo se resuelven segmentándolas en obstáculos más pequeños, que se acometen sucesivamente.
11. Utilizar solo los plugins imprescindibles. Un número excesivo de plugins, o una inadecuada selección de estos, pueden afectar muy negativamente al funcionamiento de un sitio web.
12. Seleccionar un tema de calidad. Los temas de calidad profesional garantizan el cumplimento de muchas de las recomendaciones que acabamos de hacer, minimizan los esfuerzos necesarios para conseguir los objetivos propuestos y ayudan a dar a los sitios web un acabado impecable. El Departamento de Educación del Gobierno de Navarra aconseja a tal efecto los temas de la familia Genesis, que están disponibles, bajo pedido, para todos los centros que lo soliciten.

A lo largo de este curso, y en especial en los artículos pertenecientes a esta primera sesión, iremos concretando algunos de los principios y recomendaciones que acabamos de exponer.

La entrada Planteamiento general de la elaboración de un sitio web 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.