Manual Adm Web
-
Upload
el-enamorado -
Category
Documents
-
view
225 -
download
0
Transcript of Manual Adm Web
-
7/23/2019 Manual Adm Web
1/39
Manual de conguracin e
implementacin de sitios web
-
7/23/2019 Manual Adm 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
-
7/23/2019 Manual Adm Web
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
-
7/23/2019 Manual Adm 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.
-
7/23/2019 Manual Adm Web
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.
-
7/23/2019 Manual Adm Web
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/23/2019 Manual Adm Web
7/397
Para vericar los cambios efectuado, tendremos que recargar la pgina principal en
otra ventana.
-
7/23/2019 Manual Adm Web
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.
-
7/23/2019 Manual Adm Web
9/399
Realizamos el cambio del texto y damos clic en el botn guardar y publicar, obte-niendo la siguiente imagen:
-
7/23/2019 Manual Adm Web
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.
-
7/23/2019 Manual Adm Web
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.
-
7/23/2019 Manual Adm Web
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. -
7/23/2019 Manual Adm Web
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:
-
7/23/2019 Manual Adm Web
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.
-
7/23/2019 Manual Adm Web
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
-
7/23/2019 Manual Adm Web
16/3916
Una vez incorporado el texto, damos clic en el botn Actualizar.
Con los cambios efectuados, se obtiene el siguiente resultado:
-
7/23/2019 Manual Adm Web
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
-
7/23/2019 Manual Adm Web
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
-
7/23/2019 Manual Adm Web
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.
-
7/23/2019 Manual Adm Web
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.
-
7/23/2019 Manual Adm Web
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.
-
7/23/2019 Manual Adm Web
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.
-
7/23/2019 Manual Adm Web
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.
-
7/23/2019 Manual Adm Web
24/3924
Para crear la galera, le damos un nombre, seleccionamos los archivos mediante
el botn Agregar archivosyposteriormente presionamos el botn Iniciar Carga
-
7/23/2019 Manual Adm Web
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.
-
7/23/2019 Manual Adm Web
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
-
7/23/2019 Manual Adm Web
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:
-
7/23/2019 Manual Adm Web
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.
-
7/23/2019 Manual Adm Web
29/3929
Se desplegar la ventana de ajustes de galeracon el listado de las fotos que con-
tiene.
-
7/23/2019 Manual Adm Web
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.
-
7/23/2019 Manual Adm Web
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
-
7/23/2019 Manual Adm Web
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.
-
7/23/2019 Manual Adm Web
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.
-
7/23/2019 Manual Adm Web
34/3934
Captulo 11: Modicar Pie de Pgina
Para modicar el Pie de Pgina, debemos cargar la opcin Parabola Settingdel
Men Apariencia.
-
7/23/2019 Manual Adm Web
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.
-
7/23/2019 Manual Adm Web
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:
-
7/23/2019 Manual Adm Web
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.
-
7/23/2019 Manual Adm Web
38/3938
Finalmente comprobamos que aparezcan los conos de redes sociales y su posicin
dentro de la pgina.
-
7/23/2019 Manual Adm Web
39/39