Wordpress:Temas de dipucordoba.es: Difference between revisions

From
Jump to navigation Jump to search
Line 17: Line 17:
#** Sustituir todos los atributos color cuyo valor es ''black'' por el cód. Hex. del ''color A'' del tema.
#** Sustituir todos los atributos color cuyo valor es ''black'' por el cód. Hex. del ''color A'' del tema.
#** Sustituir todos los atributos color cuyo valor es ''red'' por el cód. Hex. del ''color B'' del tema.
#** Sustituir todos los atributos color cuyo valor es ''red'' por el cód. Hex. del ''color B'' del tema.
#** Sustituir líneas de subrayado de cabecera y pie por el ''color A'' del tema.
#** Sustituir líneas de subrayado de cabecera y pie por el ''color A'' del tema. '''¡Atención a las cabeceras personalizadas que se mantengan!''' También hay que cambiarles el color del subrayado.
#** Durante el proceso de maquetado se configurarán distintos elementos (en módulos Divi, views Toolset, etc.) con los colores del tema. Esto se irá llevando a cabo en el momento preciso.
#** Durante el proceso de maquetado se configurarán distintos elementos (en módulos Divi, views Toolset, etc.) con los colores del tema. Esto se irá llevando a cabo en el momento preciso.
# Icono del tema y fondo de la sección de cabecera
# Icono del tema y fondo de la sección de cabecera

Revision as of 12:49, 25 March 2021

Pasos para la migración de un tema

Antes de empezar

  1. Avisar al usuario responsable del tema.
  2. Dar de alta en DNS interno la URL del tema y activar acceso con contraseña.
  3. Mostrar a Jaime el esqueleto con la gama de colores para su aprobación.

Maquetación y diseño

  1. Crear subdominio y clonar tema genérico.
    • Si ya existe el subdominio del nuevo tema, Eliminarlo.
    • Clonar desde tema0.dipucordoba.es a nuevotema.dipucordoba.es
    • Activar plugin NS Cloner y realizar la clonación. (Es recomendable activar log)
    • Desactivar plugin NS Cloner
  2. Establecer colores
    • Consultar los colores del tema según lo indicado en la hoja de cálculo de Temas.
      • Si el tema no tiene los colores A y B definidos (valor Hex.), debe tener un color genérico. En ese caso Definir color A y B exacto.
      • Entrar en Divi > Opciones del Tema > CSS Personalizado
      • Sustituir todos los atributos color cuyo valor es black por el cód. Hex. del color A del tema.
      • Sustituir todos los atributos color cuyo valor es red por el cód. Hex. del color B del tema.
      • Sustituir líneas de subrayado de cabecera y pie por el color A del tema. ¡Atención a las cabeceras personalizadas que se mantengan! También hay que cambiarles el color del subrayado.
      • Durante el proceso de maquetado se configurarán distintos elementos (en módulos Divi, views Toolset, etc.) con los colores del tema. Esto se irá llevando a cabo en el momento preciso.
  3. Icono del tema y fondo de la sección de cabecera
    • En la zona izquierda de la cabecera aparece un icono genérico de tema. Éste debe coincidir con el que aparece en la página de temas de dipucordoba.es (cada tema está identificado con un icono determinado)
      • Sustituir el icono genérico por el específico (Debe encontrarse en unidad de red ...\almacen\CMS\WordPress\dipucordoba\Temas\{NombreTEMA}\ico-{NombreTEMA}-tema.png
    • Sustituir la imagen de fondo de la sección de cabecera .
      • Entrar en Divi > Generador de temas
      • Dentro de las plantillas, entrar en Cabecera >Sección de título - Tema' > Contenido'> Fondo y sustituir la imagen
  4. Menús
    • Existen varios menús en cada tema:
      • Menu-Principal: Clon del menú principal de dipucordoba.es
      • Dipu-Pie: Clon del menú ubicado en el pie de dipucordoba.es
      • Dipu-Legales: Clon del menú de pág. legales (aviso legal, etc.) ubicado en dipucordoba.es
      • Tema: Menú secundario del tema. Se ubica en la cabecera y es opcional, dependiendo de las necesidades de cada tema en concreto.
    • En caso de que deba existir el menú Tema, configurarlo mediante el procedimiento básico de WP (menú Apariencia > Menús)
  5. Creación de páginas
    • Tema 0 conserva la estructura del tema europedirect y varios elementos Divi y ToolSet. Éstos se deberán utilizar (adaptándolos a cada tema nuevo).
    • En caso de necesitar elementos que no estén presentes en el tema, buscar la solución en elementos de dipucordoba e importarlos al nuevo tema.
      • en CSS personalizado se encuentran varios trozos de código comentados. Éstos hacen referencia a elementos de dipucordoba.es. En caso de importar módulos de dicha página, consultar CSS personalizado para "descomentar" y reconfigurar sus estilos.
  • Mostrar resultado al usuario responsable del tema para su aprobación

Importación de contenidos

Pasos previos a la importación

  1. Antes de empezar la importación de contenidos deberemos actualizarnos la base de datos e3_contenidos que está en el dominio dipucordoba.es. Se puede realizar de la siguiente forma:
  • En un terminal, con la siguiente orden
  > mysqldump -h mysqlserver-production -u e3 -p(clavee3) e3 > $_directoriolocal/e3_contenidos.sql
  • Copiar ese sql a uploads de plesk
  > scp -i Descargas/LightsailDefaultKey-eu-west-1.pem Descargas/e3_contenidos.sql ubuntu@34.241.94.120:/uploads
  • Conectarse a lightsail, la instancia de plesk que queramos
  > cd /uploads
  > sudo cp e3_contenidos.sql /var/www/vhosts/dipucordoba.es/  (o al dominio que queramos)
  1. También debemos copiar los archivos images y attachments al directorio uploads, del año o años que necesitemos.
  • Primero, nos conectamos desde un terminal al servidor deploy:
       > ssh deploy@deploy
  • Vamos al directorio donde están en este servidor las imágenes de e3 o del gestor en cuestion:
       > cd /data1/uploads/yii/e3/production/uploads/images
       ó
       > > cd /data1/uploads/yii/e3/production/uploads/attachments
  • Copiamos esas imágenes o attachments al directorio uploads de la máquina plesk en cuestión
       > scp -r -i ../LightsailDefaultKey-eu-west-1.pem y(año) ubuntu@34.241.94.120:/uploads/images/
       ó
       > scp -r -i ../LightsailDefaultKey-eu-west-1.pem y(año) ubuntu@34.241.94.120:/uploads/attachments/

2. Uso del plugin E3 to WP para la importación de contenidos

Puesta en producción

  • Preparar la lista de redirecciones a incluir en el fichero .htaccess de www.dipucordoba.es
  • Desactivar en e3 los roles asociados al tema
  • Mantener una reunión formativa con el usuario y apoyar con la documentación hasta que se haga convocatoria para el curso