manual adm web

7/23/2019 Manual Adm Web

1/39

Manual de conguracin e

implementacin de sitios web


2/39

Indice

Captulo 1:Conguracin del tema y contenidos del sitio web 3

Captulo 2:Cambio de ttulo y subttulo de la pgina 4

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:Modicar Galeras 28

Captulo 8:

Borrar Fotos 30

Captulo 9:Modicar orden de fotos 31

Captulo 10:Cambiar Contrasea de administrador 32

Captulo 11:Modicar Pie de Pgina 34

Captulo 12: Enlaces a redes sociales 36


3/393

En este captulo nos centraremos en la conguracin 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 eswww.hostelselknam.cl/wp-admin.

Ingresamos nombre de usuarioy contraseaen el formulario de login y accede-

remos al escritorio de wordpress, donde podremos hacer cambios al aspecto de

nuestro sitio y subir informacin.

Captulo 1: Conguracin del tema y contenidos del sitio web


4/394

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 Editordel men Apariencia.


5/395

Una vez cargado el editor, se mostrar un listado de archivos del cual debemos edi-

tar el llamado cabecera.

En el cuadro de edicin, debemos buscar la etiqueta y en

su interior, donde dice TITULO de PAGINA Childdebemos poner el ttulo de

nuestra pgina.

El mismo procedimiento se sigue para modicar el subttulo, el cual se encuentran a

continuacin de la etiqueta del ttulo.


6/396

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.


7/397

Para vericar los cambios efectuado, tendremos que recargar la pgina principal en

otra ventana.


8/398

Para cambiar el ttulo que aparece en la barra del navegador

Debemos cargar la opcin Personalizardel men Apariencia, desplegndose e

siguiente cuadro:

En las opciones que aparecen a la izquierda de la pantalla, especcamente dondedicettulo del sitio y descripcin corta, hacemos clic y se desplegarn los cuadros

de texto para realizar las modicaciones de los ttulos.


9/399

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


10/3910

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 Aparienciay cargar la opcin Parbola Settings

Se desplegar una serie de opciones, entre las que debemos elegir la opcin p-

gina de presentacin.


11/3911

En Pgina de Presentacin, nos dirigimos a la opcin de conguracin extras, allseleccionamos 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 ma-

nualmente el texto.


12/3912

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

la tablano se debe borrar.Adems, el texto debe estar siempreentre las etiquetas

de prrafo (
), incorporadas en cada una de las columnas.


13/3913

Posteriormente, guardamos los cambioshaciendo clic, como se muestra en la

gura.

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

sitio:


14/3914

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 pginasdel men Pginas.

Se desplegar el listado con todas las pginas del sitio. En el listado selecciona-

mos la opcineditarde la pagina sealada.


15/3915

Se cargar el editor de la pgina, debiendo incorporarse el texto donde dice in-

grese aqu texto columna 1 y lo mismo para la otra columna. Adems, se cam-

bia 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


16/3916

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

Con los cambios efectuados, se obtiene el siguiente resultado:


17/3917

Captulo 5: Trabajo con imgenes

Subir fotos a la Pgina Principal

Para subir las fotos a la Pgina Inicio cargamos opcin Parbola Settingdel men

Apariencia.

y de las opciones de conguracin desplegamos la opcin Pgina de presentacin


18/3918

Y seguimos los siguientes pasos:

Bajamos hasta columnas pgina de presentacin y desplegamos la barra co-

lumna 1y damos clic al botn elija/ suba imagen


19/3919

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.


20/3920

Y nos quedar la URL que carga la imagen en el cuadro de texto imagen. Rellena-

mos el ttulo y la opcin de enlace (URL), y nalmente guardamos los cambios.

Se repite el mismo procedimiento para la segunda columna y obtendremos un resul-

tado similar a la gura.


21/3921

Captulo 6: Crear y agregar galera en pgina Servicios

Para la creacin de galeras, el sitio cuenta con un plugins llamado NextGEN Ga-

llery 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 pginasdel men Pginas.

Se desplegar el listado con todas las pginas del sitio. En el listado selecciona-

mos la opcin editarde la pgina sealada.


22/3922

En la ventana de edicin de la pgina, ubicamos el cursor en el lugar donde de-

seamos situar la galera. Posteriormente, damos clic al cuadrado verde ubicado

en la barra de herramientas para abrir nextGEN Gallery.


23/3923

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/Imge-

nes.


24/3924

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

el botn Agregar archivosyposteriormente presionamos el botn Iniciar Carga


25/3925

Una vez cargada las imgenes y creada la galera, aparecer un mensaje de xito

de la operacin antes efectuada.

Vericamos 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.


26/3926

Ahora procederemos a agregar la galera creada, a la pgina web. Debemos ele-

gir el tipo de pantalla. Dejamos la que viene por defecto.

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

creamos en pasos anteriores


27/3927

A continuacin, al personalizar la conguracin de pantalla, debemos cerciorar-

nos que la opcin Mostrar enlace presentacineste 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:


28/3928

Y en la pgina se representa de la siguiente forma.

Captulo 7: Modicar Galeras

Para modicar el orden de las fotos, eliminar o excluir de las galeras, se utiliza Ma-

nage Galleries. Hacemos clic en el nombre de la galera en la que deseamos traba-

jar. En nuestro Caso, Galeria1.


29/3929

Se desplegar la ventana de ajustes de galeracon el listado de las fotos que con-

tiene.


30/3930

Captulo 8: Borrar Fotos

Para borra una foto, hacemos clic en borrarque est en las acciones de cada foto

del listado. Nos solicitar conrmar la eliminacin de la foto, y al aceptar, se actuali-

zar el listado.

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

Gallery.


31/3931

Captulo 9: Modicar orden de fotos

Para cambiar el orden en que aparecen las fotos, en el ajuste de galera, en los boto-

nes 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 Clasicaciny posteriormente, al botn Volver a Galeria.

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

efecto, debemos dar clic en Actualizar


32/3932

Captulo 10: Cambiar Contrasea de administrador

Para cambiar la contrasea de administrador, debemos acceder al escritorio de con-

guracin del sitio, en el extremo superior derecho de la pgina desplegar las opcio-

nes del men Hola, Adminy dar clic a Editar mi perl.


33/3933

Se cargar el Perl, debiendo bajar con el scroll hasta el titulo Acerca de tiyescri-

bir en el campo de texto la Nueva contraseay Conrmar Nueva Contrasea, y

nalmente damos clic en el botn Actualizar perl.

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


34/3934

Captulo 11: Modicar Pie de Pgina

Para modicar el Pie de Pgina, debemos cargar la opcin Parabola Settingdel

Men Apariencia.


35/3935

Se cargar las barras de opciones de conguracin del tema, dentro del cual debe-

mos 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.


36/3936

Captulo 12: Enlaces a redes sociales

Para agregar iconos de redes sociales al sitio web debemos cargar Parabola set-

tingdel Menu Apariencia:

Se cargar las barras de opciones de conguracin del tema, dentro del cual debe-

mos desplegar la opcin de barra de nombre Social Media:


37/3937

A continuacin, debemos congurar 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 e

casillero Abrir en nueva ventana

Una vez establecidos y congurados los enlaces, se deber guardar los cambios.

Los enlaces pueden ser ubicados en los puntos cardinales de la pgina, mantenien-

do siempre visible las barras de los costados. Por defecto, aparece en el lado dere-

cho del sitio y en el pie de pgina.


38/3938

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

dentro de la pgina.


39/39

manual adm web

Documents