Wordpress:Portales municipales:Ajustes y puesta a punto

From
Jump to navigation Jump to search

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.
  • Usuario corporativo (de AD) si no se ha solicitado previamente, para la gestión de contenidos en WP.

¿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 diponen de dos opciones:

  • En caso de que se opte por la utilización del generador de temas, al crear cabeceras y pies globales, esta personalización se realizaría en el propio módulo de menú (de divi) insertado en la cabecera global.
  • 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, para el caso en que no se use el generador de temas de Divi.

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.

Cabecera global

Tras la adición en divi del generador de temas (Divi → Generador de temas en el menú lateral), es posible crear cabeceras y pies mucho más elaborados y de forma más libre, así como plantillas para la presentación de elementos como las entradas. Ya hay un buen número de municipios en cuya web se han usado, que pueden servir de referencia para los nuevos.

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).

Pie global

También a la manera de las cabeceras, se pueden agregar pies globales (para todos los elementos de WordPress) con posibilidades de personalización superiores a los de los ajustes generales.

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 "Ajustes del calendario" y en la opción "Apariencia" 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 → Ajustes
    • 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).

Una vez generado el calendario, el código que luego se usará en el módulo en el que se inserte aparecerá en la columna "Shortcodes" de la lista de calendarios.

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.)

Configurar el formulario de contacto

Debido a la extensión se explica el procedimiento aquí.

Crear redirección a la sede electrónica

En el caso de un pueblo con sede electrónica en EPRINSA, crear con el plugin Redirection una redirección desde /sede a https://sede.eprinsa.es/identificador-pueblo

Si el portal tiene app municipal asociada

Comprobar en la columna App de Portales si tiene App la entidad.

Instalar y configurar el plugin Eprinsa Gestión Móvil que se encuentra en almacen\CMS\WordPress\Recursos\gestion-movil\eprinsa-gestion-movil.zip, creándose la opción Gestión Móvil en el menú de WordPress. A continuación, seguir los siguientes pasos:

Configuración para la gestión móvil

  • Acceder a Toolset > Tipos de Entradas > Enlaces de la app.
  1. Desplegar "Opciones" (la sección aparece plegada por defecto)
  2. Activar la casilla del campo mostrar en rest
  3. En el campo Base de rest, introducir el valor enlaces_app
  4. Volver arriba y pulsar Guardar tipo de entrada
  5. Aceptar el mensaje No se recomienda tener el mismo nombre en singular y plural para un tipo de entrada. Use un nombre diferente para los nombres singulares y plurales.
  6. WordPress presentará el siguiente mensaje No se recomienda tener el mismo nombre en singular y plural para un tipo de entrada. Use un nombre diferente para los nombres singulares y plurales., seleccionar el campo Ignore esta advertencia.
  7. Pulsar el botón Guardar tipo de entrada
  • Acceder al gestor de Port@l (https://<elpueblo>/gestor), seleccionar Gestión Móvil
    • Menú. Las opciones escogidas, se seleccionan en la pestaña Menú del plugin de WordPress
    • Noticias. Las categorías escogidas, se seleccionan en la pestaña Noticias del plugin de WordPress
  • Configuración. En esta opción, se rellenan los campos
    • Identificador del calendario de Google. Corresponde al id del calendario de eventos del municipio que se ha creado en Google Calendar.
    • ID Entidad. Identificador del municipio de la sede. Abrir la hoja de cálculo Portales y tomar el valor de la columna Contexto Api Sede

Configuración para el popup de descarga de la app

En ese caso será necesario cargar en la biblioteca de medios el icono de la app que se encuentra en diseno/ayuntamientos/municipio/app/Product Icons/iOS/Icon-Appps-IOS11-assets/Icon-App-1024x1024.png, donde municipio es el correspondiente al del port@l que se está migrando. Posteriormente se ajustarán los parámetros del plugin "Popup by Supsystic" atendiendo a lo siguiente:

  • Hacer clic en Popup by Supsystic → Mostrar todos los PopUps.
  • Saltar tutorial.
  • Clicar en Descarga de la app en tablet.
  • Acceder a la pestaña Diseño y a la sub-pestaña Textos.
  • Modificar el contenido HTML:
    • Cambiar Munixipio por el nombre del municipio en cuestión (aunque probablemente esto se haga con las conversiones search-replace en la consola)
    • Comprobar que las imágenes se muestran en la previsualización de la parte inferior y si no es así revisar las rutas para /wp-content/uploads/.../Icon-App-1024x1024.png y también para logo-gplay.png y logo-appstore.png. Los enlaces pueden consultarse en la propia biblioteca de medios.
    • Modificar los enlaces de los botones de Google Play y App Store.:
      • El id necesario se encuentra en home2/versiones/configuraciones/portal2/production/constantes.php.
      • Para Google play será del tipo "es.eprinsa.mipueblo.descriptor" y está en la clave "$idAndroid" en la sección correspondiente al municipio. Se añade a continuación de .../details?id=.
      • Para App store será del tipo descriptor/id00000000 y está en la clave $idIos en la misma sección. Se añade a continuación de .../app/.
  • Guardar (botonera de la parte superior derecha).
  • Volver a "Mostrar todos los PopUps", puede hacerse desde los enlaces de ayuda a la navegación de la parte superior izquierda o desde la botonera izquierda, y repetir el proceso para la ventana emergente "Descarga de la app en móvil".

Si se desea hacer algún cambio adicional, como los colores de fondo y marco de la ventana (están en la pestaña Diseño, sub-pestaña Apariencia) o la fuente (directamente en el CSS de la pestaña </> Código CSS / HTML), se puede hacer uso de los corporativos o los que se usen en el nuevo portal WP.

Plugin Eprinsa AD

Si tiene instalado el plugin Eprinsa AD, comprobar que la configuración es correcta. Para ello, se accede a Eprinsa AD.

  • El campo Entorno APIs debe estar vacío

Si no tiene el plugin, instalarlo, localizándose en \\almacen\CMS\Wordpress\Recursos\eprinsa-ad\eprinsa-ad.zip

Usuarios

  • Dar de alta a los usuarios que ha solicitado el ayuntamiento.
  • Comprobar que el usuario admin_sd se ha borrado
  • Comprobar que los usuarios de Service Desk están creados
    • act01
    • crvl01
    • jgm
    • jluis
    • pericet
    • pestevez
    • rasalas
    • reixach

Modificar configuración de Wordfence

Acceder a Wordfence > Manage Firewall. En la opción Brute Force Protection (Protección contra ataques de fuerza bruta), desactivar las opciones

  • Prevent the use of passwords leaked in data breaches (Evita el uso de contraseñas filtradas en caso de violación de datos)
  • Enforce strong passwords (Forzar contraseñas seguras)
  • Check password strength on profile update (Comprobar la fortaleza de la contraseña al actualizar el perfil)

Pulsar el botón Save Changes (Guardar cambios, situado en la esquina superior derecha).

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.

Si el Port@l tiene APP

Si el port@l tiene APP, se importan de nuevo los contenidos usados en la APP

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.

Eliminar el uso de la barra lateral (sidebar) en todas las entradas (opcional)

Por defecto, las entradas importadas toman el ajuste de uso de la barra lateral (sidebar) en Divi. Como dicha barra no se usa, puede optarse por modificar algunas entradas recientes para que sirvan de guía a las nuevas que introduzcan o usar la siguiente sentencia en la base de datos: 

INSERT INTO S4PbK_postmeta (post_id, meta_key, meta_value) SELECT ID, '_et_pb_page_layout', 'et_no_sidebar' FROM S4PbK_posts WHERE post_type = 'post' AND post_status = 'publish';

Nota: El nombre de la tabla es el mismo en cualquier portal, al tratarse de instalaciones clonadas.

Si se están usando plantillas en el constructor de temas, esta modificación no es necesaria.

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:

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.

Workaround

Si después de clonar aparecen imágenes con el símbolo de prohibido (hotlinked), acceder al administrador de archivos del dominio y borrar la caché de Divi bajo /wp-content/et-cache o /wp-content/cache/et)

Clonación de transparencia.portalX

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

Migración del dominio al plesk de producción

Mientras se mantenga la actual configuración de máquinas ''lightsail'' donde el reparto es por carga de trabajo y no por (pre)producción, no se están efectuando migraciones de dominios, con excepción de aquellos que ya tengan activa la cita previa en plesk (18.200.96.2).

  • Acceder a Herramientas y configuración → Administrador de migraciones y transferencias
  • Seleccionar el Host 18.200.96.2
  • Clic en "seleccione las suscripciones a migrar" (List of subscriptions)
  • Elegir "Migrar mediante Suscripción" (si no lo está ya)
  • Activar la casilla Show existing subscriptions.
  • Escoger el dominio a importar, aunque ya existe.
  • Desactivar la casilla Migrar mensajes de correo.
  • En el "Campo Propietario de la suscripción" hacer clic en "Reasignar a" y asignar el valor Administrador.
  • Migrar

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_Preproduccion_1" o, si se ha migrado previamente al plesk de producción, en "Plesk_Ubuntu-16GB-Ireland-EPRINSA-1".
    • 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.eprinsa.es municipio_configurándose.es --all-tables 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.
eteee
    • Escribir el comando sudo plesk ext wp-toolkit --wp-cli -instance-id XX -- search-replace transparencia.portalYY.eprinsa.es transparencia.municipio_configurándose.es --all-tables 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" --all-tables para ahorrarse cambios posteriores, en ambos casos.

¿Y CÓMO CONFIGURO EL PORTAL DE TRANSPARENCIA?

Se trataría de acceder a este documento donde se muestra lo esencial para su personalización.

¿DÓNDE CONTINUAR?

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

Retrieved from "https://wordpress.eprinsa.es/wiki/index.php?title=Wordpress:Portales_municipales:Ajustes_y_puesta_a_punto&oldid=1147"