MANUAL DE USO SISTEMA DE GESTIÓN DEL DE CONTENIDO CMS WORDPRESS SITIOS WEB PARA LOS GUBERNAMENTALES

(1)

MANUAL DE USO

SITIOS WEB

CMS WORDPRESS

GUBERNAMENTALES

DE CONTENIDO

SISTEMA DE GESTIÓN

PARA LOS DEL

(2)

(3)

3

El manual de uso del sistema de gestión de contenido CMS WordPress para los Sitios Web en las Entidades Gubernamentales, es una guía procedimental sencilla que resuelve las necesidades de quienes administran este recurso. Este manual a se constituirá en la herramienta primaria para auxilio en la administración de contenido. En él se listan uno a uno los casos y procedimientos específicos para dar mantenimiento al sitio web.

Consideraciones Generales

Para una correcta administración del contenido del sitio web gubernametal es necesario seguir en orden las instrucciones listadas y además se deben considerar las reglas que se especifican a continuación:

1. Las imágenes a subir deben tener la medida exacta en pixeles especificada.

2. Ninguna imagen debe tener un tamaño superior a 200 Kb. 3. Ninguna imagen puede utilizar formato gif animado. 4. Las imágenes utilizadas en Banner Rotativo,

Publicidad, y todas las entradas de Banner Institución

deben tener enlace o url.

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

(4)

Para acceder al administrador de contenidos WordPress, ingresar en la barra de dirección del navegador la siguiente Url: http://www.sitio.gob.ec/wp-admin.

Se despliega la siguiente pantalla:

A continuación, digitar el nombre de usuario y contraseña correspondientes y dar clic en acceder.

Una vez en el sistema se tendrá acceso al menú de navegación, donde se encuentran las opciones para administración y en creación de contenidos. El menú consta de las siguientes secciones:

1. Ingreso al sistema

(5)

5

• Edición de Contenido: Esta sección permite añadir entradas y modificar las existentes. Las entradas con las que se cuenta actualmente son: noticias, eventos, programas/servicios, portada Minsterio o Secretaría, valores/misión/visión, objetivos, ejes estratégicos, perfil del Ministro o Secretario Nacional, hoja de vida Ministro o Secretario Nacional entidades adscritas, intranet, audio y video.

• Descargas: La sección permite administrar categorías y subir archivos a las secciones que contienen documentos descargables, los cuales son: “Transparencia”, “Boletín de Prensa”, “Biblioteca” y las entradas “Organigrama” y “Hoja de Vida”.

• Banner Rotativo: Sección para modificar las cinco imágenes rotativas del banner principal de la home page. • Banner Presidencia: Esta sección permite modificar

el banner de publicidad de la Presidencia que se encuetra en la home page. El acceso a esta sección se encuentra restringido.

• Noticias Tu Gobierno: Sección desde la cual se modifica el video y la fotografía de la Secretaría de Comunicación. El acceso a esta sección se encuentra restringido.

• Banner Institución: La sección permite modificar los banners de Programas / Servicios que se encuentran en la home page, así como para administrar la publicidad interna del sitio.

• Administrador de Publicidad: Sección para modificar la publicidad de la institución que se encuentra

en la home page.

• Páginas / Herramientas / Multimedia / Perfil: Estas secciones son propias del CMS WordPress, no continen entradas o información que se deba modificar

para administrar el sitio.

(6)

2. Home

2.1 Banner Rotativo

Para modificar esta sección se debe: 1. Ingresar a Banner Rotativo

2. Seleccionar imagen que se desea cambiar

3. Insertar una frase que acompañe a la imagen del banner 4. Ingresar el enlace de la imagen. Ejemplo: www.flickr.

com/photos/administracionecuador

5. Subir una imagen con tamaño exacto de 960 x 375 pixeles dando clic en el botón Browse

6. Dar clic en el botón Subir

La frase y el enlace deben ser ingresados simultáneamente, pues de no hacerlo, cuando se desse modificar esta información no habrá respuesta y se tendrá que cargar la imagen nuevamente.

(7)

7 2.2 Administrador de Publicidad

Para modificar esta sección se debe:

1. Ingresar a Administrador de Publicidad

2. Subir imagen con tamaño exacto de 405 x 123 pixeles dando clic en el botón Browse

3. Ingresar el enlace de la imagen. Ejemplo: www.flickr.

com/photos/administracionecuador

4. Dar Clic en el botón Modificar

2.3 Banner Institución

Para modificar esta sección se debe: 1. Ingresar a Banner Institución

2. Seleccionar la entrada de tipo: Programas (191x157),

Servicios (191x157), El Ministerio (interna) 01

(314x196), El Ministerio (interna) 02 (314x196), o El Ministerio (interna) 03 (314x196) según corresponda

3. Dar clic en el ícono Editar banner 4. Digitar enlace o url de la imagen

5. Subir la nueva imagen del tamaño especificado en la descripción de la entrada

6. Dar clic en el botón Submit Details

(8)

Banner Institución

(9)

9 3. Edición de Contenido

3.1 Portada La Institución

Para editar esta información se debe: 1. Ingresar a Edición de Contenidos

2. En el campo de búsqueda, digitar el nombre de la entrada que se requiere editar: El Ministerio o La Secretaría

3. Colocar el cursor sobre la imagen, dar clic sobre el ícono

Eliminar imagen

4. Dar clic en Subir/Insertar, para subir una nueva imagen 5. Cargar una nueva imagen de 914 x 632 pixeles. El tamaño

de la imagen a subir no debe ser mayor a 200 Kb. 6. Dar clic en el botoón Insertar en la entrada 7. Cerrar el módulo

8. Seleccionar el checkbox Ministerio en módulo Menús según corresponda

9. Seleccionar la opción Predeterminada en el módulo

Seleccionar TimeLine (Noticias-Eventos)

10. Dar clic en el botón Actualizar del módulo Publicar

(10)

3.2 Valores / Misión / Visión, Objetivos, Ejes

Estratégicos, Ministro/a, Secretario/a

2. En el campo de búsqueda, digitar el nombre de la entrada que se requiere editar: Valores/Misión/Visión,

Objetivos, Ejes Estratégicos, Ministro/a, Secretario/a

3. Editar contenido

Eliminar imagen

5. Dar clic en Subir/Insertar, para subir una nueva imagen 6. Cargar una nueva imagen de 300 x 200 pixeles

7. Dar clic en el botón Insertar en la entrada 8. Cerrar el módulo

(11)

11 3.3 Organigrama

2. Buscar el contenido Organigrama y dar clic sobre Editar 3. Colocar el cursor sobre la imagen, dar clic sobre el ícono

Eliminar imagen

4. Dar clic en Subir/Insertar, para subir una nueva imagen 5. Cargar una nueva imagen de 584 × 333 pixeles

aproximadamente en formato .jpg o .png 6. Dar clic en el botón Insertar en la entrada 7. Cerrar el módulo

Ejemplo de organigrama

Estilos para el archivo Ilustrador del organigrama • Fuente: Calibri

• Tamaño de letra: 17.85 puntos • Color web de letra: 00000

• Radio de curvatura de rectángulos: 0,2 cm

• Color web de fondo rectángulos secundario: 00000 • Color web de fondo rectángulos principal: 126db6 • Color web de fondo general: f3efee

(12)

3.4 Programas / Servicios

2. En el campo de búsqueda, digitar el nombre del programa o servicio que se requiere editar. 3. Editar contenido.

4. Dar clic en Subir/Insertar, para subir una nueva imagen 5. Cargar una nueva imagen de 405 x 230 pixeles.

6. Dar clic en Usar como portada de noticia 7. Cerrar el módulo

8. Seleccionar la opción Predeterminada P/S en el módulo

Ejemplo Programas / Servicios

• Añadir nuevo Programa / Servicio

(13)

13 3.5 Intranet / Entidades Adscritas

• Edición de entradas existentes Para editar esta información se debe: 1. Ingresar a Edición de Contenidos

2. En el campo de búsqueda, digitar el nombre del Sistema

de Intranet o de Entidades Adscritas.

3. Editar contenido

4. Colocar el cursor sobre la imagen, dar clic sobre el ícono Eliminar imagen

5. Dar clic en Subir/Insertar, para subir una nueva imagen 6. Cargar imagen de 131 x 51 pixeles

9. Dar clic en el botón Actualizar del módulo Publicar • Añadir nueva Entidad Adscrita o Sistema de Intranet 1. Ingresar a Edición de Contenidos

2. Seleccionar la pestaña Html de la barra de herramientas del editor de contenidoy pegar el siguiente código:

<table><tbody><tr> <td width=”600”>Dirección Ciudad – País www.sitioweb.gob.ec Teléfono: 593-2 222-0000</td> <td><a href=”http://www.administracionpublica.gob. ec/?attachment_id=2486” rel=”attachment att-2486”><img class=”alignnone size-thumbnail

wp-image-2486” src=”http://www.administracionpublica.gob. ec/wp-content/uploads/2012/07/logo-150x50.jpg” alt=”” width=”150” height=”50” /></a></td></tr></tbody></table> 3. Seleccionar el checkbox Entidades Adscritas o Intranet

en el módulo Menús según corresponda. 4. Regresar a la pestaña Visual de la barra de

(14)

5. Editar Contenido

Eliminar imagen

7. Dar clic en Subir/Insertar, para subir una nueva imagen 8. Cargar una nueva imagen de 131 x 51 pixeles

11. Seleccionar la opción Predeterminada en el módulo

12. Dar clic en el botón Publicar del módulo Publicar

(15)

15

Noticias

3.6 Noticias

Para crear esta información se debe:

1. Ingresar a Edición de Contenidos, seleccionar el submenú Añadir nueva

2. Introducir el título de la noticia. 3. Ingresar contenido

4. Seleccionar los checkboxes Comunicamos y Noticias en el módulo Menús

de la imagen a subir no debe ser mayor a 200 Kb. 7. Dar clic en el botón Usar como portada de noticia 8. Seleccionar opción Noticias Detalle en el módulo

9. En el módulo Noticias escribir la ciudad en la que se generó la noticia.

10. En el módulo Publicar seleccionar la fecha de la noticia 11. Dar clic en el botón Publicar del módulo Publicar

(16)

3.7 Eventos

Para crear esta información se debe:

2. Introducir el título del evento. 3. Ingresar contenido

4. Seleccionar los checkboxes Comunicamos, Eventos,

Pronvicia (correspondiete) en el módulo Menús

de la imagen a subir no debe ser mayor a 200 Kb. 7. Dar clic en el botón Usar como portada de noticia 8. Seleccionar opción Eventos Detalle en el módulo

9. En el módulo Eventos ingresar los detalles, el formato de la fecha será en 24 horas. Ej 10:00

10. En el módulo Publicar seleccionar la fecha del evento 11. Dar clic en el botón Publicar del módulo Publicar

(17)

17

Módulo de Audio de portada Comunicamos

3.8 Audio

En la portada de la sección Comunicamos del sitio web, el contenido del submódulo Audio muestra dos reproductores de audio del canal SoundCloud.

Para editar estas entradas se debe:

1. Ingresar a Edición de Contenidos, seleccionar el submenú Todas las entradas

2. Buscar la entrada Audio y dar clic sobre Editar

3. Seleccionar la pestaña Html de la barra de herramientas del editor de contenido e identificar la siguiente

estructura de código: [soundcloud url=”http://api.

soundcloud.com/tracks/56167936” iframe=”true” /]. Cada

una de estas estructuras corresponde al archivo

de audio que se encuentra embebido en el reproductor. 4. Ingresar a la página de SoundCloud de la institución 5. Identificar la pestaña Share de la barra de estado

del archivo de audio y dar clic en ella

6. Dar clic en el botón WordPress de la ventana emergente 7. Copiar el contenido de la caja de texto de la nueva

ventana emergente bajo el titutlar Grab the shortcode

or customize your player

8. Regresar al editor de contenidos y reemplazar la línea de código descrita en el paso 3 por la obtenida del sitio web SoundCloud

(18)

Código obtenido de la página SoundCloud

(19)

19

Módulo de Videos de portada Comunicamos

3.8 Videos

En la portada de la sección Comunicamos del sitio web, el contenido del submódulo Videos muestra dos reproductores de video del canal Youtube.

Para editar estas entradas se debe:

1. Ingresar a Edición de Contenidos, seleccionar el submenú Todas las entradas

2. Buscar la entrada Video y dar clic sobre Editar

3. Seleccionar la pestaña Html de la barra de herramientas del editor de contenido e identificar la siguiente

estructura de código: src=”http://www.youtube.com/

embed/O7o7TF3II0M”. El fragmento de código que se encuentra entre comillas corresponde al enlace

o url del archivo de video que se encuentra embebido en el reproductor.

4. Ingresar a la página de Youtube de la institución

5. Identificar el botón Share bajo la barra de reproducción del archivo de video y dar clic en él. Dar clic el botón Embed 6. Copiar el contenido de la caja de texto de la ventana 7. Regresar al editor de contenidos y reemplazar la línea

de código descrita en el paso 3 por la obtenida del sitio web Youtube (fragmento específico)

(20)

Código obtenido de la página Youtube

(21)

21

Eventos

4.1 Añadir/Editar Categorías

Para administrar esta información se debe:

1. Ingresar a Descargas, seleccionar el submenú

Categorías Se visualizará un árbol con las categorías y

subcategorías correspondientes a los módulos que se muestran en el sitio web. Al final de la página existen dos entradas visuales para añadir o editar las categorías.

4. Descargas

2. Escribir el nombre y elegir la categoría superior. Dar clic en el botón Añadir. En el caso de tratarse de una categoría superior nueva, el campo Superior, será por defecto Ninguna.

3. Para editar una categoría existente, escribir el nuevo nombre, seleccionar la categoría a ser editada y dar clic en el botón Editar.

(22)

4.2 Cargar archivos

Para cargar archivos se debe:

1. Ingresar a Descargas, seleccionar el submenú

Añadir Nueva

2. En los campos de Título (requerido) y Descripción escribimos el nombre del archivo tal como se verá en el sitio web.

3. Seleccionar el archivo a subir dando clic en el botón

Browse.

4. Seleccionar la categoría a la que pertenece el archivo. 5. Hacer clic en el botón Subir y guardar al pie de la pagina

(23)

23 4.3 Cargar archivos con visualización

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, según la explicación previa (ver apartado 4.2 Cargar archivos)

2. Copiar la url del archivo que se muestra inmediatamente después de cargalo, o ingresar a Descargas,

seleccionar el submenú Editar, encontrar el archivo, entrar en él y copiar la url

4. Escribir el título del contenido

5. Pegar la url del archivo en el campo de texto 6. Seleccionar el checkbox Directorio u Hoja de Vida

según corresponda

7. Seleccionar opción Prederterminda en el módulo

8. Dar clic en el botón Publicar del módulo Publicar

Para actualizar un archivo .pdf, editar la entrada (ingresar a Edición de Contenidos, seleccionar el submenú Todas las

entradas. En el campo de búsqueda, digitar Directorio u Hoja de Vida según corresponda, dar clic en el botón Editar. Editar

el contenido de la entrada, dar clic en el botón Actualizar del módulo Publicar).

(24)