Wordpress:Portales municipales:Ajustes y puesta a punto: Difference between revisions

From
Jump to navigation Jump to search
Line 50: Line 50:
  * "'''Guardar cambios'''"
  * "'''Guardar cambios'''"
  La altura del logotipo se puede cambiar en los mencionados ajustes de la '''Barra de menú principal → LOGO MAX ALTURA'''.
  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 ====
==== Pie ====

Revision as of 09:41, 17 September 2019

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 uno de los correspondientes a la cuenta corporativa que elijan para ir adelantando trabajo. Esa cuenta la usaremos en la configuración del plugin "Simple calendar".

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

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.

ANTES DE PONER EN PRODUCCIÓN

Eliminar elementos innecesarios

  • Plugins de Frederic Gilles FG Drupal to...
  • 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)