instructivo nueva plantilla de word press

V 1.0

MARZO/2021

Instructivo nueva plantilla de

Word Press

Mendoza Gobierno | Portal Oficial del

Gobierno y su red de micrositios

Instructivo Nueva plantilla de Word Press Mendoza Gobierno | Portal Oficial del Gobierno y su red de micrositios

Página 2 de 21

CONTENIDO

INTRODUCCIÓN 3

ESTRUCTURA GENERAL DE LA PLANTILLA 3

MODULO DE APARIENCIA 4

TEMAS 4

PERSONALIZAR 1

IDENTIDAD DEL SITIO 1

LOGO MENU/FOOTER 2

CONFIGURACIÓN DE MENU 3

PORTADA DE INICIO 3

MENÚS 6

CANTIDAD DE FILAS DE LA PÁGINA PRINCIPAL 9

WIDGETS 10

WIDGETS AGREGADOS 12

POP UP 12

FILA DE ACCESOS A MICROSITIOS 13

CAROUSEL DE NOTICIAS 13

ESCRITORIO DE WORDPRESS POR MICROSITIO 14

CAROUSEL EN PORTADA 14

VIDEO EN PORTADA 16

ALERTAS 16


Página 3 de 21

INTRODUCCIÓN La siguiente guía tiene como objetivo plasmar los detalles principales de la plantilla Gob-Theme-

New para conformar la página principal de cada micrositio y su encabezado. La misma se llevo a

cabo bajo los conceptos generales de las plantillas que ya utiliza el sistema.

ESTRUCTURA GENERAL DE LA PLANTILLA

La plantilla contiene una serie de secciones las cuales serán editables desde el modulo de Apariencia. Cada una de las secciones podrá personalizarse con el conjunto de widgets proporcionados por Word Press y otros armados particularmente para este sitio. Secciones: 1. Alertas

2. Barra del sitio

3. Barra de menús

4. Portada de inicio

5. Menú inferior -

Bajo Portada

6. Filas

Se configura

cantidad de filas y

por cada fila su

cantidad de

columnas

7. Pie de página

8. Pop Up


Página 4 de 21

MODULO DE APARIENCIA El módulo de apariencia se encuentra desglosado en 4 opciones

Temas: Plantillas disponibles para armar los esquemas de la página principal

Personalizar: Permite definir los elementos que le dan la identidad al sitio y a la portada de inicio.

Widgets: Permite trabajar con componentes las diferentes filas y columnas especificadas para el esquema de la pantalla principal

Menus: Permite administrar el menú que se ubica en el encabezado de página del sitio.

A continuación, se detalla cada una de las configuraciones que tenemos disponibles.

TEMAS

Para actualizar o cambiar la plantilla de portada del sitio, debe ingresar al módulo de Apariencia, el

sistema por defecto cargará la opción Temas:

Al pasar el puntero por arriba de los temas nos aparecen distintas opciones, dependiendo si es el

tema activo o no.

Tema activo

Tema no activo

Para seleccionar un tema se debe hacer clic en el botón “Activar”, luego podemos ingresar a

realizar los ajustes de la página principal a través de la opción “Personalizar”

PERSONALIZAR

Al hacer clic en la opción Personalizar, nos encontraremos con la siguiente vista:

Sobre el lateral izquierdo nos encontramos las opciones que nos permite configurar el sistema y a

la derecha podremos ir viendo su previsualización.

IDENTIDAD DEL SITIO

Al hacer clic en esta sección podrá configurar el nombre del micrositio y su descripción corta. En el

caso de la plantilla Gob-Theme-New, el nombre del micrositio se utiliza al lado del logo.

Debe ingresar el texto en el campo “Título del sitio” y seleccionar la opción publicar.


Página 2 de 21

LOGO MENU/FOOTER

Al hacer clic en esta sección podrá quitar o editar los iconos que se visualizan en el encabezado y el

pie de página.

Importante: El tamaño ideal de las imágenes para los logos es 126×55 px.

Por defecto el sistema tiene configurado el mismo logo para mostrarse tanto en el encabezado

como en el pie de página. Acciones disponibles:

- Seleccionar imagen: Cuando no hemos elegido aun un icono para nuestro sitio aparece

este botón. Al hacer clic nos ofrece cargar un archivo de nuestra PC o seleccionar un

archivo de la biblioteca multimedia del sistema.

- Cambiar Imagen: Nos permite modificar el logo actual. Al hacer clic nos ofrece cargar un

archivo de nuestra PC o seleccionar un archivo de la biblioteca multimedia del sistema.


Página 3 de 21

- Quitar: Nos permite quitar el logo que hayamos subido y que vinculado el logo que trae

por defecto el sistema.

En cualquiera de las acciones, se requiere ejecutar la acción y luego seleccionar publicar para

guardar los cambios.

CONFIGURACIÓN DE MENU

Al hacer clic en esta sección podrá configurar 2 aspectos de la barra del sitio:

- Color de la barra de menú: Este atributo permite definir el color de la barra del sitio.

Existen 3 opciones:

o Blanco

o Morado

o Cian

- Mostrar nombre de ministerio: Si selecciona la opción “no” el nombre que hayamos

configurado como nombre del micrositio no se mostrará, por defecto o si seleccionamos la

opción “si” aparecerá en la barra del sitio

Se debe seleccionar opción publicar para guardar los cambios.

PORTADA DE INICIO

Al hacer clic en esta opción podrá configurar los aspectos de la sección portada de inicio.

En el caso de la plantilla Gob-Theme-New, tenemos en cuenta las siguientes configuraciones:

- Tipo: Determina el tipo de portada. Opciones:

o Carousel de noticias: Este tipo de portada permite mostrar una serie de entradas

las cuales incluyen imagen, titulo y optativamente una bajada. Para ver el detalle

de su configuración acceder a Escritorio >> Carousel de Portada.


Página 4 de 21

Nota: en el caso particular del micrositio de prensa tiene incluido su propio

buscador.

o Sin portada: Oculta esta sección

o Buscador: Incluye en la barra del sitio un buscador, se combina con el campo

“Banner" para mostrar en esta sección una imagen de fondo y se puede incluir un

texto sobre la imagen usando el campo “Texto para mostrar en portada

micrositio”

o Portada micrositio: Combina imagen de fondo, utilizando el campo “Banner” y se

puede incluir un texto sobre la imagen usando el campo “Texto para mostrar en

portada micrositio


Página 5 de 21

o Video: Este tipo de portada permite mostrar un video de Youtube como portada

del micrositio. Para ver el detalle de su configuración acceder a Escritorio >> Video

en portada

- Banner: Permite seleccionar una imagen para la portada, es combinable con el tipo de

portada buscador o portada de micrositio. Al hacer clic nos ofrece cargar un archivo de

nuestra PC o seleccionar un archivo de la biblioteca multimedia del sistema.

- Texto para mostrar en portada de micrositio: Permite incluir un texto sobre la imagen de

la portada, es combinable con el tipo de portada buscador o portada de micrositio.

- Titulo (Mostrar u ocultar título): Indica si se debe o no mostrar el campo Texto para

mostrar en la portada del sitio, es compatible con el tipo de portada buscador o portada

de micrositio.

- Opacidad (Mostrar u ocultar título): Es compatible con el tipo de portada buscador o

portada de micrositio. Si selecciona la opción mostrar, la imagen se visualiza con un filtro y

si selecciona ocultar, la imagen se visualiza de forma normal.

Se debe seleccionar opción publicar para guardar los cambios.


Página 6 de 21

MENÚS

Al hacer clic en esta opción podrá configurar el menú principal del micrositio.

En el caso de la plantilla Gob-Theme-New, si se configura el mismo se visualizará debajo de la

barra del sitio, en color oscuro


Página 7 de 21

Para crear un menú se debe seleccionar la opción “Crear un nuevo menú”

Al seleccionar esta opción se despliega una pantalla para completar el nombre del nuevo menú, se

debe tildar la casilla “header” y la opción Siguiente para ir agregando los elementos del menú.

Hasta que no se seleccione la opción publicar, no se guardarán los cambios en el sistema.

Una vez que ingresamos a la pantalla de configuración del menú, las opciones disponibles son:

1) Agregar elemento

Al seleccionar esta opción se despliega un panel lateral donde muestra las siguientes

opciones para configurar el enlace:

o Enlaces personalizados


Página 8 de 21

o Páginas

o Entradas

o Agenda

o Microfichas

o Categorías

o Etiquetas

En el caso de enlaces personalizados se debe completar nombre del elemento y enlace a

donde debe direccionar, para el resto de las categorías de enlaces se despliega un listado

con las opciones disponibles y al hacer clic sobre una opción esta se despliega en el panel

lateral donde se va armando el menú.

Panel de armado del menú Panel de armado/selección de elemento


Página 9 de 21

2) Quitar

Al hacer clic sobre la cruz roja de un elemento el mismo se borra

3) Reordenar

Al final del panel de armado del menú se visualiza la opción reordenar, al hacer clic sobre

esta acción, el sistema muestra por cada elemento del menú las opciones

Subir | Bajar | Izquierda | Derecha

Estas acciones permiten cambiar el orden de los elementos y/o

reagrupar las opciones si queremos agregar/quitar una opción como

submenú de otra. También se puede modificar el orden de los elementos

haciendo clic derecho sobre una opción y arrastrando hasta la opción

deseada.

Para guardar todos los cambios efectuados se debe seleccionar opción publicar.

CANTIDAD DE FILAS DE LA PÁGINA PRINCIPAL

Al hacer clic en esta opción podrá configurar la cantidad de filas que se visualizan entre la sección

menú inferior de portada y el pie de página.

Una vez definido este dato o si se modifica a posterior, se debe seleccionar la opción publicar y

recargar la página.

Por cada fila se podrán configurar los siguientes datos:

- Cantidad de columnas de la fila X: Indica en que cantidad de columnas se divide una fila X.

Las opciones disponibles son:

o Pleno (una columna)

o 2 columnas

o 3 columnas

o 4 columnas

o 5 columnas

o 6 columnas

Importante:

o Al modificar este valor se debe seleccionar la opción publicar y recargar la página.

o Si selecciona más de 1 columna, luego deberá completar por cada columna el

tamaño de esta. El tamaño máximo de una columna, es decir cuando tenemos un

pleno, es de 12. La suma de los tamaños de las columnas para una fila no debe

superar ese valor. Ejemplo: Si definimos una fila que tiene 3 columnas podríamos

indicar que cada columna tiene como valor el número 4.


Página 10 de 21

- Background de la Fila X: Permite definir color de fondo de la fila, las opciones disponibles

son:

o Blanco

o Cian (Azul)

o Gris

o Negro

- Padding columnas de la fila: Permite definir si el contenido de la fila incluye o no un

espacio entre el contenido del elemento y el borde de la fila.


WIDGETS

Los Widgets son componentes que pueden cargarse en diferentes espacios de la página principal

de un micrositios.

Al hacer clic en esta opción podrá configurar por cada posición definida en el punto anterior

(cantidad de filas de la página principal) los elementos a incluir como contenido.

Una vez que ingresamos a la vista, debemos hacer clic sobre la ubicación que queremos modificar,

por ejemplo, fila 1 – columna 1:


Página 11 de 21

Las opciones disponibles una vez que ingresamos a editar una ubicación son:

1) Agregar un widget

Al seleccionar esta opción se despliega un panel lateral donde muestra el listado de

widgets disponibles para el sistema

Al hacer clic sobre una opción esta se despliega en el panel lateral donde se va armando el

contenido de la ubicación:

Panel de armado de la ubicación Panel selección del widget

2) Quitar

Al final de la configuración de un widget, encontraremos el botón Quitar, el mismo

permitirá borrar el widget del panel de armado de la ubicación

3) Reordenar

Al final del panel de armado de la ubicación también se visualiza la opción reordenar, al

hacer clic sobre esta acción, el sistema muestra por cada widget que agregamos las

opciones para acomodar el orden de aparición de los componentes.


Página 12 de 21

También se puede modificar el orden de los componentes haciendo clic derecho sobre un

widget y arrastrando hasta la ubicación deseada.


WIDGETS AGREGADOS

A continuación, se detallan los widgets generados especialmente para la plantilla Gob-Theme-New

POP UP

Este componente permite agregar en la página principal del micrositio una ventana emergente

para dar una nueva alerta. Se debe agregar a cualquiera de las filas que se configuran en el módulo

de widgets. Se necesitan 3 datos:

- Titulo

- Texto

- Estado: Esta casilla debe estar tildada para que el pop up se muestre en la pagina

principal, caso contrario, si esta agregado el widget pero no esta tildada esta casilla, el pop

up no se mostrará.


Página 13 de 21

FILA DE ACCESOS A MICROSITIOS

Este componente permite agregar una fila con un máximo de 10 iconos circulares. Se puede

utilizar tanto en una fila definida en el modulo cantidad de filas de la página principal como en la

fila especial Menú inferior – Bajo portada.

Primero se debe seleccionar el sitio que estamos trabajando y luego se deberá configurar por cada

elemento la siguiente información:

- Nombre que aparece debajo del icono: El nombre de la etiqueta para completar esta

información es Primero, Segundo, Tercero, etc.

- Enlace: El sistema muestra el listado de enlaces que se detectan para el micrositio.

- Link Segundo: Alternativamente si enlace al que se quiere apuntar esta por fuera del

micrositio se puede completar su URL en este apartado

- Icono: Permite definir el icono a utilizar del listado que contiene la biblioteca del sistema.

https://www.mendoza.gov.ar/ayuda/diseno/iconos/

- Color: Permite definir el color de fondo del circulo al pasar el puntero por el icono.

Listado de colores disponibles:

CAROUSEL DE NOTICIAS

Este widget se actualizó para que sea compatible con la plantilla Gob-Theme-New.

Se debe seleccionar micrositio, categoría y cantidad de las entradas a mostrar.

En el widget mostrará por cada entrada:

- Imagen destacada

- Titulo

- Bajada (Es opcional)

Para el dato “Bajada” se requiere configurar un grupo de campos personalizados. El mismo debe

tener un dato que sea del tipo texto y tenga definido como Field Name, la clave bajada_destacada


Página 14 de 21

Por otro lado, este campo personalizado debe tener como regla estar asociado a las entradas:

Visualización

El dato “bajada” es opcional, si se completa el sistema destina 2 líneas para el titulo y 2 líneas

para la bajada, si la “bajada” no se completa, las 4 líneas pueden ser ocupadas por el título.

ESCRITORIO DE WORDPRESS POR MICROSITIO El Escritorio de WordPress es la pantalla de administración principal del micrositio, a continuación,

se explicará los cambios que se incluyeron para la plantilla Gob-Theme-New.

CAROUSEL EN PORTADA

Si seleccionamos como tipo de portada de inicio la opción carousel de noticias, debemos ingresar

en el módulo “Escritorio” >> opción “Carousel en Portada”, y configurar 2 datos:


Página 15 de 21

- Categoría: Muestra el listado de categorías dadas de alta en el micrositio.

- Cantidad: Representa la cantidad de entradas que se mostrarán en el carousel

De acuerdo con estos 2 datos, el sistema mostrará en el carousel las ultimas entradas ingresadas

en el sistema que coincidan con la categoría elegida.

Se sugiere agregar una categoría especifica para utilizar en este componente.

En el widget mostrará por cada entrada:

- Imagen destacada

- Titulo

- Bajada (Es opcional)

Para el dato “Bajada” se requiere configurar un grupo de campos personalizados. El mismo debe

tener un dato que sea del tipo texto y tenga definido como Field Name, la clave bajada_carousel

Por otro lado, este campo personalizado debe tener como regla estar asociado a las entradas que utilizaremos en la home, en nuestro ejemplo creamos la categoría “portada” y asociamos el grupo de campos personalizados a dicha categoria:


Página 16 de 21

Visualización de la Portada de inicio

Para el caso de resoluciones menores a 768 la bajada se ocultará para no desbordar la imagen.

VIDEO EN PORTADA

Si seleccionamos como tipo de portada de inicio la opción video, debemos ingresar en el módulo

“Escritorio” >> opción “Video de Portada”, configurar el Identificador del video y seleccionar

guardar.

Importante: solo se debe completar el identificador del video

ALERTAS En este módulo se agregó un nuevo color de alerta que es Fondo Blanco y letra color CIAN (azul)


Página 17 de 21

instructivo nueva plantilla de word press

Documents