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.

Vista del formulario de solucitud del espacio WordPress de EducaMadrid.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 el escritorio, pulsar en "Herramientas", "Importar", "Ejecutar la importación".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.Clicar en "Seleccionar el archivo" y "Subir archivo a importar".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.Importador WordPress: reasignar los autores.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.Vista de escritorio con los datos del sitio.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".

Catálogo de temas adaptados de EducaMadrid.

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.

Activar el tema de WordPress.

Podemos ver los detalles de cada tema y personalizarlo a nuestro gusto una vez activado.

Personalizar  el tema activo.

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:

Para lograr una buena combinación de colores para nuestro sitio web podemos hacer uso de la gama cromática. Esta es la escala que ordena los colores según su valor, saturación o posición. Se aconseja usar colores de la misma gama, con contrastes armónicos y suficientes para facilitar la lectura.

Escala cromática que ordena los colores según su valor, saturación o posición.

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.Redireccionar la URL institucional del centro a la web que tenemos activa.

Legislación vigente

Pulsa en este enlace para consultar toda la información sobre el alojamiento y el contenido de las páginas web de los centros y servicios educativos.