Manual de Usuario Final San Simon

UNIVERSIDAD ESTATAL DE BOLVAR
DE CIENCIAS ADMINISTRATIVAS GESTIN EMPRESARIAL E I

ESCUELA DE SISTEMAS
Ao 2015
1
MANUAL DE USUARIO PARA EL PORTAL WEB DE SAN SIMN
TABLA DE CONTENIDOS
INTRODUCCIN......................................................................................................2
1.1
Ingreso al sistema de administracin de informacin........................3
1.2
Pgina principal de administracin de la pgina web........................4
1.3
ENTRADAS......................................................................................... 5
1.4
La barra de herramientas TinyMCE....................................................6
1.5
Styling Bsica.................................................................................... 6
1.6
Alineacin de texto............................................................................ 7
1.7
Fuentes y estilos................................................................................ 7
1.8
Cortar y Pegar.................................................................................... 8
1.9
Listas numeradas.............................................................................. 8
1.10 Un-haciendo y Re-hacer cambios......................................................9

1.11 Enlaces a otras pginas.....................................................................9
1.11.1
Creacin de hipervnculos...........................................................9
1.12 Colores............................................................................................. 10
1.12.1
Insercin de una Tabla...............................................................10
1.13 EVENTOS......................................................................................... 17
1.14 MEDIOS............................................................................................ 20
1.15 PGINAS........................................................................................... 21
1.15.1
Edicin y Eliminacin de Pginas...............................................22
1.15.2
Herramienta Shortcode para Pginas........................................23
1.16 APARIENCIA...................................................................................... 25
1.16.1
Widgets..................................................................................... 25
1.16.2
Mens........................................................................................ 26
1.16.3
Opciones del Tema....................................................................27
1.16.3.1
Ajustes................................................................................... 27
1.16.3.2
Ajuste de colores....................................................................28
1.16.3.3
Ajustes de Slider....................................................................28
1.17 GALERA DE IMGENES....................................................................29

1.18 ENCUESTA........................................................................................ 32
1.19 CORREO ELECTRNICO INSTITUCIONAL..........................................34
2
INTRODUCCIN
En este manual encontramos de forma detallada las diferentes funcionalidades del
manejador de contenidos Wordpress, con la finalidad de que el usuario pueda
administrar correctamente la pgina web.
WordPress es un sistema de gestin de contenidos o CMS (por sus siglas en ingls,
Content Management System) enfocado a la creacin de cualquier tipo de sitio, aunque
ha alcanzado una gran relevancia usado para la creacin de blogs (pginas web con una
estructura cronolgica que se actualiza regularmente). Ha sido desarrollado en el
lenguaje PHP para entornos que ejecuten MySQL y Apache, bajo licencia GPL y es
software libre.
Funcionalidades
Fcil instalacin, actualizacin y personalizacin.

Actualizacin automtica del sistema implementada en la versin 2.7.
Mltiples autores o usuarios, junto con sus roles o perfiles que establecen
distintos niveles de permisos (desde la versin 2.0).

Sitios con varios blogs (a partir de la versin 1.6).
Capacidad de crear pginas estticas (a partir de la versin 1.5).
Permite ordenar artculos8 y pginas estticas en categoras, subcategoras y
etiquetas.
Cuatro estados por entrada: Publicado, Borrador, Esperando revisin (nuevo en
WordPress 2.3) y Privado (solo usuarios registrados), adems de uno adicional:
Protegido con contrasea.
La utilizacin del sistema administrador que proporciona el manejador de contenidos

Wordpress permitir al usuario ingresar cualquier tipo de informacin relevante, de una
manera fcil y a la vez rpida para los diferentes tipos de usuarios.
En su estructura funcional se encuentra detallada cada una de las opciones de manera
que el usuario pueda tener una mayor visualizacin respecto a una opcin seleccionada.
3
1.1
Ingreso al sistema de administracin de informacin.
Para el portal web se San Simn se ha considerado los siguientes usuarios para la
administracin del sitio.
Usuario Administrador.- Quien tiene acceso a todas las caractersticas de administracin de un
sitio en particular.
Usuario Editor.- Quien puede publicar y editar entradas, propias y de otros usuarios.
Autor - Quien puede publicar y editar sus propias entradas.
Colaborador - Quien puede escribir y editar sus propias entradas pero no publicarlas.
Subscriptor - Quien solamente puede editar su perfil.
En la barra de direcciones del navegador escribimos a continuacin de la direccin de la

pgina web, wp-admin y presionamos la tecla enter.
Link de
entrad
a
Grfico 1 Barra de direcciones.
A continuacin se podr visualizar la pgina en la que encontramos el login de acceso

para usuarios.
4
Grfico 2 Login de Acceso.

Para el Editor se le asignado el nombre de usuario: secretaria y la siguiente contrasea:
Pasos:
1.
2.
3.
4.
1.2
Ingresar el Usuario
Ingresar la contrasea
Ingresar CAPTCHA
Acceder
Pgina principal de administracin de la pgina web
Grfico 3 Pgina principal de Wordpress.
5
1.3
ENTRADAS
Primera Opcin de Edicin: Entradas.

Esta opcin permite insertar todo lo concerniente a Noticias que se generen en el GAD
Parroquial de San Simn.
Grfico 4 Opcin Entradas.

Primer paso dar un clic sobre la opcin de Entradas, e inmediatamente se cargara en la
parte derecha del men, todas las Entradas con las categoras de Noticias existentes en
la pgina web.
Aadir nueva
Noticias
Todas las
Noticias
Grfico 5 Aadir Entrada.

Para aadir una nueva entrada categorizada como noticia presionar en la opcin de
Aadir nueva, posteriormente se abrir una nueva pgina en la que nos pedir insertar el
nombre de la entrada en parte donde dice Introduce el ttulo aqu en este caso de la
noticia, luego en la parte de abajo encontraremos un procesador de texto muy similar al
de Word.
6
1.3.1
Procesador de texto
1.3.2
La barra de herramientas TinyMCE
El TinyMCE se divide en dos reas: la barra de herramientas y el rea de edicin:
El rea de edicin es donde se escribe en tu sitio.

La barra de herramientas se encuentra en la parte superior, que le proporciona todas las
opciones y funcionalidades necesarias para el estilo de su pgina:
Al hacer clic en cualquiera de los botones de arriba le llevar a la ayuda para ese botn en particular.
1.3.3
Styling Bsica
Los siguientes botones cambian el estilo bsico de su texto:

Alterna entre texto "Bold" y "Normal".
Alterna entre "cursiva" y el texto "Normal".
Alterna
entre
"Subrayado"
el
texto
"Normal".
Nota: Tenga cuidado de que el texto subrayado no hace que el usuario piensa que esto es un hipervnculo a otra
pgina.
Alterna entre "tachado" y el texto "Normal".
Como estos botones son alterna, haga clic una vez para convertir el estilo en y haga clic
de nuevo para apagarlo. Cualquier combinacin de estos estilos se puede utilizar junto.
Hay otros dos estilos comunes que tambin se pueden aplicar:
7
1.3.4
Alineacin de texto
Los siguientes botones afectan a la alineacin o la justificacin de su texto:

Alinear
Izquierda
Su texto ser alineado a la izquierda como en este ejemplo.
Alinear
centro
al Su texto ser centrado como en este ejemplo.
Alinear a
derecha
la Su texto se alinea a la derecha como en este ejemplo.
Alinear
Justificar
1.3.5
Su texto se justificar mediante la adicin de espacios adicionales, por lo

que las columnas izquierdas y derecha se alinean.
Fuentes y estilos
Las listas desplegables que aparecen a continuacin le permiten cambiar el tipo de letra
y estilos dentro de su pgina.
Siempre que sea posible, trate de evitar el uso de fuentes personalizadas y utilizar el
"Formato" desplegable con preferencia a las otras opciones.
Aunque puede elegir otras fuentes, no se puede garantizar que la persona que ve tu
pgina tendr una fuente en particular instalado en su ordenador.
Esto le permite elegir entre una lista de estilos disponibles en el CSS
(Cascading Style Sheet) asociados a su pgina.
Le permite escoger de los formatos estndar disponibles en todos los

navegadores, tales como ttulos y texto de prrafo.
El CSS asociada con la pgina se ha definido cmo stas deben buscar el
fin de mantener el estilo consistente a lo largo de su sitio web.
Siempre que sea posible, trate de cumplir con estos estilos en lugar de
utilizar fuentes personalizadas.
Esto define la "familia" de la fuente que se utilizar para este prrafo, por
ejemplo, "Arial" o "Times New Roman".
Tenga en cuenta que las fuentes disponibles en esta lista son la lista de
fuentes disponibles en el ordenador, que pueden ser diferentes de las
8
fuentes disponibles en la computadora de otra persona.
Tenga esto en cuenta al elegir una fuente personalizada.
Le permite especificar el tamao del texto en el prrafo actual.
1.3.6
Cortar y Pegar
Los siguientes botones permiten esta funcionalidad:

Elimina la seccin seleccionada de la pgina, y la sita en el "portapapeles".
Puede presionar CTRL + X en el teclado como alternativa al uso de este botn.
Hace un duplicado de la seccin seleccionada en ese momento de su pgina, y lo
coloca
en
el
"portapapeles".
Puede presionar CTRL + C en el teclado como alternativa al uso de este botn.
Inserta el contenido actual del portapapeles en la posicin actual del cursor.
Puede presionar CTRL + V en su teclado como alternativa al uso de este botn.
1.3.7
Listas numeradas
Las listas numeradas son listas de elementos que aparecen en una orden, de la siguiente
manera:
1. Punto Uno
2. Punto Segundo
3. Punto Tercero
Para crear una lista numerada:

1. Seleccione las lneas de texto que desea poner en su lista, poniendo de relieve
con el ratn.
2. O
bien:
Haga clic en la lista ordenada
botn para utilizar el estilo de numeracin
por
defecto.
o
...
Haga clic en la flecha hacia abajo en la lista ordenada
botn y seleccionar
el estilo de numeracin que desee.
9
Nuevos elementos de la lista se pueden aadir presionando nueva lnea (retorno de
claves) despus de cada elemento.
1.3.8
Un-haciendo y Re-hacer cambios
Mientras que usted est editando su pgina, TinyMCE mantiene un registro de todos los
cambios que ha hecho a su pgina desde la ltima vez guard.
Si desea "deshacer" un cambio en su documento, puede hacer clic en el Undo
Alteratively, presionando CTRL + Z tendr el mismo efecto.
botn.
Para "hacer de nuevo" un cambio que has de hacer, o bien haga clic en la Rehacer
botn o presione CTRL + SHIFT + Z en su teclado.
1.3.9
Enlaces a otras pginas
Si desea vincular a otra pgina, ya sea dentro de su sitio web o en un sitio web externo,
puede crear un "hipervnculo" a esta pgina.
Los hipervnculos tambin pueden utilizarse en conjuncin con los anclajes a "saltar" a
una seccin particular de una pgina.
Los hipervnculos suelen estar representados en el texto azul y subrayados, por ejemplo
hipervnculo.
1.3.10 Creacin de hipervnculos
Para crear un hipervnculo, primero seleccione el texto que desea utilizar para el
hipervnculo, seleccionndolo con el ratn, por ejemplo:
Haga clic aqu para ir a mi pgina de ...
A continuacin, haga clic en Insertar / Editar Enlace
siguiente dilogo:
botn. Se le presentar con el
10
ms informacin sobre la vinculacin a su ancla.

1.3.11 Colores
Los botones de abajo le permiten especificar el primer plano y el fondo de su texto:
Selecciona el color de primer plano.
Selecciona el color de fondo.
Para elegir el color, debe hacer clic en la flecha desplegable a la derecha del botn:
Para elegir el color, basta con hacer clic con el ratn y mueva el ratn hasta que
encuentre el color deseado.
1.3.12 Insercin de una Tabla
Para insertar una tabla, haga clic en el Insertar tabla
El siguiente dilogo aparecer:
botn.
11
Una vez que haya seleccionado sus opciones, haga clic en el botn Insertar para crear
su tabla.
Ttulo de la
Noticia
Contenido
de la
noticia
Publicar
Grfico 6 Procesador de Texto.

En el procesador de texto podemos ingresar la informacin concerniente a la noticia, a
este texto podemos aplicarle negrilla, cursiva, color, alineacin de texto, adems de
otras opciones como insercin de tablas, insercin de vietas y listas numeradas,
emoticones e insertar sangras al texto.
Grfico 7 Ventana del procesador de texto.
12
Para insertar una imagen para la noticia dirigirse al botn Aadir objeto que se
encuentra ubicada el parte superior del procesador de texto, esta opcin permite insertar
fotografas, videos, archivos de texto y PDF.
Dar clic y se abrir una ventana.
Grfico 8 Insertar Objeto.

La siguiente ventana nos presenta varias opciones entre las que estn subir archivos y
librera multimedia, como primera opcin se presenta librera multimedia en la se
puede observar y utilizar las imgenes que se encuentran subidas en el sitio web, si se
requiere utilizar una de estas imgenes simplemente seleccionar la imagen con un clic y
presionar el botn denominado Insertar en la Entrada.
Grfico 9 Seleccin de la imagen.

Nota: (Edicin de imgenes) Cualquier fotografa que sea subida se deber transformar
de 800 de ancho por 600 de alto, para evitar llenar el espacio de almacenamiento del
Portal Web.
Escoger la opcin Editar imagen ubicada en la parte superior derecha de la ventana.
13
Grfico 10 Edicin de Imgenes.

Se despliega una ventana con opciones se digita en los casilleros de dimensiones 800
x 600, luego dar clic en Escala para redimensionar la imagen finalmente dar clic en el
botn Atrs para insertar la imagen redimensionada en la entrada o cualquier parte de
las opciones que se estn creando.
Grfico 11 Escala de Imagen.

Junto a la opcin de Librera multimedia encontramos la pestaa de subir archivos, la
cual permite subir nuevas imgenes, archivos, videos al sitio web desde su
Computadora, se muestra un botn que dice Selecciona Archivos.
Grfico 12 Subir archivos.

Una vez dado clic en el botn selecciona archivos aparecer una tercera ventana en la
que buscara la ubicacin del archivo a subir y luego se selecciona la imagen o archivo a
subir y se procede a dar clic en Abrir.
14
Grfico 13 Seleccionar archivo desde el Equipo.

Una vez seleccionada la imagen o archivo a subir solo queda presionar en la opcin de
Insertar en la Entrada.
En el procesador de texto se puede observar la imagen subida por el usuario la misma a
la que se le puede cambiar el tamao simplemente proporcionndole un clic encima y en
las esquinas de la imagen se mostraran unas flechas para cambiar el tamao de la
imagen, tambin se puede centrar la imagen con las opciones del procesador de texto.
Grfico 14 Vista previa de la imagen.

Una vez ya colocada la imagen en la posicin que se requiera para la noticia se procede
a la parte derecha junto al procesador de texto, encontrara una opcin que se denomina
categoras en la cual usted va a colocar un tic con un clic en la opcin de Noticias.
15
Grfico 15 Categoras - Noticias.

Luego un poco ms debajo de la Opcin de Categoras se encuentra la casilla de imagen
destacada en la cual damos un clic en la palabra Asignar imagen destacada la cual va a
escoger la misma imagen que acaba de subir en el cuerpo de la noticia esto se hace para
que se pueda visualizar una miniatura de imagen junto a la noticia correspondiente.
Nota: Para la insercin de noticias solo se inserta una imagen por cada noticia, adems
la seleccin de categora Noticias solo se realizar cuando se est insertando una
Noticia, es decir en otras opciones de insercin del sitio web como en lugares tursticos
no se seleccionara categora ni tampoco imagen destacada.
Grfico 16 Opcin Imagen destacada.

Al subir un archivo en lugar de una imagen es necesario realizar los mismos pasos para
subir una imagen, con la diferencia de que una vez subido el archivo se mostrar en el
procesador de texto el nombre del archivo pintado de color azul, es importante que el
nombre del archivo a subir sea diferente a otro archivo que ya se encuentre en el sitio
web.
16
Grfico 17 Archivo Pdf

Para la visualizacin en el sitio web se presentan dos opciones, la primera que esta
activada por defecto, es la de que en el momento en que se d clic encima del nombre
del archivo en el sitio web ya ejecutndose se abrir el documento en la misma ventana
del sitio web, la segunda opcin es en la que el archivo a darle clic encima del nombre
se abra en otra ventana aparte junto al sitio web, para realizar la segunda opcin
procedemos a colocar el cursor en el medio del nombre del archivo en el procesador de
texto y damos clic en la opcin Insertar/Editar Enlace
y se abrir una ventana en
la que procedemos a marcar con clic la opcin de Abrir en una nueva

ventana/pestaa, y presionamos el botn Actualizar.
Grfico 18 Abrir en nueva pestaa del navegador.

Finalizando las opciones que se encuentran en la pestaa Entradas, est la opcin de
editar cualquier Entrada/Noticia que se encuentre ya guardada en el sitio web.
17
Para proceder con la edicin escoger la opcin de Todas las entradas la cual se
encuentra dentro de Entradas.
Grfico 19 Todas las Entradas.

Se visualizar un listado de todas las Entradas existentes, para lo cual se ubica a la
entrada/noticia que se requiere editar, posteriormente en la parte de abajo del nombre de
la entrada/noticia se muestran las siguientes opciones, Editar, la cual procedemos a
presionar con un clic esta opcin, y se visualizara en el procesador de texto toda la
informacin de la entrada/noticia.
Grfico 20 Lista de Entradas.

Si se requiere eliminar una entrada/noticia junto a la opcin de Editar que se mencion
anteriormente se encuentra una opcin pintada de rojo con el nombre de Papelera,
utilizando esta opcin se podr eliminar la entrada/noticia.
1.4
EVENTOS
Esta pestaa permitir Ingresar editar y eliminar eventos de importancia para la

Parroquia como por Ejemplo: Baile Social, Inauguracin de una Obra.
Iniciar con la opcin de Eventos la cual est dentro de la pestaa Eventos esta opcin
muestra un listado de los programas/eventos ya ingresados igualmente que en la opcin
18
de Entradas en esta se podr editar y eliminar eventos con las opciones que se muestran
debajo del nombre al sealar el evento con el puntero.
Grfico 21 Creacin de Eventos.

La siguiente opcin dentro de la pestaa Eventos se denomina Agregar Nuevo, la cual
permite al usuario insertar un evento, ya sea un baile o una inauguracin de algn tipo,
seleccionando esta opcin se mostrar una ventana similar, a la que existe para ingresar
una entrada/noticia, en el procesador de texto pueden insertar texto, imgenes, videos.
Grfico 22 Nuevo Evento.

Igualmente, en la columna de la derecha junto al procesador de texto se busca la opcin
de imagen destacada y se debe agregar una imagen, la cual va hacer la fachada principal
del evento.
19
Grfico 23 Imagen destacada.

A diferencia de las entradas en el ingreso de eventos se visualiza ms opciones para
utilizar, en la parte de abajo del procesador de texto se encuentra un formulario en la
cual se piden datos del evento a insertar, como por ejemplo la Fecha y hora de inicio,
fecha y hora de finalizacin del evento, detalles del lugar en el que se va realizar el
evento otros detalles que se llenaran de acuerdo el inters del usuario.
Grfico 24 Opciones de evento.

Una vez ingresada toda la informacin e imgenes del evento se procede a guardar
presionando en el botn de Publicar la cual se encuentra ubicada en la parte superior
derecha junto al procesador de texto.
Grfico 25 Nuevo Evento.

Como otras opciones tenemos la opcin de Lugares la cual permite previamente
insertar lugares donde se desarrollara eventos pero esta opcin casi no se usa ya que
cuando se ingresa un nuevo evento nos pido todos esos detalles lo cual hace que no sean
necesario ingresar nuevamente, as mismo encontramos la opcin de Organizadores al
20
igual que Lugares permite insertar Organizadores de eventos directamente pero estos
datos ya se piden al momento de insertar un evento.
Grfico 26 Lugares del evento.

Una Opcin Importante es la de Ajustes, en la cual se encuentra opciones como
visualizacin y Ayuda, pero no son necesarios editar estos ajustes ya que se encuentran
configurados correctamente.
Grfico 27 Ajustes eventos.

Nota: Las opciones que no se han nombrado no son necesarias editarlas.
1.5
MEDIOS
Acceder mediante la pestaa Medios ubicada en la barra de la parte izquierda de la

pgina principal de wordpress.
21
Grfico 28 Acceso a medios.

Seguidamente se escoge la opcin de Librera multimedia para mostrar una lista de
todos los archivos (Fotos, Pdfs, Videos, Imgenes) que se encuentran almacenados en el
portal web.
Grfico 29 Lista de Archivos, fotos, videos, pdf.

Aqu tambin se encuentra el botn Aadir nuevo que permite la opcin de subir un
nuevo archivo (foto, pdf, video, imagen), para posteriormente ser utilizados.
1.6
PGINAS
Acceder mediante la pestaa Pginas ubicada en la barra de la parte izquierda de la

pgina principal de Wordpress.
22
Grfico 30 Acceso a pginas.

Para listar todas las pginas creadas escoger la opcin Todas las pginas.
Grfico 31 Lista de pginas.

Cuando existan numerosas pginas y en caso de no encontrarlas ubicarse en parte
inferior derecha de la lista ya que se encuentran pginadas como se muestra en la
imagen.
Grfico 32 Paginacin de pginas.
23
1.6.1
Edicin y Eliminacin de Pginas.
Para editar una de las pginas de la lista ubicar el puntero sobre el nombre de la pgina
y dar clic en la opcin editar, seguidamente se abrir la pgina con su contenido para
editarlo, luego dar clic en el botn Publicar ya que ah se realizan los cambios
respectivos.
Grfico 33 Edicin de pginas.

Para eliminar una de las pginas ubicar el puntero en la opcin papelera dar clic e
inmediatamente se eliminara la pgina.
1.6.2
Herramienta Shortcode para Pginas
Grfico 34 Opcin Insert Shortcode.

Para una mejor apariencia visual se utilizar la herramienta Shortcode ubicada en la
barra de herramientas del procesador de texto, contiene dos opciones como es:
Accordion.- Se utiliza para mostrar contenidos en una lista desplegable de opciones.
24
Grfico 35 Visualizacin de Accordion.
Grfico 36 Visualizacin de Acorden Desplegada.
Grfico 37 Opciones dentro de Insert Shortcode.

Estas herramientas se utilizan de acuerdo a las necesidades establecidas para la pgina,
ya que dicho uso organiza de una mejor manera el contenido que se va a publicar.
Para insertar la herramienta Accordion dar clic en Insert Shortcode escoger la opcin
Accordion se despliega la siguiente ventana en donde se especifica el nmero de tems
que se necesitan, clic en Insert Shortcode.
25
Grfico 38 Ventana de la opcin Accordion.

Una vez insertada la herramienta en la ventana del procesador de texto se muestra como
cdigo de la siguiente forma.
[accordion]
[toggle tittle =Presidente/a state=opened]
Aqu se ubica el Contenido a mostrar
[/toggle]
[/accordion]
- Para la herramienta Tabled Content se presenta de la siguiente forma.
[tab tittle=Miembros de la Junta Parroquial]
[accordion]
[toggle tittle =Presidente/a state=opened]
Aqu se ubica el Contenido a mostrar
[/toggle]
[/accordion]
[/tab]
1.7
APARIENCIA
Como primera opcin dentro de esta pestaa se encuentra:
1.7.1
Widgets
Denominamos a la siguiente opcin que continua en la lista, aqu se ubica una ventana
en la que se encuentran varias opciones de edicin.
26
Grfico 39 Interfaz principal de Widgets

Ejemplo:
widget Poll: Encuesta el cual forma parte de la seccin de encuestas que se muestra en
el portal web, con un clic en esta opcin se despliega informacin en la cual se ubica en
la opcin de Poll To Display, en la que se encuentra las diferentes preguntas en la cual
se procede a seleccionar la cual se desea a utilizar.
Grfico 40 Opciones del widget Poll Encuestas

1.7.2
Mens
En esta parte se encuentran las configuraciones respectivas que involucran las diferentes
opciones del que contiene el men principal del portal, los respectivos cambios que se
permiten realizar son: Agregar una nueva pgina al men, eliminacin de una pgina del
men, adems de la facilidad de crear un nuevo men acorde a sus necesidades.
27
Grfico 41 Interfaz principal de los Mens del Portal Web

En la parte de debajo de esta seccin tambin se puede seleccionar los diferentes tipos
del men con el que cuenta el tema, por defecto se encuentra activado el men de
navegacin secundario y el men de navegacin para mviles.
Grfico 42 Opciones de activacin de tipos de mens

Nota: Se recomienda no manipular las configuraciones de esta opcin.
1.7.3
Opciones del Tema
Para acceder ubicarse en Apariencia en la opcin opciones del tema que se encuentra en
la barra de la parte izquierda de la pgina principal de wordpress.
28
Grfico 43 Acceso a Opciones del Tema.

En esta seccin solo se mostrara las opciones a cambiar por parte del usuario.
1.7.3.1 Ajustes
Para cambiar de banner ubicarse en ajustes Opciones de logotipo en la opcin de
Logotipo como muestra la siguiente imagen.
Grfico 44 Cambio de banner.

Para cambiar de imagen clic en subir y seleccionar la imagen requerida, si la imagen no
se encuentra en la lista dirigirse a la pestaa subir archivos para subir la imagen a
Medios parte explicada anteriormente.
29
1.7.3.2 Ajuste de colores
Con la ayuda del interfaz para cambiar de colores se puede elegir para cada uno de los
elementos de la pagina.
Grfico 45 Interfaz principal de opciones de Slider de Imgenes.

1.7.3.3 Ajustes de Slider
Las configuraciones referentes a la transicin de imgenes que se observan en la pgina
principal del portal web se encuentran aqu, en la cual se encuentra la seccin Imgenes
de Slider, en la cual se observa una lista desplegable que indica las imgenes subidas
actualmente al Slider de imgenes.
Grfico 46 Interfaz principal de opciones de Slider de Imgenes.

Dentro de cada opcin de la lista desplegable se puede aplicar configuraciones como el
cambio de imgenes, nombre y descripcin de la imagen, adems permite eliminar las
imgenes a travs del botn Borrar slide ubicado en la parte baja de cada opcin de la
lista desplegable.
30
Grfico 47 Opciones de cambios de informacin de Slider.

As mismo en la parte final de la lista desplegable se encuentra el botn Add Slide el
mismo que permite aadir nuevas imgenes al slider, en la cual se sube la imagen
seleccionada, cabe recalcar que las imgenes que se utilicen para el slider de imgenes
deben tener una dimensin de 1000 pixeles de ancho por 550 pixeles de alto, esta
condicin es solo para esta seccin, cualquier otra imagen que se suba en otra parte del
portal web debe tener una dimensin de 800 pixeles de ancho por 600 pixeles de alto.
1.8
GALERA DE IMGENES
Para acceder a la Galera de imgenes que se encuentran publicadas en cada uno de los
sitios tursticos nos ubicamos en la opcin FlAGallery que se encuentra en la barra de
la parte izquierda de la pgina principal de wordpress.
31
Grfico 48 Acceso a FlAGallery (Galera de imgenes).

Para crear una nueva galera clic en la opcin de Administrar Galeras la cual presenta
la siguiente ventana.
Digitar el nombre de la nueva galera a continuacin clic en el botn Aadir galera.

La nueva galera creada se mostrara junto a las galeras anteriores ubicarse en el nombre
de la nueva galera creada para subir las imgenes.
32
Grfico 49 Ventana para subir imgenes.

Escoger el nombre de la galera creada, seguidamente subir imgenes clic en el botn
Seleccionar imgenes. Las imgenes que se requieran subir se listarn en la parte
inferior del mismo botn como se muestra en la imagen.
Grfico 50 Seleccionar archivos.

Nota: Para no ocupar demasiado espacio de almacenamiento se recomienda subir
mximo seis imgenes de acuerdo a las galeras anteriores.
Finalmente Clic en el botn Subir imgenes
En la lista de galeras creadas se puede editar presionando un clic sobre el nombre de la
galera requerida seguidamente se muestra una ventana en donde se puede aadir y
eliminar imgenes asociadas a esa galera.
33
Para eliminar una de las galeras creadas ubicarse en la lista de galeras en la parte
derecha del nombre de cada una clic en Borrar y se elimina automticamente.
Grfico 51 Vista previa de la galera de imgenes.
1.9
ENCUESTA
Para acceder a la encuesta que se encuentra publicada en el portal web ubicarse en la

opcin Polls que se encuentra en la parte izquierda de la pgina principal de wordpress.
Grfico 52 Acceso a Polls (Encuesta).

Para aadir una nueva encuesta ubicarse en la opcin Add Polls, a continuacin se
desplegara una nueva ventana con opciones.
34
Grfico 53 Agregar Poll (Encuesta).
En Question se digita la pregunta Ejem: Esta de acuerdo con la administracin

actual.
En Answer 1 se digita la respuesta 1 Ejem: Si,
En Answer 2 se digita la respuesta 2 Ejem: No
En caso de necesitar una respuesta 3 dar clic en Add Answer (Aadir respuesta) para
agregar una nueva Ejem: En ocasiones. Se utiliza de acuerdo a las necesidades
establecidas por el usuario que administra el portal web.
Nota: Las opciones que se muestran en la parte inferior no se modifican sus valores
quedan establecidos predeterminadamente.
Finalmente clic en el botn Add Poll
Para listar la encuesta creada clic en la opcin Manage Polls, muestra la encuesta con
las opciones de editar (edit) y eliminar (delete), en este caso el usuario realizara de
acuerdo a sus requerimientos las opciones presentadas.
35
Grfico 54 Lista de Encuestas.
Grfico 55 Vista previa de la encuesta.

1.10 CORREO ELECTRNICO INSTITUCIONAL
En la barra lateral derecha de la pgina web junto a los iconos de las redes sociales se
encuentra un icono de correo electrnico.
Grfico 56 Link de acceso al correo electrnico institucional
36
Luego de dar un clic sobre esta opcin se abrir una ventana en la cual se tiene que
ingresar el correo electrnico junto con la contrasea, siempre el correo electrnico de
be contener seguido del @gadsansimon.gob.ec.
Grfico 57 Interfaz de ingreso de correo y contrasea de acceso

Luego de acceder con el correo y la contrasea que le corresponda se visualiza la
siguiente ventana en la cual procedemos a dar un clic sobre el grfico de nombre
roundcube.
Nota: Solo se debe escoger la opcin roundcube no se debe seleccionar los otros
grficos.
Grfico 58 Ventana de seleccin de servidor de correo electrnico
37
Posteriormente se observa la siguiente ventana, la cual es la interfaz principal donde se
puede administrar los mensajes de correo electrnico institucional dependiendo de su
cargo.
Grfico 59 Interfaz de administracin de mensajes de correo electrnico

1.10.1 Abrir un mensaje para Lectura
Si el panel de vista previa est habilitado, dando un solo clic en un mensaje de la lista
mostrar su vista previa a la derecha por debajo de sta. Para abrir un mensaje en la
vista o una nueva ventana (dependiendo de la configuracin), haga doble clic con el
ratn.
1.10.2 Responder un mensaje

Si desea responder un mensaje recibido, haga clic en el botn Responder (1) Responder a
todos (2) en la barra de herramientas, o los botones equivalentes en el panel de vista previa .
38
Esto tambin abrir una ventana de redaccin precargada con una cita del mensaje que se est
respondiendo y el (o los) destinatario(s).
Si se utiliza Responder copiar la direccin del remitente en el campo Para, en cambio
Responder a todos sumar todos los destinatarios del mensaje original a los campos A y Cc.
1.10.3 Reenvo de mensajes

Los mensajes tambin se pueden reenviar haciendo clic en el botn Reenviar (3) de la barra de
herramientas. La pantalla para escribir contendr el texto del mensaje y todos los archivos
adjuntos ya incorporados. Es posible tambin aadir ms archivos adjuntos o eliminar algunos
no desea reenviar.
El botn Reenviar de la barra de herramientas ofrece las siguientes opciones haciendo clic en la
flecha que posee en su borde derecho:
1.10.4 Reenviar en lnea

En este modo (por defecto), el contenido del mensaje original se copia en el editor de texto del
mensaje y puede ser modificado o eliminado. Tambin los adjuntos del mensaje original se
copian en el nuevo mensaje y se pueden quitar individualmente. Atencin: este modo puede
truncar o volver a formatear mensajes con formato HTML.
1.10.5 Reenviar como archivo adjunto

Con esta opcin, el mensaje original se copia como archivo adjunto al mensaje de reenvo. Esto
preservar el mensaje con todo su formato y los archivos adjuntos y no permite que usted altere
nada.
Nota: Mas funciones en el siguiente link

https://identidad.usal.es/web/ManualRC#Abrir_un_mensaje_para_Lectura
Para salir del correo electrnico institucional se ubica la opcin cerrar sesin la misma
que se encuentra en la parte superior derecha de la ventana

Manual de Usuario Final San Simon

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Manual de Usuario Final San Simon

Enviado por

Direitos autorais:

Formatos disponíveis

UNIVERSIDAD ESTATAL DE BOLVAR

DE CIENCIAS ADMINISTRATIVAS GESTIN EMPRESARIAL E I

Ingreso al sistema de administracin de informacin........................3

Pgina principal de administracin de la pgina web........................4

La barra de herramientas TinyMCE....................................................6

1.10 Un-haciendo y Re-hacer cambios......................................................9

Insercin de una Tabla...............................................................10

Edicin y Eliminacin de Pginas...............................................22

Herramienta Shortcode para Pginas........................................23

Opciones del Tema....................................................................27

1.17 GALERA DE IMGENES....................................................................29

Fcil instalacin, actualizacin y personalizacin.

distintos niveles de permisos (desde la versin 2.0).

La utilizacin del sistema administrador que proporciona el manejador de contenidos

Ingreso al sistema de administracin de informacin.

En la barra de direcciones del navegador escribimos a continuacin de la direccin de la

Grfico 1 Barra de direcciones.

A continuacin se podr visualizar la pgina en la que encontramos el login de acceso

Grfico 2 Login de Acceso.

Grfico 3 Pgina principal de Wordpress.

Primera Opcin de Edicin: Entradas.

Grfico 4 Opcin Entradas.

Grfico 5 Aadir Entrada.

La barra de herramientas TinyMCE

El TinyMCE se divide en dos reas: la barra de herramientas y el rea de edicin:

El rea de edicin es donde se escribe en tu sitio.

Los siguientes botones cambian el estilo bsico de su texto:

Alterna entre "tachado" y el texto "Normal".

Los siguientes botones afectan a la alineacin o la justificacin de su texto:

Su texto ser alineado a la izquierda como en este ejemplo.

al Su texto ser centrado como en este ejemplo.

la Su texto se alinea a la derecha como en este ejemplo.

Su texto se justificar mediante la adicin de espacios adicionales, por lo

Le permite escoger de los formatos estndar disponibles en todos los

Le permite especificar el tamao del texto en el prrafo actual.

Los siguientes botones permiten esta funcionalidad:

Para crear una lista numerada:

Un-haciendo y Re-hacer cambios

Enlaces a otras pginas

botn. Se le presentar con el

ms informacin sobre la vinculacin a su ancla.

Grfico 6 Procesador de Texto.

Grfico 7 Ventana del procesador de texto.

Grfico 8 Insertar Objeto.

Grfico 9 Seleccin de la imagen.

Grfico 10 Edicin de Imgenes.

Grfico 11 Escala de Imagen.

Grfico 12 Subir archivos.

Grfico 13 Seleccionar archivo desde el Equipo.

Grfico 14 Vista previa de la imagen.

Grfico 15 Categoras - Noticias.

Grfico 16 Opcin Imagen destacada.

Grfico 17 Archivo Pdf

texto y damos clic en la opcin Insertar/Editar Enlace

y se abrir una ventana en

la que procedemos a marcar con clic la opcin de Abrir en una nueva

Grfico 18 Abrir en nueva pestaa del navegador.

Grfico 19 Todas las Entradas.

Grfico 20 Lista de Entradas.

Esta pestaa permitir Ingresar editar y eliminar eventos de importancia para la

Grfico 21 Creacin de Eventos.

Grfico 22 Nuevo Evento.

Grfico 23 Imagen destacada.

Grfico 24 Opciones de evento.