Wordpress:Portales municipales:Ajustes y puesta a punto: Difference between revisions
| (169 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
Al comienzo del proceso migración a WordPress '''es necesario comunicar al ayuntamiento''' las cuestiones siguientes: | 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. | * '''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 | * '''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, preferiblemente la asignada a su usuario AD, en la que se compartirán la gestión y el uso compartido de 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. | |||
* En su caso, es conveniente advertir de que el proceso también conlleva una '''drástica reducción''' del número '''de páginas''' con el fin de dejar '''como mucho dos niveles de profundidad en el menú''' porque: | |||
** La navegación desde dispositivos móviles se convierte en engorrosa con menús de hamburguesa de varios niveles. | |||
** El entorno de trabajo Divi, suministra nuevos medios de colocar la información que hacen innecesario distribuirla en páginas y más páginas. Por otro lado se adaptan mejor a la navegación "natural" en los dispositivos móviles: vertical desplazando el dedo. | |||
== ¿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 == | == MENÚ PRINCIPAL == | ||
| Line 16: | Line 27: | ||
* Acceder a la pestaña "'''Gestionar ubicaciones'''" y en la lista de selección "'''Menú principal'''" elegir "'''Principal'''". | * Acceder a la pestaña "'''Gestionar ubicaciones'''" y en la lista de selección "'''Menú principal'''" elegir "'''Principal'''". | ||
* '''Guardar cambios'''. | * '''Guardar cambios'''. | ||
Para '''personalización''' del diseño en lo referente a '''fuentes''', '''colores''', '''disposición''', etc. se | 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 == | == PLANTILLAS Y MÓDULOS GLOBALES == | ||
| Line 27: | Line 40: | ||
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: | 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. | * 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'''. | * '''Revisar, marcar y borrar''' en la tabla de la zona derecha aquellas categorías cuya columna "'''Cantidad'''" sea '''0''', excepción hecha de las usadas para clasificación de contenidos enlazados desde Trasnparencia. | ||
== AJUSTES == | == AJUSTES == | ||
| Line 44: | Line 57: | ||
==== Cabecera ==== | ==== 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). | 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. | |||
'''Nota*:''' Con objeto de que los editores puedan modificar las cabeceras y pies construidos con el generador de temas se debe comprobar si está ''HABILITADO'' en '''Divi → Editor de rol → Pestaña Editor.''' | |||
==== Pie ==== | ==== 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). | 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. | |||
== OTROS ELEMENTOS == | == 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 === | === Geolocalizar contenidos === | ||
Una forma sencilla de disponer una geolocalización sencilla de contenidos aprovecha la instalación del | 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. | * 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. | * 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 [[Wordpress:Portales_municipales:Configurar_el_formulario_de_contacto|aquí]]. | |||
=== Crear redirección a la sede electrónica === | |||
En el caso de un pueblo con sede electrónica en EPRINSA, [[Wordpress:Plugins:Redirection#Crear_una_redirecci.C3.B3n|crear con el ''plugin'' ''Redirection'' una redirección]] desde <code>/sede</code> a <code>https://sede.eprinsa.es/identificador-pueblo</code> | |||
=== Si el portal tiene app municipal asociada === | |||
Comprobar en la columna ''App'' de [https://docs.google.com/spreadsheets/d/15dnODmxg8DNmBpFqgbIMYgy10-n4t_oh-lOZA689bfE/edit#gid=1023201867 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. | |||
# '''Desplegar''' "'''Opciones'''" (la sección aparece plegada por defecto) | |||
# '''Activar''' la casilla del campo '''''mostrar en rest''''' | |||
# En el campo '''''Base de rest''''', '''introducir''' el valor '''''enlaces_app''''' | |||
# Volver arriba y pulsar '''''Guardar tipo de entrada''''' | |||
# 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.'' | |||
# 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.''''' | |||
# 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 [https://docs.google.com/spreadsheets/d/15dnODmxg8DNmBpFqgbIMYgy10-n4t_oh-lOZA689bfE/edit#gid=1023201867 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 | |||
=== Plugin Yoast SEO === | |||
Instalar el plugin Yoat Seo en caso de no tenerlo. | |||
==== Configuración de Yoast SEO ==== | |||
* Acceder a la administración WordPress y en el menú lateral izquierdo de la Administración, seleccionar ''SEO'' | |||
* Seleccionar la pestaña ''Características'' de la opción ''General'', desactivar ''Mapas del sitio XML'' y pulsar el botón ''Guardar cambios'' | |||
* Seleccionar la opción ''Apariencia en el buscador'', aplicar los cambios indicados a continuación y tras ello, pulsar el botón ''Guardar cambios'' | |||
** Pulsar la pestaña ''Archivos'', desactivar la opción ''Archivos de autor'' | |||
** Para los dominios que tengan App: | |||
*** Pulsar la pestaña ''Tipos de contenido'' y desactivar las siguientes opciones para el tipo de contenido ''email_incidencias'', ''incidencia'': | |||
**** ¿Mostramos <tipo de contenido> en los resultados de búsqueda? | |||
**** ¿Mostrar los ajustes SEO para <tipo de contenido>? | |||
**** ¿Mostramos el archivo para <tipo de contenido> en los resultados de búsqueda? | |||
*** Pulsar la pestaña ''Taxonomías'' y para ''categorias_web_movil'' se desactiva: | |||
**** ¿Mostramos <taxonomía> en los resultados de búsqueda? | |||
**** ¿Mostrar los ajustes SEO para <taxonomía>? | |||
=== Plugin EWWW Image Optimizar === | |||
Instalar el plugin EWWW Image Optimizar en caso de no tenerlo. | |||
==== Configuración de EWWW Image Optimizar ==== | |||
* Tras activar el plugin, aparece la configuración inicial, donde seleccionaremos las casillas de ''Acelera tu sitio'', ''Ahorra espacio de almacenamiento'', y el radio button ''Déjame con el modo gratuito de momento'' y a continuación guardamos los cambios | |||
* En la siguiente configuración dejaremos las opciones por defecto, solo seleccionando la opción ''Conversión WebP'', la cual nos pedirá confirmación, a continuación guardamos los cambios | |||
* El siguiente paso es lanzar el proceso de optimización por lotes, para ello podemos acceder desde el enlace que aparece en la misma configuración del plugin, o accediendo en ''Medios'' -> ''Optimización en lote'' | |||
** Pulsaremos sobre el botón ''Buscar imágenes sin optimizar'' para buscar las imágenes a procesar | |||
** Pulsaremos sobre el botón ''Optimizar x imágenes'' para lanzar el proceso, el cual puede tardar minutos o incluso horas en función del nº de imágenes a procesar | |||
=== Enlaces de la App === | |||
En caso de tener Enlaces de la App, hay que comprobar que la imagen asociada a cada uno de ellos está asignada a su imagen destacada. Para ello, se edita el enlace y se comprueba que el campo Imagen de Enlaces_app fields tiene valor. En ese caso, establecer la imagen destacada del enlace con dicha imagen. Si no se sabe cuál es porque se muestra un cuadrado blanco, en el Port@l correspondiente se accede a Gestión Móvil > Enlaces de Apps y URL y se edita el enlace en cuestión para saber qué imagen debe utilizarse. | |||
== MAQUETACIÓN DE PÁGINAS Y DE LA PORTADA == | |||
En el proceso de importación se importarán las páginas existentes, alguna de las cuales puede venir sin estructura Divi (si tiene listados de contenidos genéricos o detalles) y otras sí tendrán estructura, como en el caso de las que tienen listados de noticias (convertidos a blog) y listados de documentos (convertidos a conmutadores de cada categoría con enlaces a los medios). | |||
La metodología de trabajo recomendada consiste en: | |||
* Aprovechar las páginas existentes para añadirles los elementos comunes (básicamente el título de página). | |||
* Clonar las páginas ya creadas de tipologías similares para luego modificar lo necesario. | |||
* Agrupar las páginas con poco contenido o contenido relacionado para aplanar la estructura de niveles de menú. | |||
Aunque los portales municipales en Drupal tienen una portada, se decidió no importarla en WordPress, por lo que es necesario crearla desde cero. | |||
== ANTES DE PONER EN PRODUCCIÓN == | == 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. | |||
* '''Pasar la petición al grupo de diseño''', para que validen el trabajo. | |||
=== Si el Port@l tiene APP === | |||
Si el port@l tiene APP, [[Wordpress:Portales_municipales:Instalaci%C3%B3n_e_importaci%C3%B3n_de_datos#SI_EL_PORT.40L_TIENE_APP...|se importan de nuevo los contenidos usados en la APP]] | |||
En el menú lateral izquierdo de la Administración, seleccionar ''Herramientas > Redirection'' para añadir las siguientes reglas, que van todas dirigidas a página 404 pues no van a existir esas url: | |||
* /incidencia/* | |||
* /email_incidencias/* | |||
* /categorias_web_movil/* | |||
Cada una de las reglas debe tener definida las siguientes opciones: | |||
* Opciones de URL/Regex: Expresión regular | |||
* Le damos a la ruedita para expandir las otras opciones | |||
* Coincidencia: Sólo URL | |||
* Cuando coincide: Error (404) con el código HTTP 404 – No encontrado | |||
* Grupo redirecciones | |||
Por último, pulsar el botón ''Añadir redirección'' | |||
=== Eliminar elementos innecesarios === | === Eliminar elementos innecesarios === | ||
* Plugins de Frederic Gilles FG Drupal to... | * Plugins de Frederic Gilles "FG Drupal to..." | ||
* Distribuciones de Port@l: '''Divi → Biblioteca de Divi''' ('''bootstrap_...''') | * Distribuciones de Port@l: '''Divi → Biblioteca de Divi''' ('''bootstrap_...''') | ||
* Galerías de imágenes (usadas para traer las imágenes pero luego sustituidas por el ''widget'' galerías de Divi) | * '''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: | |||
<pre>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';</pre> | |||
'''Nota:''' El nombre de la tabla es el mismo en cualquier portal, al tratarse de instalaciones clonadas. | |||
<p>Si se están usando plantillas en el constructor de temas, esta modificación no es necesaria.</p> | |||
'''Otra nota:''' Ha habido una actualización de Divi que inserta el registro de la barra lateral en la tabla post_meta con otra codificación, pone el valor 'et_right_sidebar' cuando antes no introducía dato alguno. Esto no afecta a las entradas previamente convertidas (provenientes de port@l 2.0, por ejemplo) pero sí a las nuevas. Para solventar esta indeseada "aparición" se puede crear y aplicar una plantilla del constructor de temas a las entradas o ejecutar la sentencia siguiente: | |||
<pre>UPDATE S4PbK_postmeta SET meta_value='et_no_sidebar' WHERE meta_value='et_right_sidebar';</pre> | |||
=== 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 '''[[Wordpress:Portales municipales:Instalación e importación de datos#AÑADIR UN NUEVO DOMINIO|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 <code>/wp-content/et-cache</code> o <code>/wp-content/cache/et</code>) | |||
=== Clonación de transparencia.portalX === | |||
Se siguen los mismos pasos de '''[[Wordpress:Portales municipales:Instalación e importación de datos#ADICIÓN DEL SUBDOMINIO|añadir el subdominio transparencia]]''', adaptando portalX.eprinsa.es al dominio del municipio. | |||
=== Migración del dominio al plesk de producción === | |||
<nowiki>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 (54.220.244.231).</nowiki> | |||
* En plesk.eprinsa.es '''Acceder''' a '''Herramientas y configuración → Administrador de migraciones y transferencias''' | |||
* '''Seleccionar''' el Host '''63.34.26.165''' | |||
* '''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'''". | |||
* '''Si el dominio''' objeto de la migración '''no aparece''', clicar "'''Volver a cargar los datos de origen'''" en la parte superior derecha. | |||
* '''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 [https://eu-west-3.signin.aws.amazon.com/oauth?SignatureVersion=4&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAIKN24O7AKQJQGPCA&X-Amz-Date=2019-09-27T07%3A06%3A31.984Z&X-Amz-Signature=b92e3cca4f2a7a1af3501a9c3550061279ad5af80197768eeba8c165e43346ca&X-Amz-SignedHeaders=host&client_id=arn%3Aaws%3Aiam%3A%3A015428540659%3Auser%2Fparksidewebapp&redirect_uri=https%3A%2F%2Flightsail.aws.amazon.com%2Fls%2Fwebapp%3Fstate%3DhashArgs%2523%26isauthcode%3Dtrue&response_type=code&state=hashArgs%23 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". | |||
** Existe un '''medio alternativo''' para conectarse '''desde cualquier terminal''', para lo que es necesario disponer del certificado de acceso '''LightsailDefaultKey-eu-west-1.pem''' que se puede obtener en https://lightsail.aws.amazon.com/ls/webapp/account/keys estando autenticado (el de la bandera de Irlanda). Una vez hecho: | |||
*** Acceder a una terminal y escribir <code>ssh -i /ruta_al_certificado/LightsailDefaultKey-eu-west-1.pem ubuntu@el_plesk_que_sea.eprinsa.es</code> | |||
*** Este método tiene la ventaja de que impide las frecuentes desconexiones por ''timeout'' de la consola anterior. | |||
** Escribir el comando <code>sudo plesk ext wp-toolkit --wp-cli -instance-id XX -- search-replace portalYY.eprinsa.es municipio_configurándose.es --all-tables</code> 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 barra inferior de direcciones al pasar el ratón por encima del enlace a ''Wordpress toolkit'' de la instancia.<br/> | |||
[[File:Id-de-dominio.png|600px|center|Identificador de dominio]] | |||
** Escribir el comando <code>sudo plesk ext wp-toolkit --wp-cli -instance-id XX -- search-replace transparencia.portalYY.eprinsa.es transparencia.municipio_configurándose.es --all-tables</code> 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.<br/> | |||
** También puede ejecutarse una instrucción del tipo <code>sudo plesk ext wp-toolkit --wp-cli -instance-id XX -- search-replace "munixipio" "municipio configurándose" --all-tables</code> para ahorrarse cambios posteriores, en ambos casos. | |||
== ¿Y CÓMO CONFIGURO EL PORTAL DE TRANSPARENCIA? == | |||
Se trataría de acceder a '''[[Wordpress:Portal de transparencia|este documento]]''' donde se muestra lo esencial para su personalización. | |||
== CONFIGURACIÓN DE LAS CABECERAS DE SEGURIDAD == | |||
Para configurar las cabeceras de seguridad habría que seguir los pasos de '''[https://docs.google.com/document/d/1umRPzt6c6jRoBZsSfZwYvarvAg04evHJlVRsej3YrH4 este documento]'''. | |||
== ¿DÓNDE CONTINUAR? == | |||
Los pasos siguientes, esenciales en la puesta en marcha, pueden seguirse en '''[[Wordpress:Portales_municipales:Puesta_en_producción_y_entrega|Puesta en producción]]''' | |||
Latest revision as of 11:28, 7 February 2024
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, preferiblemente la asignada a su usuario AD, en la que se compartirán la gestión y el uso compartido de 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.
- En su caso, es conveniente advertir de que el proceso también conlleva una drástica reducción del número de páginas con el fin de dejar como mucho dos niveles de profundidad en el menú porque:
- La navegación desde dispositivos móviles se convierte en engorrosa con menús de hamburguesa de varios niveles.
- El entorno de trabajo Divi, suministra nuevos medios de colocar la información que hacen innecesario distribuirla en páginas y más páginas. Por otro lado se adaptan mejor a la navegación "natural" en los dispositivos móviles: vertical desplazando el dedo.
¿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, excepción hecha de las usadas para clasificación de contenidos enlazados desde Trasnparencia.
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.
Nota*: Con objeto de que los editores puedan modificar las cabeceras y pies construidos con el generador de temas se debe comprobar si está HABILITADO en Divi → Editor de rol → Pestaña Editor.
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.
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.
- Desplegar "Opciones" (la sección aparece plegada por defecto)
- Activar la casilla del campo mostrar en rest
- En el campo Base de rest, introducir el valor enlaces_app
- Volver arriba y pulsar Guardar tipo de entrada
- 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.
- 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.
- 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
Plugin Yoast SEO
Instalar el plugin Yoat Seo en caso de no tenerlo.
Configuración de Yoast SEO
- Acceder a la administración WordPress y en el menú lateral izquierdo de la Administración, seleccionar SEO
- Seleccionar la pestaña Características de la opción General, desactivar Mapas del sitio XML y pulsar el botón Guardar cambios
- Seleccionar la opción Apariencia en el buscador, aplicar los cambios indicados a continuación y tras ello, pulsar el botón Guardar cambios
- Pulsar la pestaña Archivos, desactivar la opción Archivos de autor
- Para los dominios que tengan App:
- Pulsar la pestaña Tipos de contenido y desactivar las siguientes opciones para el tipo de contenido email_incidencias, incidencia:
- ¿Mostramos <tipo de contenido> en los resultados de búsqueda?
- ¿Mostrar los ajustes SEO para <tipo de contenido>?
- ¿Mostramos el archivo para <tipo de contenido> en los resultados de búsqueda?
- Pulsar la pestaña Taxonomías y para categorias_web_movil se desactiva:
- ¿Mostramos <taxonomía> en los resultados de búsqueda?
- ¿Mostrar los ajustes SEO para <taxonomía>?
- Pulsar la pestaña Tipos de contenido y desactivar las siguientes opciones para el tipo de contenido email_incidencias, incidencia:
Plugin EWWW Image Optimizar
Instalar el plugin EWWW Image Optimizar en caso de no tenerlo.
Configuración de EWWW Image Optimizar
- Tras activar el plugin, aparece la configuración inicial, donde seleccionaremos las casillas de Acelera tu sitio, Ahorra espacio de almacenamiento, y el radio button Déjame con el modo gratuito de momento y a continuación guardamos los cambios
- En la siguiente configuración dejaremos las opciones por defecto, solo seleccionando la opción Conversión WebP, la cual nos pedirá confirmación, a continuación guardamos los cambios
- El siguiente paso es lanzar el proceso de optimización por lotes, para ello podemos acceder desde el enlace que aparece en la misma configuración del plugin, o accediendo en Medios -> Optimización en lote
- Pulsaremos sobre el botón Buscar imágenes sin optimizar para buscar las imágenes a procesar
- Pulsaremos sobre el botón Optimizar x imágenes para lanzar el proceso, el cual puede tardar minutos o incluso horas en función del nº de imágenes a procesar
Enlaces de la App
En caso de tener Enlaces de la App, hay que comprobar que la imagen asociada a cada uno de ellos está asignada a su imagen destacada. Para ello, se edita el enlace y se comprueba que el campo Imagen de Enlaces_app fields tiene valor. En ese caso, establecer la imagen destacada del enlace con dicha imagen. Si no se sabe cuál es porque se muestra un cuadrado blanco, en el Port@l correspondiente se accede a Gestión Móvil > Enlaces de Apps y URL y se edita el enlace en cuestión para saber qué imagen debe utilizarse.
MAQUETACIÓN DE PÁGINAS Y DE LA PORTADA
En el proceso de importación se importarán las páginas existentes, alguna de las cuales puede venir sin estructura Divi (si tiene listados de contenidos genéricos o detalles) y otras sí tendrán estructura, como en el caso de las que tienen listados de noticias (convertidos a blog) y listados de documentos (convertidos a conmutadores de cada categoría con enlaces a los medios).
La metodología de trabajo recomendada consiste en:
- Aprovechar las páginas existentes para añadirles los elementos comunes (básicamente el título de página).
- Clonar las páginas ya creadas de tipologías similares para luego modificar lo necesario.
- Agrupar las páginas con poco contenido o contenido relacionado para aplanar la estructura de niveles de menú.
Aunque los portales municipales en Drupal tienen una portada, se decidió no importarla en WordPress, por lo que es necesario crearla desde cero.
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.
- Pasar la petición al grupo de diseño, para que validen el trabajo.
Si el Port@l tiene APP
Si el port@l tiene APP, se importan de nuevo los contenidos usados en la APP
En el menú lateral izquierdo de la Administración, seleccionar Herramientas > Redirection para añadir las siguientes reglas, que van todas dirigidas a página 404 pues no van a existir esas url:
- /incidencia/*
- /email_incidencias/*
- /categorias_web_movil/*
Cada una de las reglas debe tener definida las siguientes opciones:
- Opciones de URL/Regex: Expresión regular
- Le damos a la ruedita para expandir las otras opciones
- Coincidencia: Sólo URL
- Cuando coincide: Error (404) con el código HTTP 404 – No encontrado
- Grupo redirecciones
Por último, pulsar el botón Añadir redirecció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.
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.
Otra nota: Ha habido una actualización de Divi que inserta el registro de la barra lateral en la tabla post_meta con otra codificación, pone el valor 'et_right_sidebar' cuando antes no introducía dato alguno. Esto no afecta a las entradas previamente convertidas (provenientes de port@l 2.0, por ejemplo) pero sí a las nuevas. Para solventar esta indeseada "aparición" se puede crear y aplicar una plantilla del constructor de temas a las entradas o ejecutar la sentencia siguiente:
UPDATE S4PbK_postmeta SET meta_value='et_no_sidebar' WHERE meta_value='et_right_sidebar';
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.
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 (54.220.244.231).
- En plesk.eprinsa.es Acceder a Herramientas y configuración → Administrador de migraciones y transferencias
- Seleccionar el Host 63.34.26.165
- 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".
- Si el dominio objeto de la migración no aparece, clicar "Volver a cargar los datos de origen" en la parte superior derecha.
- 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".
- Existe un medio alternativo para conectarse desde cualquier terminal, para lo que es necesario disponer del certificado de acceso LightsailDefaultKey-eu-west-1.pem que se puede obtener en https://lightsail.aws.amazon.com/ls/webapp/account/keys estando autenticado (el de la bandera de Irlanda). Una vez hecho:
- Acceder a una terminal y escribir
ssh -i /ruta_al_certificado/LightsailDefaultKey-eu-west-1.pem ubuntu@el_plesk_que_sea.eprinsa.es - Este método tiene la ventaja de que impide las frecuentes desconexiones por timeout de la consola anterior.
- Acceder a una terminal y escribir
- Escribir el comando
sudo plesk ext wp-toolkit --wp-cli -instance-id XX -- search-replace portalYY.eprinsa.es municipio_configurándose.es --all-tablesdonde 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 barra inferior de direcciones al pasar el ratón por encima del enlace a Wordpress toolkit de la instancia.
- 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-tablesdonde 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-tablespara ahorrarse cambios posteriores, en ambos casos.
- Escribir el comando
¿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.
CONFIGURACIÓN DE LAS CABECERAS DE SEGURIDAD
Para configurar las cabeceras de seguridad habría que seguir los pasos de este documento.
¿DÓNDE CONTINUAR?
Los pasos siguientes, esenciales en la puesta en marcha, pueden seguirse en Puesta en producción