Manual de configuracin e

implementacin de sitios web

Indice
Captulo 1: Configuracin del tema y contenidos del sitio web

Captulo 2: Cambio de ttulo y subttulo de la pgina

Captulo 3: Incorporacin del texto a las pginas

10

Captulo 4: Ingresar el texto a la pgina de Servicios-Productos

14

Captulo 5: Trabajo con imgenes

17

Captulo 6: Crear y agregar galera en pgina Servicios

21

Captulo 7: Modificar Galeras

28

Captulo 8: Borrar Fotos

30

Captulo 9: Modificar orden de fotos

31

Captulo 10: Cambiar Contrasea de administrador

32

Captulo 11: Modificar Pie de Pgina

34

Captulo 12: Enlaces a redes sociales

36

Captulo 1:

Configuracin del tema y contenidos del sitio web

En este captulo nos centraremos en la configuracin del tema, subir fotos, texto,
cambiar ttulo, etc
Para acceder a la administracin del sitio mediante Wordpress, lo hacemos de la
siguiente manera: www.nombrededominio.cl/wp-admin.
Para nuestro ejemplo la URL de acceso es www.hostelselknam.cl/wp-admin.

Ingresamos nombre de usuario y contrasea en el formulario de login y accederemos al escritorio de wordpress, donde podremos hacer cambios al aspecto de
nuestro sitio y subir informacin.

Captulo 2:

Cambio de ttulo y subttulo de la pgina

Para cambiar el ttulo de la pgina, debemos editar el archivo llamado cabecera

(header.php). Para ello, debemos ir a la opcin Editor del men Apariencia.

Una vez cargado el editor, se mostrar un listado de archivos del cual debemos editar el llamado cabecera.

En el cuadro de edicin, debemos buscar la etiqueta <div class=divTitulo> y en

su interior, donde dice TITULO de PAGINA Child debemos poner el ttulo de
nuestra pgina.
El mismo procedimiento se sigue para modificar el subttulo, el cual se encuentran a
continuacin de la etiqueta del ttulo.

Una vez efectuados los cambios, estos se deben guardar haciendo clic en el botn
actualizar archivo, que est en la parte inferior del cuadro de edicin.


Para verificar los cambios efectuado, tendremos que recargar la pgina principal en
otra ventana.

Para cambiar el ttulo que aparece en la barra del navegador

Debemos cargar la opcin Personalizar del men Apariencia, desplegndose el
siguiente cuadro:

En las opciones que aparecen a la izquierda de la pantalla, especficamente donde

dice ttulo del sitio y descripcin corta, hacemos clic y se desplegarn los cuadros
de texto para realizar las modificaciones de los ttulos.

Realizamos el cambio del texto y damos clic en el botn guardar y publicar, obteniendo la siguiente imagen:

Captulo 3:

Incorporacin del texto a las pginas

Ingresar el texto a la pgina de inicio

Para incorporar el texto a la pgina de inicio, debemos realizar los siguientes pasos:
Ir al men Apariencia y cargar la opcin Parbola Settings

Se desplegar una serie de opciones, entre las que debemos elegir la opcin pgina de presentacin.

10

 En Pgina de Presentacin, nos dirigimos a la opcin de configuracin extras, all

seleccionamos texto extra, en el texto Inferior 1, donde existe una estructura de
etiquetas formando una tabla HTML.
Donde dice texto columna izquierda y texto columna derecha se debe aadir manualmente el texto.

11

Aqu un ejemplo subiendo el texto. Se debe considerar que la estructura HTML de

la tabla no se debe borrar. Adems, el texto debe estar siempre entre las etiquetas
de prrafo (<p></p>), incorporadas en cada una de las columnas.

12

 Posteriormente, guardamos los cambios haciendo clic, como se muestra en la

figura.

Finalmente vemos el resultado de los cambios efectuados en la pgina principal del

sitio:

13

Captulo 4:

Ingresar el texto a la pgina de Servicios-Productos

Para ingresar el texto debemos editar la pgina de Servicios- Productos. Esto se

hace de la siguiente manera:
Cargar la opcin todas las pginas del men Pginas.

Se desplegar el listado con todas las pginas del sitio. En el listado seleccionamos la opcin editar de la pagina sealada.

14

 Se cargar el editor de la pgina, debiendo incorporarse el texto donde dice ingrese aqu texto columna 1 y lo mismo para la otra columna. Adems, se cambia el ttulo de la pgina:

En el ejemplo se aprecia que el texto se ubica entre las etiquetas que se encuentran
entre corchetes ([ ]). Ests etiquetas no debe borrarse nunca

15

Una vez incorporado el texto, damos clic en el botn Actualizar.

Con los cambios efectuados, se obtiene el siguiente resultado:

16

Captulo 5:

Trabajo con imgenes

Subir fotos a la Pgina Principal

Para subir las fotos a la Pgina Inicio cargamos opcin Parbola Setting del men
Apariencia.

y de las opciones de configuracin desplegamos la opcin Pgina de presentacin:

17

Y seguimos los siguientes pasos:

Bajamos hasta columnas pgina de presentacin y desplegamos la barra columna 1 y damos clic al botn elija/ suba imagen

18

Se sobrepondr un cuadro para agregar archivos de imagen a la biblioteca, en

donde debemos seleccionar el archivo respectivo.

Posteriormente, aparecer la foto subida y debemos dar clic en el botn insertar

en la entrada.

19

Y nos quedar la URL que carga la imagen en el cuadro de texto imagen. Rellenamos el ttulo y la opcin de enlace (URL), y finalmente guardamos los cambios.

Se repite el mismo procedimiento para la segunda columna y obtendremos un resultado similar a la figura.

20

Captulo 6:

Crear y agregar galera en pgina Servicios

Para la creacin de galeras, el sitio cuenta con un plugins llamado NextGEN Gallery que permitir de manera simple crear e incorporar las galeras a las pginas, lo
que se describir en los siguientes pasos:
Cargar la opcin todas las pginas del men Pginas.

Se desplegar el listado con todas las pginas del sitio. En el listado seleccionamos la opcin editar de la pgina sealada.

21

 En la ventana de edicin de la pgina, ubicamos el cursor en el lugar donde deseamos situar la galera. Posteriormente, damos clic al cuadrado verde ubicado
en la barra de herramientas para abrir nextGEN Gallery.

22

Se sobrepondr una ventana con las opciones de administracin de las fotos. Para
agregar una imagen y/o galera, damos clic en la pestaa Agregar Galeria/Imgenes.

23

 Para crear la galera, le damos un nombre, seleccionamos los archivos mediante

el botn Agregar archivos y posteriormente presionamos el botn Iniciar Carga.

24

Una vez cargada las imgenes y creada la galera, aparecer un mensaje de xito
de la operacin antes efectuada.

Verificamos la creacin de nuestra Galeria1 en la opcin Manager galleries.

Desde esta opcin se puede editar la galera, para cambiar el orden de las fotos,
sus nombres y eliminarlas.

25

 Ahora procederemos a agregar la galera creada, a la pgina web. Debemos elegir el tipo de pantalla. Dejamos la que viene por defecto.

En la siguiente barra de configuracin, seleccionamos Galleries, la Galeria1 que

creamos en pasos anteriores

26

 A continuacin, al personalizar la configuracin de pantalla, debemos cerciorarnos que la opcin Mostrar enlace presentacin este seleccionado la opcin NO
y le damos clic al botn Guardar:

En el editor de texto de la pgina aparecer una imagen perteneciente a la galera,

que la representa y guardamos los cambios, haciendo clic en el botn Actualizar:

27

Y en la pgina se representa de la siguiente forma.

Captulo 7:

Modificar Galeras

Para modificar el orden de las fotos, eliminar o excluir de las galeras, se utiliza Manage Galleries. Hacemos clic en el nombre de la galera en la que deseamos trabajar. En nuestro Caso, Galeria1.

28

Se desplegar la ventana de ajustes de galera con el listado de las fotos que contiene.

29

Captulo 8:

Borrar Fotos

Para borra una foto, hacemos clic en borrar que est en las acciones de cada foto
del listado. Nos solicitar confirmar la eliminacin de la foto, y al aceptar, se actualizar el listado.

Finalmente, damos clic en guardar cambios y cerramos la ventana de NextGEN

Gallery.

30

Captulo 9:

Modificar orden de fotos

Para cambiar el orden en que aparecen las fotos, en el ajuste de galera, en los botones que aparecen encima del listados, damos clic al botn llamado Ordenar galera,
cargando la ventana fotos en miniatura, la que se pueden arrastrar para cambiar su
orden. Una vez determinado el nuevo orden, damos clic al botn Actualizar Orden
de Clasificacin y posteriormente, al botn Volver a Galeria.

Recordar que cualquier modificacin efectuada a la pgina, para que surta

efecto, debemos dar clic en Actualizar

31

Captulo 10: Cambiar Contrasea de administrador

Para cambiar la contrasea de administrador, debemos acceder al escritorio de configuracin del sitio, en el extremo superior derecho de la pgina desplegar las opciones del men Hola, Admin y dar clic a Editar mi perfil.

32

Se cargar el Perfil, debiendo bajar con el scroll hasta el titulo Acerca de ti y escribir en el campo de texto la Nueva contrasea y Confirmar Nueva Contrasea, y
finalmente damos clic en el botn Actualizar perfil.

En la siguiente sesin que inicie, tendr que ingresar la nueva contrasea.

33

Captulo 11: Modificar Pie de Pgina

Para modificar el Pie de Pgina, debemos cargar la opcin Parabola Setting del
Men Apariencia.

34

Se cargar las barras de opciones de configuracin del tema, dentro del cual debemos desplegar la opcin de barra de nombre Miscelnea.

En Miscelnea nos dirigimos al cuadro de texto llamado Texto de Pie de Pgina

Personalizado, donde incorporamos lo que deseamos aparezca en Pie de Pgina y
guardamos los cambios.

35

Captulo 12: Enlaces a redes sociales

Para agregar iconos de redes sociales al sitio web debemos cargar Parabola setting del Menu Apariencia:

Se cargar las barras de opciones de configuracin del tema, dentro del cual debemos desplegar la opcin de barra de nombre Social Media:

36

A continuacin, debemos configurar el enlace. Para esto debemos seleccionar qu

tipo de enlace insertaremos en nuestra pgina.

Si deseamos que el link incorporado se abra en la misma pgina, destiqueamos el

casillero Abrir en nueva ventana
Una vez establecidos y configurados los enlaces, se deber guardar los cambios.
Los enlaces pueden ser ubicados en los puntos cardinales de la pgina, manteniendo siempre visible las barras de los costados. Por defecto, aparece en el lado derecho del sitio y en el pie de pgina.

37

Finalmente comprobamos que aparezcan los conos de redes sociales y su posicin

dentro de la pgina.

38

39