Wordpress:Portales municipales:Ajustes y puesta a punto

CUESTIONES PARA COMUNICAR AL AYUNTAMIENTO

Al comienzo del proceso migración a WordPress es necesario comunicar al ayuntamiento las cuestiones siguientes:

• Noticias, páginas y anexos (documentos e imágenes) serán traspasados a la nueva web.
• Los eventos no se traspasarán y a partir del momento de la puesta en producción de la nueva sede se gestionarán desde Google Calendar por lo que sería conveniente avisarles de que usen una cuenta corporativa que elijan, a la que se compartirán las dos agendas creadas: eventos e institucional, para ir adelantando trabajo. Esos calendarios se usarán en la configuración del plugin "Simple calendar" del portal municipal y del de transparencia.

¿ENTRADAS O POSTS?

Aunque en origen, el menú de Wordpress está traducido al castellano, la acción conjunta de los plugins FG Drupal to WordPress premium y Toolset, revierten la traducción en el caso de las "entradas", convertidas en "posts". Para deshacer ese proceso:

• En el menú lateral acceder a Toolset → tipos de entradas.
  • Localizar "Posts" -suele ser el último- y pulsar "Edit" (aparece al situar el cursor sobre la línea).
  • Modificar Nombre plural por Entradas y singular por Entrada.
  • "Guardar tipo de entrada".

MENÚ PRINCIPAL

Por defecto, Divi genera un menú principal que contiene las páginas y categorías importadas, lo que difiere del menú principal con el que se navega en Port@l. Para adaptarlo al original:

• Acceder a Apariencia → Menús en el menú lateral del escritorio.
• En la zona derecha Estructura del menú escribir "Principal" en la caja de texto etiquetada "Nombre del menú".
• "Crear menú".
• En la zona izquierda Añadir elementos al menu hacer clic sobre el enlace "Seleccionar todos" para que se activen las casillas de las páginas importadas que están justo por encima del enlace. Se recomienda revisar la lista por si hay alguna que no deba incluirse (páginas de ejemplo, vacías...) siempre y cuando no se haya hecho una revisión o expurgación previa.
• Hacer clic sobre "Añadir al menú".
• De nuevo en la zona derecha, mover las páginas arriba/abajo, izquierda/derecha para que se ajusten a la estructura que tenían en el port@l de origen, en la medida en que no se haya optado por simplificar o aplanar dicha estructura.
• "Guardar Menú".

Para activar dicho menú, sin salir de esta sección:

• Acceder a la pestaña "Gestionar ubicaciones" y en la lista de selección "Menú principal" elegir "Principal".
• Guardar cambios.

Para personalización del diseño en lo referente a fuentes, colores, disposición, etc. se accederá a Apariencia → Personalizar → Cabecera y navegación y se configurarán los elementos necesarios: "Barra de menú principal", "Ajustes de navegación fija" y "Elementos de cabecera" principalmente.

PLANTILLAS Y MÓDULOS GLOBALES

Se han puesto a disposición del diseño de páginas una serie de plantillas y módulos globales de Divi que permiten generar contenido de manera ágil y vistosa. Para importarlos:

• Acceder a Divi → Biblioteca de Divi en el menú lateral.
• Clicar en el botón "Import & Export" de la parte superior.
• En el cuadro emergente pinchar en la pestaña Import y elegir el fichero (CHOOSE FILE) almacen/CMS/wordPress/Recursos/Divi/Plantillas-versión.json.
• Import Diseños de Divi Builder.

CATEGORÍAS

En la puesta en marcha de Port@l 2 se proporcionó un número de categorías predefinidas, basada en la experiencia previa, con objeto de facilitar la clasificación de los contenidos. En la práctica, algunos municipios las han utilizado (y ampliado) y en otros no. Para el caso en que no se haya hecho uso de la categorización propuesta, se optará por su supresión. Para ello:

• Acceder a Entradas → Categorías en el menú lateral.
• Revisar, marcar y borrar en la tabla de la zona derecha aquellas categorías cuya columna "Cantidad" sea 0.

AJUSTES

A los diferentes ajustes que será necesario establecer para cada sede web municipal se puede acceder desde el menú lateral del WordPress, a través de Apariencia → Personalizar o bien desde Divi → Personalizador de temas. Aparecerá un nuevo menú lateral con diferentes opciones agrupadas por secciones.

Ajustes generales

Icono del municipio (favicon)

La incorporación del icono del municipio para las pestañas del navegador, se lleva a cabo en la opción Ajustes generales → Identidad del sitio → Icono del sitio → Seleccionar icono del sitio. En los port@ales de Drupal dicho icono suele encontrarse en carpeta_del_municipio/files/favicon.ico, si bien es conveniente buscar una imagen de tamaño superior para que WordPress la ajuste, mediante el recorte que propone, ya que los iconos con extensión ".ico" no son aceptados.

Ajustes de formato

Se han propuesto unos ajustes estándar, que pueden variar en función de las características del port@l origen:

• "HABILITAR DISEÑO CON CAJA": activo
• "ANCHURA DE CONTENIDO DEL SITIO WEB": 960

Tipografía y Fondo

Los valores establecidos en estos dos ajustes estarán en función de los existentes en los originales, con la libertad añadida de disponer del enorme catálogo de fuentes de Google fonts y siempre bajo el criterio establecido por el grupo de diseño, que deberá validarlos.

Configuración de cabeceras y pies

En líneas generales se procurará adaptar el diseño de la cabecera de forma que albergue los elementos distintivos del municipio: nombre y escudo y los colores del port@l de origen. Para ello es conveniente revisar cómo se ha hecho en uno ya migrado y copiar sus ajustes.

Cabecera

Los elementos que se configurarán en este paso se encuentran bajo Cabecera y navegación y los que sufren algún tipo de alteración son: Barra de menú principal (tipografía, colores y animación) y Ajustes de navegación fija (Altura y colores).

NOTA SOBRE EL LOGOTIPO
El logotipo de Divi que aparece en la cabecera puede sustituirse por uno personalizado (se recomienda tomar como ejemplo los que ya hay insertados); para ello:
* Acceder a Divi → Opciones del tema en el menú lateral.
* En la fila "Logo" pulsar sobre "SUBIR" y sustituir por el elemento prediseñado.
* "Guardar cambios"
La altura del logotipo se puede cambiar en los mencionados ajustes de la Barra de menú principal → LOGO MAX ALTURA.

Conviene reseñar que pueden aparecer elementos cuyo diseño se ha alterado haciendo uso del "CSS adicional" (última opción del menú de personalización). Se recomienda consultar otros ya diseñados para decidir si se usan o no.

Pie

Del mismo modo que la anterior, los elementos que se configuran en esta parte, denominada Pie son: Diseño (configuración de columnas y color), Widgets (tamaño y color de textos) Elementos del pie (desactivar los iconos de redes sociales, habitualmente) y Barra inferior (también desactivar los créditos).

PORTADA

Aunque los portales municipales en Drupal tienen una portada, se decidió no importarla en WordPress, por lo que es necesario crearla desde cero.

OTROS ELEMENTOS

Galerías de imagen

El procedimiento a grandes rasgos para convertir este tipo de contenido a Divi y presentarlo de manera similar a la de Port@l consiste en:

• Generar un proyecto en el que se inserte un módulo "galería" que se convertirá en global, al guardarlo en la biblioteca, dejando la lista de imágenes como no global posteriormente. Se necesitará un proyecto para cada galería.
• Establecer una imagen destacada para cada proyecto, que luego se usará como presentación de la galería.
• Crear una categoría de proyecto "Galería de imagen" que se asociará a cada proyecto para luego utilizarla en el siguiente paso.
• Insertar en la página pertinente un módulo "portafolio" activando la categoría creada en el paso anterior.

Configurar el calendario de eventos

Dado que los eventos no se importarán al portal WP, se ha optado por un plugin para insertar un calendario que se nutre de eventos de Google calendar. Para ello:

• Acceder a Calendarios → Añadir nuevo.
  • En la ventana, escribir el título del calendario (por ejemplo "Agenda municipal")
  • Bajar hasta la sección "Configuración del calendario" y en la opción "Aspecto" de su menú lateral, establecer los colores corporativos en los días señalados (Hoy y Días con eventos).
  • Pulsar en la opción "Google Calendar" del mismo menú lateral e introducir el ID del calendario previamente creado en el calendar de webmaster.
  • Actualizar
• Acceder a Calendarios → Configurar
  • En la pestaña "Fuentes de eventos" introducir la Clave de la API de Google en la caja correspondiente (si no se dispone de ella se puede copiar de cualquier otro portal activo).

Geolocalizar contenidos

Una forma sencilla de disponer una geolocalización sencilla de contenidos aprovecha la instalación del _plugin_ que gestiona el directorio, mediante la función "mostrar mapa" insertada a modo de _shortcode_. Para ello:

• Se inserta un módulo texto de Divi builder en el lugar elegido.
• En el cuerpo del módulo se introduce el texto [mostrar-mapa ciudad="Municipio" direccion="dirección del contenido"] [/mostrar-mapa]: (donde municipio y dirección del contenido deberán sustituirse por los correspondientes) y se pulsa sobre el botón de validar.
• Otra forma es insertar un módulo mapa de Divi, que deberá configurarse con la clave API de google de la cuenta webmaster@eprinsa.es. El shortcode generado en formato divi luego puede reutilizarse como llamada en cualquier cuerpo texto de otro módulo divi (pestaña, conmutador, etc.)

ANTES DE PONER EN PRODUCCIÓN

• Revisar la web en formatos móviles para comprobar que los elementos no sufren desajustes.
• Realizar una nueva importación de contenidos (exigirá actualizar la base de datos accesoria de Port@l) para aquellos que se hayan introducido después de finalizar la migración.

Eliminar elementos innecesarios

• Plugins de Frederic Gilles "FG Drupal to..."
• Distribuciones de Port@l: Divi → Biblioteca de Divi (bootstrap_...)
• Documentos (usados para traer archivos PDF de Port@l pero luego insertados como enlaces en diversos módulos de Divi: conmutador, pestañas, acordeón, texto, etc.)
  • En el menú lateral Documentos → Documentos: borrar todas las entradas.
  • Toolset → Tipos de entradas: borrar Documentos.
  • Toolset → Campos personalizados: borrar "Documento fields".
• Formularios (usados para traer formularios de Port@l pero luego sustituidos por el widget formularios de Divi)
  • Seguir el mismo procedimiento que para los documentos.
• Galerías de imágenes (usadas para traer las imágenes pero luego sustituidas por el widget galerías de Divi)
  • Seguir el mismo procedimiento que para los documentos.
• Base de datos de importación de elementos de Port@l.

Asegurar que el enlace a la sede electrónica no produce bucles infinitos

En la actualidad los enlaces a la sede electrónica son del tipo www.municipio.es/descriptor (normalizado por municipio a ocho caracteres), lo que en la nueva infraestructura genera bucles infinitios. Si bien esto fue una petición expresa de algunos ayuntamientos, de momento los volverán a ponerse a sede.eprinsa.es/descriptor. Para ello:

• Acceder a Apariencia → menús en el menú lateral.
  • Desplegar el enlace personalizado "Sede electrónica"
  • Cambiar https://www.municipio.es/descriptor por https://sede.eprinsa.es/descriptor por ejemplo: https://www.algallarin.es/algallar por https://sede.eprinsa.es/algallar
  • Guardar menú

NOTA: En el caso se que se hayan utilizado enlaces en la portada para acceder a la sede electrónica, deberán cambiarse del mismo modo.

Clonación del portalX

Se seguirán los pasos de añadir el dominio para crearlo con su nombre actual y se clonará siguiendo el procedimiento:

• Se accede al escritorio del dominio portalX.eprinsa.es en el menú lateral de plesk (opción Dominios):
  • Hace clic sobre Clonar, de la zona de botones superior y en la ventana emergente:
  • En los botones de radio de Destino: seleccionar la opción Usar dominio o subdominio existente.
  • En la lista de selección seleccione un dominio escoger el nuevo dominio.
  • Iniciar.

Una vez finalizada la clonación se accederá al escritorio del nuevo dominio y:

• Se hace clic en la "Configuración de hosting" y en la lista de casillas de verificación de "Dominio preferido *" se cambia "Ninguno" por "www.nuevodominio.es".

Clonación de transparencia.portalX

Se siguen los mismos pasos de añadir el subdominio transparencia, adaptando portalX.eprinsa.es al dominio del municipio.

Cambios de ajustes y configuraciones

• Recordar usar el nombre del usuario del sistema del dominio eprinsa10XX, con 10XX = código de cliente, en lugar de eprinsa100XX al crear el dominio definitivo.
• Cambiar en la base de datos WP (Mediante PHPmyAdmin o WP-CLI) las URLs internas: de https://portalXX.eprinsa.es a https://www.municipio.es y de https://transparencia.portalXX.eprinsa.es a https://transparencia.municipio.es, En caso de hacerlo mediante WP-CLI, seguir los siguientes pasos:
  • Acceder a la consola de Lightsail y autenticarse con la entrada "Usuario para Lightsail" en la sección Cuentas → AWS de keepass.
  • Hacer clic en el botón "Plesk_Ubuntu_4GB-Ireland...".
  • Clicar en el botón "Conectarse a través de SSH".
  • Escribir el comando sudo plesk ext wp-toolkit --wp-cli -instance-id XX -- search-replace portalYY.es municipio_configurándose.es donde XX es el identificador de la instancia destino de WordPress e YY el número de portal que se usó originalmente. El identificador de WordPress se muestra en la zona de direcciones al pasar el ratón por encima del nombre de la instancia.
    

• • Escribir el comando sudo plesk ext wp-toolkit --wp-cli -instance-id XX -- search-replace transparencia.portalYY.es transparencia.municipio_configurándose.es donde XX es el identificador de la instancia destino de WordPress e YY el número de portal que se usó originalmente. El identificador de WordPress se muestra en la zona de direcciones al pasar el ratón por encima del nombre de la instancia.
    
  • También puede ejecutarse una instrucción del tipo sudo plesk ext wp-toolkit --wp-cli -instance-id XX -- search-replace "munixipio" "municipio configurándose" para ahorrarse cambios posteriores, en ambos casos.

¿DÓNDE CONTINUAR?

Los pasos siguientes, esenciales en la puesta en marcha, pueden seguirse en Puesta en producción