DEL MANUAL DE USO SISTEMA DE GESTIÓN DE CONTENIDO CMS WORDPRESS PARA LOS SITIOS WEB GUBERNAMENTALES
Manual de uso CMS WordPress 2
Presentación 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. 3
Manual de uso CMS WordPress 1. Ingreso al sistema 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: Pantalla de Acceso al CMS 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: 4
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. Menuú de Navegación 5
Manual de uso CMS WordPress 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. Banner rotativo 6
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 Administrador de Publicidad 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 7
Manual de uso CMS WordPress Banner Institución Banner Institución - Editar banner 8
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 Portada La Institución 9
Manual de uso CMS WordPress 3.2 Valores / Misión / Visión, Objetivos, Ejes Estratégicos, Ministro/a, Secretario/a 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: Valores/Misión/Visión, Objetivos, Ejes Estratégicos, Ministro/a, Secretario/a 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 una nueva imagen de 300 x 200 pixeles 7. Dar clic en el botón Insertar en la entrada 8. Cerrar el módulo 9. Dar clic en el botón Actualizar del módulo Publicar Ejemplo de contenido 10
3.3 Organigrama Para editar esta información se debe: 1. Ingresar a Edición de Contenidos 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 8. Dar clic en el botón Actualizar del módulo Publicar 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 11
Manual de uso CMS WordPress 3.4 Programas / Servicios 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 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 Seleccionar TimeLine (Noticias-Eventos) 9. Dar clic en el botón Actualizar del módulo Publicar Ejemplo Programas / Servicios Añadir nuevo Programa / Servicio Para añadir un nuevo programa o servicio comuníquese a los teléfonos 3 827000 ext 7448. Su requerimiento será atendido de inmediato. 12
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 7. Dar clic en el botón Insertar en la entrada 8. Cerrar el módulo 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 wp-att- 2486 ><img class= alignnone size-thumbnail wpimage-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 herramientas del editor de contenido 13
Manual de uso CMS WordPress 5. Editar Contenido 6. Colocar el cursor sobre la imagen, dar clic sobre el ícono Eliminar imagen 7. Dar clic en Subir/Insertar, para subir una nueva imagen 8. Cargar una nueva imagen de 131 x 51 pixeles 9. Dar clic en el botón Insertar en la entrada 10. Cerrar el módulo 11. Seleccionar la opción Predeterminada en el módulo Seleccionar TimeLine (Noticias-Eventos) 12. Dar clic en el botón Publicar del módulo Publicar Vista de pestaña Html del editor de contenidos 14
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 5. Dar clic en Subir/Insertar, para subir una nueva imagen 6. Cargar una nueva imagen de 405 x 230 pixeles. El tamaño 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 Seleccionar TimeLine (Noticias-Eventos) 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 Noticias 15
Manual de uso CMS WordPress 3.7 Eventos 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 del evento. 3. Ingresar contenido 4. Seleccionar los checkboxes Comunicamos, Eventos, Pronvicia (correspondiete) en el módulo Menús 5. Dar clic en Subir/Insertar, para subir una nueva imagen 6. Cargar una nueva imagen de 405 x 230 pixeles. El tamaño 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 Seleccionar TimeLine (Noticias-Eventos) 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 Añadir evento 16
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. Módulo de Audio de portada Comunicamos 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 9. Dar clic en el botón Actualizar del módulo Publicar 17
Manual de uso CMS WordPress Código obtenido de la página SoundCloud Vista de pestaña Html del editor de contenidos 18
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. Módulo de Videos de portada Comunicamos 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) 8. Dar clic en el botón Actualizar del módulo Publicar 19
Manual de uso CMS WordPress Código obtenido de la página Youtube Vista de pestaña Html del editor de contenidos 20
4. Descargas 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. Eventos 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. 21
Manual de uso CMS WordPress 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 Añadir documento descargable 22
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 3. Ingresar a Edición de Contenidos, seleccionar el submenú Añadir nueva 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 Seleccionar TimeLine (Noticias-Eventos) 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). 23
Manual de uso CMS WordPress Pdf para visualización 24