MANUAL DE USO Octubre CLIENTE: Liber Ediciones AUTOR: 2.0 DISEÑO _

Transcripción

1 MANUAL DE USO Octubre 2011 PROYECTO: MANUAL DE USO - Página Web PAG: 1

2 INDICE 1. INICIO DE SESIÓN: AÑADIR Y MODIFICAR LAS PÁGINAS: Añadir un nuevo libro a bibliofilia Añadir un nuevo artista o autor Añadir una nueva novedad Ordenar páginas: CREAR ENTRADAS DEL BLOG Crear una nueva entrada INSERTAR UNA GALERÍA EN UNA PÁGINA Insertar la galería TRADUCIR PÁGINAS O ENTRADAS DEL BLOG INSERTAR UNA NUEVA DIAPOSITIVA EN LA HOME Subir una diapositiva nueva Administrar diapositivas CREAR BOLETÍN DE NOTICIAS PROYECTO: MANUAL DE USO - Página Web PAG: 2

3 1. INICIO DE SESIÓN: Para acceder al gestor de contenidos de la página web, escribe en el navegador la siguiente url: Desde aquí accederás a un formulario en el que debes rellenar los campos con tus datos de acceso: Usuario: admin Contraseña: kilootefuni38 De esta manera ya estás registrado para poder administrar la página. Nota--> Guarda en un lugar seguro el nombre de usuario y la contraseña. PROYECTO: MANUAL DE USO - Página Web PAG: 3

4 Una vez introducidas las claves de administrador, accedemos dentro del gestor de contenidos. El aspecto es el siguiente: En la parte izquierda tenemos una serie de menús que iremos seleccionando en función de las modificaciones que deseemos realizar. Utilizaremos especialmente el que nos permite editar el texto de las páginas y el que nos permite subir y modificar las imágenes y galerías de fotos. PROYECTO: MANUAL DE USO - Página Web PAG: 4

5 2. AÑADIR Y MODIFICAR LAS PÁGINAS: Para editar, actualizar y modificar contenidos de las páginas existentes (Empresa, Enlaces de interés, Nota legal ) seleccionamos el menú: PROYECTO: MANUAL DE USO - Página Web PAG: 5

6 Y llegamos a esta otra pantalla: Pulsamos EDITAR para modificar el contenido de una página. Si lo que quieres es editar alguna subpágina de la sección, pincha en children o view sub-páginas para ver el listado de estas y poder editarlas NOTA: el listado de acciones aparecerá cuando posemos el puntero del ratón sobre el nombre de una página. Para editar el contenido de una de las páginas, seleccionamos aquella que queremos editar y pulsamos EDITAR: Una vez pulsado el botón EDITAR, nos aparecerá una página de administración desde la que a través del editor de texto, podremos modificar los contenidos de esa página y/o darle estilos (poner negritas, subrayados, crear enlaces etc.) Para guardar los cambios pulsaremos en el botón ACTUALIZAR y los cambios quedarán introducidos. PROYECTO: MANUAL DE USO - Página Web PAG: 6

7 Título de la página Texto de la página, el cual lo metemos ayudándonos del editor de texto, muy similar al de Microsoft Word Pulsarmos ACTUALIZAR para guardar los cambios o bien Vista Previa de los cambios para ver cómo quedará la página. PROYECTO: MANUAL DE USO - Página Web PAG: 7

8 2.1. Añadir un nuevo libro a bibliofilia En la página Bibliofilia, podremos añadir más libros a nuestra lista. Para ello debemos crear una página nueva para cada obra y automáticamente se añadirá a la lista. A continuación, les enseñaremos a crear una nueva obra, en el apartado de páginas, pinchamos en añadir Nueva. Añadimos nueva página para crear una obra nueva en bibliofilia Una vez abierta la nueva página, rellenamos el formulario y en el menú de la derecha pinchamos siempre superior: bibliofilia Siempre poner como superior, bibliofilia PROYECTO: MANUAL DE USO - Página Web PAG: 8

9 Título de la obra Un vez creada, pinchamos en publicar Descripción Siempre hay que poner la página superior, bibliofilia Añadir una imagen destacada de la obra (Siempre a proporción de 160px de ancho x 240px de alto) Resumen para el listado de las obras, Poner este texto solo una vez, ya que si lo ponemos en descripción se repetirá. PROYECTO: MANUAL DE USO - Página Web PAG: 9

10 Insertar la galería en una obra. En cada obra, podemos meter una galería con las ilustraciones de ella, por eso en este punto te explicamos como hacerlo. La galería siempre hay que ponerla en la caja de texto donde va la descripción (véase la foto superior). Pinchamos en el icono de insertar imagen. Icono de insertar imágenes Se nos desplegará una ventana, para subir las imágenes como la siguiente. Haciendo click en el botón Elegir Archivos. Podemos seleccionar las fotos desde nuestro ordenador, usb o disco. (Tenemos la posibilidad de seleccionar varias fotos a la vez) Aceptamos y comenzará la subida. PROYECTO: MANUAL DE USO - Página Web PAG: 10

11 Al finalizar hacemos click en Guardar todos los cambios y nos cambiará automáticamente a la ventana de galería. Si pinchamos en mostrar podremos editar el título, la leyenda, tamaño, etc. de cada foto en particular; aunque esto no es obligatorio. En la parte inferior no aseguramos que este seleccionado archivo de imagen. El orden podemos variarlo y las columnas es indiferente. Para finalizar hacemos click en Insertar Galería y ya tendremos la galería lista. Hay que tener en cuenta que todas las fotos que introduzcamos en la página saldrán en la galería. Si no queremos esto, hay que desactivarlas pinchando en Mostar y luego desactivándola clicando en Remove from gallery (Ver imagen de la siguiente página). PROYECTO: MANUAL DE USO - Página Web PAG: 11

12 Opciones de cada foto Borrarla de la galería PROYECTO: MANUAL DE USO - Página Web PAG: 12

13 Insertar una imagen en la caja de descripción. A parte de texto en la descripción podemos acompañarlo de imágenes diferentes a la galería, para ello tenemos que hacer lo mismo que al crear la galería pero de una en una. Primero pinchamos en el icono insertar imagen: Icono de insertar imágenes Se nos desplegará una ventana, para subir la imagen como la siguiente. Haciendo click en el botón Elegir Archivos. Seleccionamos la foto desde nuestro ordenador, usb o disco. PROYECTO: MANUAL DE USO - Página Web PAG: 13

14 Aceptamos y comenzará la subida. Una vez se ha subido, accedemos a este formulario y rellenamos con los datos de la imagen que a continuación insertaremos en la entrada. Título de la imagen Alineación de la imagen respecto al texto Tamaño de la imagen Insertar la imagen *Recuerda que si la página tiene una galería de imágenes y no quieres que aparezca en ella, hay que quitarla. Para ello, entra en la galería como te hemos explicado anteriormente y desactívala pinchando en Remove from gallery de la imagen. PROYECTO: MANUAL DE USO - Página Web PAG: 14

15 2.2. Añadir un nuevo artista o autor A parte de nuevas obras también se puede añadir nuevos artistas y autores al listado del apartado Artistas y autores, para ello hay que crear una página como las anteriores explicadas pero con las siguientes páginas. Para crear un artista/autor PROYECTO: MANUAL DE USO - Página Web PAG: 15

16 2.3. Añadir una nueva novedad También se pueden añadir nuevas novedades tal como hemos añadido obras y artistas, para ello debemos crear una nueva página y esta vez poner como página superior novedades y rellenar el formulario igual que al subir una obra. Para crear una novedad Si una vez creada la novedad quieres convertirla en obra, es tan sencillo como poner en superior bibliofilia Ordenar páginas: Una vez creadas las páginas, si deseamos ordenarlas de otra manera no hay problemas, pinchamos en el siguiente enlace del menú: Para crear una novedad PROYECTO: MANUAL DE USO - Página Web PAG: 16

17 Una vez hemos pinchado en el enlace, accedemos a la siguiente página en la cual podemos empezar a ordenar las páginas: Elige las subpáginas que quieres ordenar Para ordenar, selecciona la página y desplázala hacia arriba o abajo hasta conseguir la posición que deseas. Guardar los cambios una vez ordenadas Si queremos ordenar las subpáginas pincha en el botón superior, ordenar subpáginas y forma de hacerlo es exactamente igual que la anteriormente explicada. PROYECTO: MANUAL DE USO - Página Web PAG: 17

18 3. CREAR ENTRADAS DEL BLOG 3.1. Crear una nueva entrada La creación de una entrada del blog es igual al resto de las páginas, pero tiene algunas características que la hacen única. En vez de añadir una página nueva, añadimos una entrada nueva desde este menú: Pulsar Añadir Nueva para crear una entrada en blanco Una vez seleccionada rellena el siguiente formulario complentando los siguientes campos: PROYECTO: MANUAL DE USO - Página Web PAG: 18

19 Título Fecha de publicacion Pincha en este icono para separar el resumen. Publicar entrada Descripción Imagen destacada de la entrada (Siempre a proporción de 160px de ancho x 240px de alto) Resumen de la entrada, en este caso sólo aparece en las últimas noticias de la home, no se repite luego en la noticia PROYECTO: MANUAL DE USO - Página Web PAG: 19

20 4. INSERTAR UNA GALERÍA EN UNA PÁGINA 4.1. Insertar la galería. Hemos intentado simplificar al máximo la introducción de imágenes de cada obra. Nos situamos en el campo de texto que hemos reservado para la galería (véase la foto superior). Pinchamos en el icono de insertar imagen. Icono de insertar imágenes Se nos desplegará una ventana, para subir las imágenes como la siguiente. Haciendo click en el botón Elegir Archivos. Podemos seleccionar las fotos desde nuestro ordenador, usb o disco. (Tenemos la posibilidad de seleccionar varias fotos a la vez) Aceptamos y comenzará la subida. PROYECTO: MANUAL DE USO - Página Web PAG: 20

21 Al finalizar hacemos click en Guardar todos los cambios y nos cambiará automáticamente a la ventana de galería. Si pinchamos en mostrar podremos editar el título, la leyenda, tamaño, etc. de cada foto en particular; aunque esto no es obligatorio. En la parte inferior no aseguramos que este seleccionado archivo de imagen. El orden podemos variarlo y las columnas es indiferente. Para finalizar hacemos click en Insertar Galería y ya tendremos la galería lista. Hay que tener en cuenta que todas las fotos que introduzcamos en la página saldrán en la galería. Si no queremos esto, hay que desactivarlas pinchando en Mostar y luego desactivándola clicando en Remove from gallery PROYECTO: MANUAL DE USO - Página Web PAG: 21

22 Opciones de cada foto Borrarla de la galería PROYECTO: MANUAL DE USO - Página Web PAG: 22

23 Insertar una imagen en la caja de texto. En la caja de texto se puede insertar imágenes diferentes a la galería, para ello tenemos que hacer lo mismo que al crear la galería pero de una en una. Primero pinchamos en el icono insertar imagen: Icono de insertar imágenes Se nos desplegará una ventana, para subir la imagen como la siguiente. Haciendo click en el botón Elegir Archivos. Seleccionamos la foto desde nuestro ordenador, usb o disco. PROYECTO: MANUAL DE USO - Página Web PAG: 23

24 Aceptamos y comenzará la subida. Una vez se ha subido, accedemos a este formulario y rellenamos con los datos de la imagen que a continuación insertaremos en la entrada. Título de la imagen Alineación de la imagen respecto al texto Tamaño de la imagen Insertar la imagen *Recuerda que si la página tiene una galería de imágenes y no quieres que aparezca en ella, hay que quitarla. Para ello, entra en la galería como te hemos explicado anteriormente y desactívala pinchando en Remove from gallery de la imagen. PROYECTO: MANUAL DE USO - Página Web PAG: 24

25 5. TRADUCIR PÁGINAS O ENTRADAS DEL BLOG Este sitio web es multilingüe, podemos verlo en Español o en Inglés, actualmente el contenido esta solo metido en Español, así que si queremos traducir las páginas o entradas del blog hay que hacer lo siguiente: Primero, accedemos al formulario de edición de la página o entrada del blog que deseamos traducir. (Ver en la siguiente página) A continuación, rellenamos los campos que están sin completar en los que pone Inglés, como titulo Inglés y Resumen Inglés. Después para traducir la descripción, pinchamos en la pestaña English, y rellenamos la caja de texto con la descripción en inglés. Un truco para mantener las fotos y la galería es copiar todo el contenido que tenemos en Español y pegarlo en la pestaña de Inglés. Una vez tenemos todo sólo editamos el texto poniéndonos encima, seleccionando y escribiendo el texto que queremos cambiar. Una vez hemos completado todos los campos, pincha en actualizar y la página se guardará con su traducción. PROYECTO: MANUAL DE USO - Página Web PAG: 25

26 Título en inglés Actualiza la página para guardarla Pincha en la pestaña English y rellena la caja con la descripción en inglés Resumen en Inglés PROYECTO: MANUAL DE USO - Página Web PAG: 26

27 6. INSERTAR UNA NUEVA DIAPOSITIVA EN LA HOME En la página de inicio tenemos una sucesión de diapositivas las cuales se pueden borrar, editar o subir diapositivas nuevas, para ello debemos pinchar en el siguiente apartado del menú: Agregar nueva diapositiva Administrar galería 6.1. Subir una diapositiva nueva. Una vez hemos pinchado en el enlace agregar galería/imágenes, dentro de la pestaña Subir imágenes, seleccionamos desde examinar las imágenes que deseamos subir desde su ordenador, acuérdate que el formato de la imagen debe ser de 650x320px. A continuación elige en que galería se ha de añadir, en este caso es la única que tenemos: galería slider home. Examinar imágenes Elegir galería Subir imágenes PROYECTO: MANUAL DE USO - Página Web PAG: 27

28 6.2. Administrar diapositivas. Una vez hemos subido las imágenes, estas se pueden editar para enlazarlas a una página, borrarlas, nombrar las imágenes Para ello, pinchamos en el enlace anteriormente visto administrar galería y seleccionamos el nombre de la galería a editar, en este caso, el único que hay. Al seleccionarlo se mostrará una lista con todas las imágenes que poseemos y con las acciones que se les puede aplicar. Borrar imagen Título de la imagen Poner url de la página a la que enlaza Excluir imagen Guardar los cambios que se han hecho PROYECTO: MANUAL DE USO - Página Web PAG: 28

29 7. CREAR BOLETÍN DE NOTICIAS Este sitio web también tiene la posibilidad de mandar a los interesados un boletín de noticias, para ello los usuarios deben registrarse rellenando un formulario desde la web y así se nos añadirán a nuestra lista de contactos para el Newsletter. Para crear el boletín de noticias, debemos acceder desde el siguiente enlace del menú: Componer newsletter Una vez hemos accedido a la página, te mostrará la plantilla del Newsletter para que la editemos y cambiemos el contenido por lo que quieremos mandar, utilizando el editor de texto como en cualquier otra página: PROYECTO: MANUAL DE USO - Página Web PAG: 29

30 Asunto del newsletter Noticia del newsletter Fecha del newsletter Contenido del Newsletter, en el que puedes añadir una imagen, editar los estilos del texto, añadir un enlace, etc Guardar newsletter Enviar newsletter Una vez hemos modificado el Newsletter a tu gusto, lo guardamos para que no se borre y pinchamos en send para enviárselo a todos los contactos suscritos. PROYECTO: MANUAL DE USO - Página Web PAG: 30

31 Este manual contiene todas las claves para la modificación de imágenes, textos y galerías de la página web del ARS LIBER. No obstante, si necesita un mayor soporte o tiene alguna consulta no reflejada en el manual no dude en ponerse en contacto con nosotros/as. Le atenderemos gustosamente. Tel DISEÑO Y APLICACIONES INFORMÁTICAS PROYECTO: MANUAL DE USO - Página Web PAG: 31