Crear y activar la web de centro en WordPress
WordPress es un sistema de gestión de contenidos o CMS (por sus siglas en inglés, Content Management System) enfocado a la creación de páginas web.
La plataforma EducaMadrid pone a disposición de todos los centros educativos la posibilidad de elaborar su página web utilizando esta herramienta en su multisite.
A diferencia del resto de servicios, nuestras páginas de WordPress no son accesibles desde fuera de España por razones de seguridad. Recordamos que también pueden crearse webs de centros mediante Liferay, que no tiene estas restricciones.
Solicitar espacio WordPress
Los centros pueden solicitar la creación del espacio para desarrollar la página web del centro cumplimentado y enviando este formulario.
El acceso al formulario se puede realizar solamente con las credenciales de la cuenta institucional del centro. Una vez EducaMadrid haya gestionado la creación del espacio, enviará un correo a la cuenta institucional del centro indicando la URL de la página y la URL de acceso al panel de control de WordPress.
Importar desde otra web de WordPress
Para importar una web de WordPress a EducaMadrid debemos tener en cuenta que, como la web exportada viene de un dominio externo a EducaMadrid, probablemente los plugins y los temas que incorpora no sean compatibles con los que utilizamos en nuestro multisite, tal vez porque no estén instalados o porque estén modificados. Por tanto, aconsejamos desactivarlos y no marcar en el diálogo de exportación ninguno de esos dos apartados.
En todo caso, habrá que revisar todas las páginas tras la exportación para confirmar su correcto funcionamiento y realizar los ajustes necesarios.
Plugins instalados
Es importante tener en cuenta que estos plugins han sido adaptados al multisite de EducaMadrid y, por diversas razones técnicas, pueden no tener operativas todas sus características.
- Bloque Mediateca
- Contact Form 7
- Icegram Express (antes, Email Subscribers) & Newsletters (solamente para usuarios de EducaMadrid)
- Flexy Breadcrumb
- Folders
- Maintentance
- Modern Events Calendar Lite
- Smart Slider 3
- The Post Grid
- W3 Total Cache
- WordPress Importer
- Page Builder
La instalación de plugins y temas afecta a todos los Centros con sitios WordPress de EducaMadrid. Su instalación está limitada por cuestiones técnicas, de utilidad y de interés general.
Importar
Una vez tengamos el fichero de la exportación accesible desde nuestro equipo, accedemos al panel de control de nuestro sitio web utilizando una cuenta con perfil Administrador de centro.
Ubicados en el escritorio de WordPress, pulsaremos en Herramientas (1) -> Importar (2) -> Ejecutar el importador (3)
En la siguiente ventana, seleccionaremos nuestro documento de importación (.xml) y pulsaremos en el botón Subir archivo e importar. Comenzará el proceso de subida del archivo que puede tardar varios minutos.
Cuando esté listo el archivo, se mostrará la ventana del Importador de WordPress, donde podemos reasignar el autor del contenido importado a un usuario existente de este sitio.
Tras realizar el proceso de asignar los contenidos a un autor, pulsaremos sobre el botón Enviar y comenzará la carga de los archivos a nuestra página de WordPress de EducaMadrid.
Cuando el proceso haya terminado, tendremos disponibles los contenidos importados. En este punto deberemos aplicar un tema a la página web, para que los contenidos se hagan visibles, si es que no lo habíamos aplicado anteriormente.
Elegir tema
El tema es el diseño que tendrá la página web de nuestro centro. Los contenidos que vayamos creando se adaptarán a ese diseño. Podemos elegir un tema del catálogo de temas de WordPress de EducaMadrid. Con la selección de una nueva plantilla los contenidos se adaptarán al nuevo diseño.
EducaMadrid pone a disposición de todos los usuarios ocho temas adaptados a las características de la plataforma:
- EducaMadrid XVII
- EducaMadrid Fundraiser
- EducaMadrid Gurukul
- EducaMadrid Kids
- EducaMadrid Onepress
- EducaMadrid Spicepress
- EducaMadrid Sydney
- EducaMadrid Total
Se trata de unas adaptaciones de temas originales con mantenimiento y soporte garantizado para la corrección de problemas de apariencia que pueden surgir a raíz de las actualizaciones.
Para acceder a todos los temas disponibles, pulsaremos sobre la opción "Apariencia" -> "Temas" del menú lateral izquierdo del escritorio. También podremos cambiar el tema a través de "Personalizar" -> "Tema activo" -> "Cambiar".
Cuando a solicitud del centro se crea un nuevo espacio de WordPress de EducaMadrid, se carga por defecto el tema EducaMadrid XVII con una plantilla con la estructura definida de acuerdo con las Instrucciones de la Viceconsejería de Educación sobre la inclusión en el Portal EducaMadrid de las páginas o sitios web de los centros y servicios educativos. Podremos cambiar de tema antes de empezar a actualizar los contenidos o más adelante, conservando todas las páginas y entradas creadas. Solamente perderemos la personalización específica del propio tema.
Podemos ver los detalles de cada tema y personalizarlo a nuestro gusto una vez activado.
Consejos
Debido a que actualmente los ocho temas disponibles en el catálogo son temas adaptados por EducaMadrid, se garantiza su mantenimiento a largo plazo y se ofrece soporte para la corrección de problemas de apariencia que pueden surgir a raíz de las actualizaciones.
Imagen institucional
La imagen del centro debe estar clara desde el mismo momento en que se accede a la página. Debe quedar claro el tipo de centro, nombre y población. También conviene que el aspecto de la página web evoque la identidad del centro y sus valores.
Tipos de letra y colores
La paleta de colores y tipografía de una página web son elementos que deben ser escogidos y estructurados detenidamente. Se trata de elementos que facilitan su uso y lectura.
Color:
El color debe usarse con moderación y seguir una lógica. Una página web llena de colores sin jerarquía, no tendrá el mismo efecto que una página web con 2-3 colores bien estructurados.
Tipografía:
Es aconsejable dotar a cada fuente de un nivel de importancia. Todas ellas deben tener un tamaño apropiado y un diseño sencillo para facilitar la lectura.
- El tipo de letra principal es la más visible y debemos usarla en los encabezados de la página web.
- El tipo de letra secundario es la que debe estar en el corazón del contenido: párrafos, descripciones, artículos, etc.
- Por último, el tipo de letra de acento es la que usaremos con un propósito específico, esta es la fuente que elegiremos para las llamadas a la acción.
Imágenes
Para no ralentizar la carga de las páginas, es recomendable utilizar las imágenes ligeras y con las dimensiones con las que han de mostrarse.
¿Qué ventajas tiene hacer un buen uso de las imágenes?
- Páginas más ligeras.
- Correcta visualización.
- Mayor nivel de accesibilidad: si nuestra conexión no es buena, no podremos acceder a páginas muy pesadas, por ejemplo. Puede parecer algo raro, pero todavía sigue habiendo conexiones móviles con tasas de transferencia limitadas (100 MB al día, etc.).
- Menor desgaste del servidor.
Utilizaremos tres tipos de archivo: GIF, PNG y JPG. Todos ellos guardan las imágenes comprimidas, pero utilizan diferentes sistemas de compresión. En líneas generales, es recomendable utilizar los formatos según la finalidad:
- Fotografías: JPG.
- Imágenes con colores planos o una paleta de colores muy reducida: GIF o PNG.
- Imágenes con transparencia: GIF o PNG.
- Imágenes con valores de transparencia intermedios: PNG-24 (atención a la compatibilidad con diferentes navegadores).
¿Qué peso debería tener una imagen? Depende tanto de sus colores como de la calidad que necesitamos. Lo mejor es conseguir que las imágenes pesen lo menos posible y que se vean lo suficientemente bien. Como orientación: una imagen con unas dimensiones de 550 píxeles de ancho, no debería pesar más de 50 KB.
En cuanto al tamaño, un máximo de 550 o 600 píxeles de ancho o de alto suele ser suficiente para una correcta visualización de las ampliaciones. Las imágenes cuadradas podrían ser algo más pequeñas: 450x450 o 375x375 píxeles, por ejemplo.
Utilizar siempre los mismos tamaños puede hacer que nuestras páginas sean más agradables. Podemos definir un tamaño para las imágenes verticales, otro para las horizontales y otro para las cuadradas, y usarlos siempre. Esto, por supuesto, es a criterio de diseñador.
GIMP es un software libre muy potente para el tratamiento de imágenes.
Activar la web de WordPress
La URL de la web de un centro (URL institucional) siempre tendrá la siguiente composición: www.educa.madrid.org/loginCentro. No importa la modalidad con la que elaboremos la página web porque SIEMPRE al escribir la URL institucional en el navegador, la propia herramienta se encargará de redirigirnos a la modalidad que tengamos activa, Wordpress o Liferay.
Para redireccionar la URL institucional a la web que tengamos activa, en nuestro caso WordPress, debemos acceder al portal de EducaMadrid con con la cuenta TIC o cuenta institucional del centro. Al pulsar en Administración > Panel de control > Gestor del centro, en el campo de Web activa seleccionaremos el modelo de web.
Legislación vigente
- Instrucción de 25 de marzo de 2004, de la Viceconsejería de Educación, sobre la inclusión en el Portal Educamadrid de las páginas o sitios web de los centros y servicios educativos. (BOCM 3 de mayo de 2004)
- RESOLUCIÓN conjunta de 4 de diciembre de 2023, de las Viceconsejerías de Política Educativa y de Organización Educativa, sobre la información a las familias que deben contener las páginas web de los centros educativos de la Comunidad de Madrid, en cumplimiento de la Ley 1/2022, de 10 de febrero, Maestra de Libertad de Elección Educativa de la Comunidad de Madrid.
- Enlace a más normativa vigente sobre páginas web de centros educativos.