WEB PROBIS Manual de Administración. Guía rápida ÍNDICE DE CONTENIDOS 1. Acceso a la administración 2. Inserción de noticias - Obtener el enlace directo de una noticia 3. Editar una noticia existente 4. Insertar una noticia destacada en la página de inicio - Subir una imagen nueva y modificar sus proporciones - Obtener el enlace directo de una imagen - Insertar un destacado en inicio - Restaurar una página/noticia con una copia de seguridad 5. Crear un evento nuevo 6. Crear un evento nuevo 1
1. Acceso a la administración Url de acceso a la administración: http://www.probisproject.eu/wp-admin/ Identifíquese introduciendo las claves de administrador proporcionadas. 2
2. Inserción de noticias 1.- En el menú principal Seleccione la opción Post > Add New. 2.- Introduzca un titulo para la noticia y un contenido en los campos correspondientes. 3
3.- En el menú derecho seleccione Set feature image para asignar una imagen de cabecera en la noticia.1 4.- Seleccione una imagen ya existente de la galería, o bien puede subir una nueva arrastrándola sobre la misma ventana (máximo 30 Mb). 4
5.- Seleccione la categoría News para que la noticia aparezca en esta sección. 6.- Si desea visualizar una vista previa para ver cómo queda la noticia seleccione Preview. 7.- Para publicar inmediatamente la noticia seleccione Publish, y quedará visible al público. 5
Obtener el enlace directo de una noticia 8.- Para obtener el enlace directo a la noticia, seleccione la opción Get Shortlink, (situada debajo del titular de la noticia). Copie el enlace directo que se muestra, lo necesitará más adelante para construir el enlace en la página de inicio. 6
3. Editar una noticia existente 1.- Si desea modificar una noticia exstente, acceda la listado completo de noticias seleccionando All Post en el menú izquierdo 2.- Una vez localizada la noticia deseada, sitúe el puntero por encima del titular y pulse la opción EDIT, para editar la noticia. 3.- Modifique todos los campos deseados, de la misma forma que se explica en la sección Insertar Noticia. 4.- Cuando termine de realizar las modificaciones recuerde guardar los cambios, pulsando el botón Publish. La noticia quedará actualizada al público. 7
4. Insertar una noticia destacada en la página de inicio Para construir un destacado de noticia existente en la página de inicio necesita lo siguiente: 1.- Haber creado previamente la noticia en la sección News y obtener el enlace directo, como se ha explicado anteriormente. Cópielo y guárdelo para pegarlo más tarde. 2.- También necesita disponer de una imagen de tamaño 307 x 141 px y obtener su enlace directo. A continuación se explica como subir una imagen nueva y ajustar sus proporciones. Subir una imagen nueva y modificar sus proporciones 3.-Seleccione la opción Media en el menú principal. 8
4.- Para subir una imagen nueva seleccione Add New y arrástrela sobre la ventana. Una vez subida haga clic sobre la imagen deseada para editarla. 9
5.- Haga clic en el botón Edit image para modificar sus proporciones. 6.- A continuación vamos a escalar la imagen. Introduzca el ancho requerido (307 px), el alto se calculará automáticamente, no lo modifique. Pulse SCALE para aplicar las nuevas dimensiones a la imagen. 10
7.- A continuación vamos a recortar la imagen. Con el puntero dibuje un marco rectangular sobre la imagen para recortarla. La casilla de la derecha Image Crop permite ajustar el tamaño en píxeles del cuadro con más precisión. Introduzca los valores 307 x 141 px. A continuación con el puntero puede mover la posición del encuadre y colocarlo sobre el área deseada. Una vez confirmado, seleccione SAVE para recortar y guardar la nueva imagen. Obtener el enlace directo de una imagen 8.- De nuevo en la galería Media, localice y seleccione de la imagen guardada. 11
9.- En la ventana emergente copie la URL de la imagen, para ello haga doble clic en la línea y después con el botón derecho seleccione copiar. Cópielo y guárdelo para usarlo más tarde. Insertar un destacado en inicio 10.- En el menú izquierdo seleccione la opción PAGES y diríjase a la página 2 del listado. 12
11.- En el listado localice la página de nombre HOME PROBIS y seleccione Edit. 12.- Aquí puede ver un esquema modular de la web. En el centro puede ver tres cajas con la etiqueta Raw HTML, pase el puntero por encima de la caja central (noticia destacada) y seleccione la opción Edit raw html. 13.- A continuación se muestra el editor HTML del módulo noticia. Se recomienda tener conocimientos mínimos de html, aunque no es imprescindible. Con precaución, sustituya los siguientes textos por los nuevos, con cuidado de no borrar los corchetes < > ni las comillas. Si los elimina dejará de funcionar. Modifique sólo el contenido que se solicita. 13
1. Enlace directo de la imagen, obtenida anteriormente. 2. Titular de la noticia. Respete el límite de caracteres (68 aprox.). 3. Descripción de la noticia (inicio). Respete el número de caracteres (108 aprox.). 4. Enlace directo a la noticia, obtenido anteriormente. Una vez realizados los cambios pulse SAVE para guardar los cambios. 14. De vuelta a la página de edición HOME PROBIS, seleccione Preview chages si desea ver una vista preliminar. Una vez confirmados los cambios seleccione UPDATE, la página quedará actualizada y visible al público. 14
Restaurar una página/noticia con una copia de seguridad Si en algún momento una página / noticia queda desconfigurada, por ejemplo al eliminar etiquetas html por error, no se preocupe, ya que en Wordpress todos los cambios quedan guardados y siempre puede recuperar una copia de seguridad. Mientras se encuentra en una página de edición de página / noticia, al final de la misma puede ver un listado con todas las Revisiones realizadas, con fecha y hora de modificación. En cualquier momento puede recuperar una de las versiones guardadas haciendo clic en el enlace correspondiente. Se solicitará confirmación antes de continuar con la restauración. 15
5. Crear un evento nuevo 1.- Seleccione la opción Events en el menú principal, y haga clic sobre el botón Add Event: 2.- Introduzca un título para el evento, una fecha de inicio y de fin, hora de comienzo y finalización. 16
2.- Introduzca una descripción para el evento. Puede insertar imágenes con el botón Add Media, accediendo a la galería o subiendo una nueva como se ha explicado anteriormente. *Se proporciona plantilla illustrator editable para la imagen de eventos por defecto. 3.- Introduzca los datos de la ubicación del evento. Se mostrará la posición en el mapa automáticamente. Si el evento no tiene ubicación física (webminar) seleccione la casilla This event does not have a phisical location. 17
3.- Especifique si se trata de un evento público o privado para socios del proyecto. 4.- Por último seleccione Update para guardar los datos del evento y será visible en el calendario de la web. 6. Insertar un evento destacado en la página de inicio A continuación se explican los pasos abreviados, para más información consulte la sección Insertar un destacado en inicio explicada anteriormente. Para construir un destacado de evento en la página de inicio necesita lo siguiente: 1.- Haber creado previamente el evento en la sección Events y obtener el enlace directo, tal como se ha explicado anteriormente. Cópielo y guárdelo para pegarlo más tarde. 18
2.- Para la cabecera del destacado también necesita disponer de una imagen de tamaño 307 x 141 px y obtener su enlace directo. Puede elegir una imagen de la galería o subir una nueva y recortarla, tal como se ha explicado anteriormente. * Se proporciona plantilla Illustrator editable para diseñar la imagen por defecto. 3.- Finalmente puede editar la página de inicio HOME PROBIS, localice la primera caja Raw HTML (evento destacado), seleccione la opción Edit Raw html y sustituya los datos por los nuevos, de la misma forma que se ha explicado anteriormente. 19