manual de uso del administrador de contenidos sitios web

MANUAL DE USO

SITIOS WEB 2.0CMS WORDPRESS

ENTIDADES GUBERNAMENTALES

DE CONTENIDOSISTEMA DE GESTIN

PARA LOS

DEL

EN LAS

5

CMS 2.0 WordPressManual de uso

1. Presentacin 72. Ingreso al Sistema 83. Inicio 114. Edicin de Contenido 155. Descargas 346. Administracin de Mens 377. Mdulo Disqus 388. Mdulo Contacto 439. Crditos 44

7


El manual de uso del sistema de gestin de contenido CMS WordPress para los Sitios Web 2.0 en las Entidades Adscritas al Estado, es una gua procedimental sencilla que resuelve las necesidades de quienes administran este recurso.

Este manual se constituir en la herramienta primaria para auxilio en la administracin de contenido. En l se listan uno a uno los casos y procedimientos especficos para dar mantenimiento al sitio web.

Consideraciones GeneralesPara una correcta administracin del contenido del sitio web gubernamental, es necesario seguir en orden las instrucciones listadas y adems se deben considerar las reglas que se especifican a continuacin:

1. Las imgenes a subir deben tener la medida exacta en pixeles especificada

2. Ninguna imagen debe tener un tamao superior a 200 Kb3. Ninguna imagen puede utilizar formato .gif.4. Las imgenes utilizadas en Banner Rotativo,

Publicidad, y todas las entradas de Banner Institucin deben tener enlace o URL

5. Los archivos cargados en el sitio deben etiquetarse con nombres descriptivos que los definan. Las palabras no deben poseer maysculas o caracteres especiales y deben estar separadas por guiones. Ejemplo: administracion_publica_secretario_hoja_vida.pdf

6. De ser necesario, nicamente se deben aplicar los estilos y recursos html que se listan en este manual

7. No se deber manipular las entradas no especificadas en el contenido de este manual

1. Presentacin

8


Para acceder al administrador de contenidos WordPress, ingresar en la barra de direccin del navegador la siguiente URL: http://www.institucion.gob.ec/wp-admin

Se despliega la siguiente pantalla:

A continuacin, digitar el nombre de usuario y contrasea correspondientes y dar clic en Acceder.

Una vez en el sistema se tendr acceso al men de navegacin, donde se encuentran las opciones para administracin y creacin de contenidos. El men consta de las siguientes secciones:

2. Ingreso al sistema

Pantalla de Acceso al CMS

9


Administrador Bsico del Sitio: Esta seccin permite aadir y modificar los siguientes elementos:

Logotipo de la Institucin Modificacin de Ubicacin o Direccin de la

Institucin. Esta informacin se visualiza en el Footer del sitio web.

Modificacin de las urls correspondientes a las cuatro redes sociales estandarizadas, Facebook, Youtube, Flickr, y Twitter.

Ajustes: Seccin que permite modificar informacin bsica del Sitio Web, tal como Ttulo del sitio, descripcin corta, formato de fecha y hora, etc.

Banner Rotativo: Seccin para modificar las cinco imgenes rotativas del banner principal de la pgina de Inicio.

Banners Lite: La seccin permite administrar la publicidad interna del sitio, los banners del inicio y de Programas / Servicios

Apariencia: Seccin que permite administrar los mens del Inicio, La Institucin, y Programas / Servicios

Marcas: Esta seccin permite administrar los enlaces a los principales sistemas de la Institucin.

Pginas: Seccin que contiene las principales pginas del sitio web.

Edicin de Contenido - Entradas: Esta seccin permite aadir entradas y modificar las existentes. Las entradas con las que se cuenta actualmente son:

Noticias, Eventos, Audio y Vdeo Programas / Servicios La Gobernacin o La Institucin, Valores / Misin

/ Visin, Objetivos, Ejes Estratgicos, Perfil de la Autoridad, Hoja de Vida de la Autoridad, Entidades Adscritas, Intranet.

Men de Navegacin

10


Descargas: La seccin permite administrar categoras y subir archivos a las secciones que contienen documentos descargables, los cuales son: Transparencia, Boletn de Prensa, Biblioteca y documentos con URL

Medios: Seccin que contiene una Galera de Imgenes cargadas en el sitio web.

Comentarios: Seccin de mdulo Disqus, permite valorar los comentarios emitidos por los ciudadanos en las entradas del sitio web

Administrador de YouTube: Seccin que permite cargar los videos de YouTube de la pgina de Comunicamos.

Administrador de Contacto: Seccin de tickets que presenta un listado con dudas, denuncias o sugerencias enviados por el ciudadano a travs de la pgina de Contacto.

11


3. Inicio

3.1 Banner Rotativo

Para modificar esta seccin se debe:

1. Ingresar a Banner Rotativo2. Dar click en Editar Baner 3. En el campo ttulo insertar una frase que acompae a la imagen del

banner4. Ingresar el enlace de la imagen. Ejemplo:

www.flickr.com/photos/institucion5. Dar click en Cambiar Imagen y subir una imagen con subir una imagen de

665 x 370 pixeles 6. Dar clic en el botn Actualizar7. Para otorgar un orden a las imagenes , mantener pulsado el click izquierdo

del mouse sobre la imagen y arrastrarla en el orden requerido.

Acceso al mdulo Banner Rotativo

Edicin de Banner Rotativo

12


3.2 Banner Lite

Para modificar esta seccin se debe:

1. Ingresar a Banner Lite / Banners2. Subir imagen para Publicidad Institucional Interna Inferior

con tamao exacto de 260 x 165 pixeles3. Subir imagen para Publicidad Institucional Interna Superior

con tamao exacto de 260 x 165 pixeles4. Subir imagen para Publicidad Institucional Home Inferior

con tamao exacto de 405 x 123 pixeles 5. Subir imagen para Publicidad Institucional Home Superior

con tamao exacto de 405 x 123 pixeles 6. Ingresar el enlace de la imagen. Ejemplo:

www.flickr.com/photos/institucion7. Dar Clic en el botn Submit Details

Acceso al Mdulo Administrador de Publicidad

13


Edicin Publicidad Institucional Interna Inferior

Edicin de Publicidad Institucional Interna Superior

14


Publicidad Institucional Home Inferior

Publicidad Institucional Home Superior

15


4. Edicin de Contenido

4.1 Valores / Misin / Visin, Objetivos,

Ejes Estratgicos, Gobernador/a, Director/aPara editar esta informacin se debe:

1. Ingresar a Entradas2. En el campo de bsqueda, digitar el nombre de la

entrada que se requiere editar: Valores / Misin / Visin, Objetivos, Ejes Estratgicos, Gobernador/a, Director/a

3. Editar contenido4. En Imagen destacada dar clic en Quitar la imagen

destacada 5. Para editar el encabezado y pie de foto de la seccin

ir a Campos Personalizados y cambiar los valores determinados de los campos.

Edicin de entrada

16


6. Para subir una nueva imagen dar clic en Asignar imagen destacada

7. Subir una nueva imagen de 405 x 230 pixeles8. Dar clic en el botn Asignar imagen destacada9. Dar clic en el botn Actualizar del mdulo Publicar

17


4.2 Organigrama

Para editar esta informacin se debe:

1. Ingresar a Entradas2. Buscar el contenido Organigrama y dar clic sobre Editar3. En Imagen destacada dar clic en Quitar la imagen

destacada, 4. Para subir una nueva imagen dar clic en Asignar imagen

destacada5. Subir una nueva imagen de 636 x 424 pixeles6. Dar clic en el botn Asignar imagen destacada7. Dar clic en el botn Actualizar del mdulo Publicar

Ejemplo de ContenidoEstilos para el archivo Ilustrador del Organigrama Fuente: Calibri Tamao de letra: 17.85 puntos Color web de letra: 00000 Radio de curvatura de rectngulos: 0,2 cm Color web de fondo rectngulos secundario: ffffff Color web de fondo rectngulos principal: 126db6 Color web de fondo general: f3efee Enlace Ejemlo: http://www.administracionpublica.gob.ec/organigrama

18


4.3 Hoja de Vida / Directorio

Para cargar archivos se debe:

1. Ingresar a Descargas, seleccionar el submen Aadir Nueva

2. En los campos de Ttulo (requerido) y Descripcin escribimos el nombre del archivo tal como se ver en el sitio web

3. Seleccionar el archivo .pdf a subir dando clic en el botn Browse

4. El archivo no debe superar los 8 MB5. Hacer clic en el botn Subir y guardar al pie de la pagina6. Volver a listado de Descargas7. En el Buscador, buscar la ltima descarga aadida8. Editar descarga y copiar la URL del enlacePara editar las descargas en el Men Lateral1. Abrir Apariencia / Mens2. En pestaas superiores, dar clic en Men Lateral

Institucin3. En botn Hoja de vida / Directorio, reemplazar el enlace

por la URL de la descarga recin aadida

Para editar un botn

1. Abrir Apariencia / Mens2. En pestaas superiores, dar clic en menu_lateral_

institucion 3. En botn Hoja de vida / Directorio, reemplazar el enlace

por la URL de la descarga recin aadida.4. Guardar Men

Para enlazar las descargas a nuevos botones en el Men Lateral

Seguir los pasos del apartado 6 pag 37

19


Mdulo Aadir una nueva descarga

Mdulo men

20


4.4 Intranet

Para aadir un botn de intranet

1. Abrir Apariencia / Mens2. En pestaas superiores, dar clic en menu_lateral_institucion 3. En Enlaces Personalizados colocar URL de la entrada con el

nuevo enlace de Intranet4. En Etiqueta colocar el nombre del enlace de Intranet5. Aadir al Men6. Ubicar nuevo botn arrastrando su ubicacin dentro del Men

Lateral Institucin manteniendo aplastado el clic izquierdo del ratn.

7. Eliminar anterior botn de Intranet8. Guardar Men

Ejemplo Nuevo enlace Intranet

21


Ejemplo Nueva Entidad Adscrita

4.5 Entidades Adscritas

Edicin de entradas existentesPara editar esta informacin se debe:

1. Ingresar a Entradas2. Aadir Nueva3. Insertar Ttulo correspondiente a la Entidad Adscrita 4. En el mdulo Campos Personalizados elegir los

siguientes campos: Direccin y en campo Valor, aadir informacin

correspondiente a la Direccin de la Entidad Dar clic en Aadir un campo personalizado Ciudad y en campo Valor, aadir informacin

correspondiente a la Ciudad de la Entidad Dar clic en Aadir un campo personalizado Telfono y en campo Valor, aadir informacin

correspondiente a la Ciudad de la Entidad Dar clic en Aadir un campo personalizado

22


Web y en campo Valor, aadir informacin correspondiente al Sitio Web de la Entidad.

Dar clic en Aadir un campo personalizado5. En Categoras Seleccionar el checkbox Entidades

Adscritas6. Seleccionar la opcin Predeterminada en el mdulo

Single Post Template7. Dar clic en el botn Publicar del mdulo Publicar

Ejemplo Nueva Entidad Adscrita

23


4.5 Marcas


1. Ingresar a Marcas2. Dar doble clic sobre imagen a reemplazar3. Cambiar el Ttulo o nombre del Sistema4. En imagen dar clic en Cambiar / Clicka aqui5. Cargar una nueva imagen de 120 x 75 pixeles6. Colocar el URL de la imagen7. Dar clic en el botn Actualizar Marca

Edicin entrada Marcas

Entrada Marcas

24


4.6 Direcciones


1. Ingresar a Edicin de Contenidos2. En el campo de bsqueda, digitar el nombre de la

entrada Direcciones.3. Editar contenido4. Dar clic en el botn Actualizar del mdulo Publicar

Ejemplo Editar Direcciones

Ejemplo Editar Direcciones

25


4.7 Programas / Servicios

Para aadir un nuevo Programa / Servicio se debe:

1. Ingresar a Entradas2. Aadir Nueva Entrada3. Aadir contenido

Ejemplo Aadir Programa / Servicio

4. Dar clic en Subir/Insertar, para subir una nueva imagen5. Cargar una nueva imagen de 400 x 230 pixeles6. Dar clic en Usar como imagen destacada7. Cerrar el mdulo8. Enlazar a la Categora Programas y Servicios9. Seleccionar la opcin Programas Plantilla 1 para

visualizar plantilla com imagen superior y texto o Programas Plantilla 2 para visualizar plantilla con texto e imagen inferior en el mdulo Single Post Template

10. Dar clic en el botn Actualizar del mdulo Publicar

26


Ejemplo Programas / Servicios Plantilla 1

27


Ejemplo Programas / Servicios Plantilla 2

28


Ejemplo Enlazar al Men Programa / Servicio

Para enlazarlo al Men Lateral 1. Abrir Apariencia / Mens2. En pestaas superiores, dar clic en menu_programas 3. En Entradas seleccionar el nombre de la entrada con el

nuevo Programa / Servicio4. Aadir al Men5. Ubicar al nuevo Botn arrastrando su ubicacin manteniendo

aplastado el clic izquierdo del ratn6. Guardar MenDesde Enlaces Personalizados7. En URL colocar la direccin del nuevo Programa / Servicio8. En Etiqueta colocar el nombre del nuevo Programa / Servicio

29


Para editar un Programa / Servicio ya existente se debe:

1. Ingresar a Entradas2. En el campo de bsqueda, digitar el nombre

del programa o servicio que se requiere editar3. Editar contenido4. Dar clic en Subir/Insertar, para subir una nueva imagen5. Cargar una nueva imagen de 400 x 230 pixeles6. Dar clic en Usar como imagen destacada7. Cerrar el mdulo8. Enlazar a la categora Programas y Servicios9. Seleccionar la opcin Programas Plantilla 1 para

visualizar plantilla com imagen superior y texto o Programas Plantilla 2 para visualizar plantilla con texto e imagen inferior en el mdulo Single Post Template

10. Dar clic en el botn Actualizar del mdulo Publicar

Ejemplo Edicin Programas / Servicios

30


Aadir Evento

4.8 Eventos

Para crear esta informacin se debe:

1. Ingresar a Edicin de Contenidos, seleccionar el submen Aadir nueva

2. Introducir el ttulo del evento3. Ingresar contenido4. Seleccionar los checkboxes Comunicamos, Eventos5. Dar clic en Subir/Insertar, para subir una nueva imagen6. Cargar una nueva imagen de 400 x 230 pixeles. El tamao

de la imagen a subir no debe ser mayor a 200 Kb 7. Dar clic en el botn Asignar imagen destacada8. Seleccionar opcin Default en el mdulo Seleccionar

Timeline (Noticias-Eventos)9. En el mdulo Eventos ingresar los detalles, fecha,

hpra, ciudad. El formato de la fecha ser en 24 horas. Ejemplo: 10:00, 18:00

10. Dar clic en el botn Publicar del mdulo Publicar

31


Noticias

4.9 Noticias

Para crear esta informacin:


2. Introducir el ttulo de la noticia3. Ingresar contenido. Colocar la ciudad donde se genera

la noticia dentro del contenido del texto.4. Seleccionar los checkboxes Comunicamos y Noticias

en el mdulo Mens.5. Seleccionar el checkbox Destacados, para acentuar la

importancia de la informacin6. Dar clic en Subir/Insertar, para subir una nueva imagen7. Cargar una nueva imagen de 400 x 230 pixeles. El tamao

de la imagen a subir no debe ser mayor a 200 Kb. 8. Dar clic en el botn Usar como Imagen destacada9. Seleccionar opcin Noticias Detalle en el mdulo

Seleccionar Timeline (Noticias - Eventos)10. En el mdulo Publicar seleccionar la fecha de la noticia11. Dar clic en el botn Publicar del mdulo Publicar

32


Mdulo de Vdeos de Portada Comunicamos

4.10 Vdeos

En la portada de la seccin Comunicamos del sitio web, el contenido del submdulo Vdeos muestra dos reproductores del canal YouTube.

Para editar estas entradas se debe:

1. Ingresar a mdulo Administrador de Youtube, 2. En Usuario Youtube colocar el usuario del canal YouTube

de la Institucin Ejemplo Gobernaciones: mininteriorecEjemplo Instituciones: IEPIEcuador Ejemplo Polica Nacional: policiaecuador2

3. Seleccionar el nmero de Videos que requieren visualizar teniendo como estandar dos videos por Institucin

4. Dar clic en el botn Guardar Opciones

33


Tabla html

4.11 Tablas

En el caso de que se requiera diagramar datos, es necesario generar una tabla con las siguientes caractersticas:

Siempre la primera fila ser la unin de todas las celdas, aqu ir el ttulo centrado con letras blancas y el fondo azul.

Ttulo de contenido

Cada celda tendr el color determinado. Hay que insertar el cdigo en cada fila para que se distingan las separaciones.

34


Mdulo para aadir o editar categoras

5.1 Aadir / Editar Categoras

Para administrar esta informacin se debe:

1. Ingresar a Descargas, seleccionar el submen Categoras. Se visualizar un rbol con las categoras y subcategoras correspondientes a los mdulos que se muestran en el sitio web. Al final de la pgina existen dos entradas visuales para aadir o editar las categoras

5. Descargas

2. Escribir el nombre y elegir la categora superior. Dar clic en el botn Aadir. En el caso que se trate de una categora matriz, el campo Superior ser por defecto Ninguna

3. Para editar una categora existente, escribir el nuevo nombre, seleccionar la categora a ser editada y dar clic en el botn Editar

35


5.2 Cargar archivos

Para cargar archivos se debe:

1. Ingresar a Descargas, seleccionar el submen Aadir Nueva

2. En los campos de Ttulo (requerido) y Descripcin escribimos el nombre del archivo tal como se ver en el sitio web

3. Seleccionar el archivo a subir dando clic en el botn Browse

4. Seleccionar la categora a la que pertenece el archivo5. Hacer clic en el botn Subir y guardar al pie de la pagina

Aadir Documento Descargable

Como un proceso estandarizado del CMS, la carga de archivos se visualiza en orden cronolgico; el ms antiguo se ubica al inicio y los subsiguientes se cargan al final del listado.

36


5.3 Cargar archivos con visualizacin

Existen dos casos en los que un archivo descargable se puede visualizar en el sitio web: Hoja de Vida y Directorio

Para este tipo de contenido se debe:

1. Cargar el archivo .pdf, segn la explicacin previa (ver apartado 5.2 Cargar archivos)2. Copiar la URL del archivo que se muestra

inmediatamente despus de cargalo, o ingresar a Descargas, seleccionar el submen Editar, encontrar el archivo, entrar en l y copiar la URL


4. Escribir el ttulo del contenido5. Pegar la URL del archivo en el campo de texto6. Seleccionar el checkbox Directorio u Hoja de Vida

segn corresponda7. Seleccionar opcin Predeterminada en el mdulo

Seleccionar Single Post Template8. Dar clic en el botn Publicar del mdulo Publicar

37


Ejemplo Men Lateral Institucin

6.1 Aadir / Editar Mens

Para administrar los mens pertenecientes a la secciones de Inicio, Institucin, Programas / Servicios se debe:

1. Abrir Apariencia / Mens2. En pestaas superiores, dar clic en menu_programas,

menu_lateral_institucin o menu_lateral_banner segn corresponda

3. En Entradas seleccionar el nombre de la entrada con el nuevo men

4. Desde Enlaces Personalizados colocar URL de la nueva entrada

5. En Etiqueta colocar el nombre del nuevo Botn6. Aadir al Men7. Ubicar nuevo Botn arrastrando su ubicacin

manteniendo aplastado el clic izquierdo del ratn8. Guardar Men

6. Administracin de Mens

38


7. Mdulo Disqus

Login Disqus

Comentarios / Disqus

7.1 Ingreso

Para administrar los comentarios emitidos por los ciudadanos en las entradas del sitio web se debe:

1. Dar Clic en Comentarios / Disqus2. Ingresar con el nombre de usuario y contrasea

entregados por la Secretaria Nacional de la Administracin Pblica

39


Ejemplo configuracin para aadir o quitar moderadores

7.2 Moderar comentarios en el sistema

Si deseamos ingresar otros administradores, seguimos los siguientes pasos:

1. Nos dirigimos hacia la parte derecha de la pantalla y seleccionamos Add/remove moderators o seleccionamos la pestaa Settings

2. Se nos despliega esta pantalla, en la cual seleccionaremos Add a Moderator

Ejemplo aadir o quitar moderadores

40


Ejemplo configuracin de edicin de comentarios

3. Las palabras restringidas se ingresan a la pestaa Blacklist separadas con una coma (,); en la parte inferior, de ser necesario, agregaramos: usuarios, correos electrnicos o direcciones IP para un control de contenidos.

41


Ejemplo Mensajes Disqus

Ejemplo administrador de contenidos

7.3 Administrador de Comentarios

1. Nos dirigimos a la pestaa Moderate, en la cual se despliegan todos los mensajes de nuestro sitio.

2. En esta pestaa encontramos todos los mensajes aprobados por el moderador o moderadores. Se puede administrar los contenidos con los botones Delete o Spam segn sea el caso.

42


3. La aprobacin de los datos se realizar desde la pestaa Pending, seleccionando el botn aprobar

Ejemplo aprobacin de comentarios

43


8. Mdulo Contacto

Listado de emails a responder

Respuesta de email

Para administrar los comentarios emitidos por los ciudadanos en las entradas del sitio web se debe:

1. Dar clic en Administrador de Contacto2. Dar clic en mensaje a responder3. Redactar una respuesta4. Clic en Responder

44


9. Crditos

Presidencia de la Repblica del Ecuador

Garca Moreno N10-43 entre Chile y Espejo

Quito Ecuador

Telf.: (593-2) 3827000 / (593-2) 2584-000

http://www.presidencia.gob.ec

Derechos Reservados

Secretara Nacional de la Administracin Pblica

Primera edicin: Agosto de 2012

Segunda Edicin: Abril 2013

manual de uso del administrador de contenidos sitios web

Documents