MANUAL CAPACITACIÓN SITIO JOOMLA 1.5

Transcripción

1 MANUAL CAPACITACIÓN SITIO JOOMLA 1.5

2 indice editar imagen en photoshop subir archivo imagen subir artículo slide de noticias noticias destacadas menú principal video audio

3 editar imagen en photoshop abrir el archivo imagen Para esto debemos hacer click en la opción Archivo del menú superior, y luego en la opción Abrir de la lista desplegable. En una nueva ventana, buscar en la PC el archivo a editar. reencuadre y corte En este caso, hemos abierto un archivo de grandes dimensiones. Lo primero que debemos hacer es definir la zona a utilizar de la imagen. Seleccionar herramienta de recorte sobre la barra lateral izquierda. colocar dimensiones en pixeles desde la barra superior. + En el caso de imagen para slide de noticias, la relación será de 700:350 + En el caso de imagen para noticias destacadas, la relación será de 350:350 Seleccione con la herramienta de corte sobre la imagen la zona a recortar. guardar imagen final Para esto debemos hacer click en la opción Archivo del menú superior, y luego en la opción Guardar como de la lista desplegable. Nota: Se aconseja que cada archivo subido comience por la fecha de subida, para que sea fácilmente ubicable, en caso de ser necesario. Ante la imposibilidad de utilizar espacios en blanco en nombres del archivo, se utilizan guiones (-) para separar la fecha y guiones bajos (_) para separar conceptos. Ejemplo: _fondo-de-poblacion.jpg

4 subir archivo imagen ingresar al panel multimedia Para esto debemos hacer click en la opción Sitio del menú superior, y luego en la opción Administrador Multimedia de la lista desplegable. Localizar en la Raiz del sitio la carpeta donde se alojará el archivo. seleccionar archivo En la parte inferior, clik en Seleccionar archivo y luego comenzar subida Se aconseja que cada archivo subido comience por la fecha de subida, para que sea fácilmente ubicable, en caso de ser necesario. Ante la imposibilidad de utilizar espacios en blanco en nombres del archivo, se utilizan guiones (-) para separar la fecha y guiones bajos (_) para separar conceptos. Ejemplo: _fondo-de-poblacion.jpg

5 noticias slide administrador de artículos Para esto debemos hacer click en la opción Contenidos del menú superior, y luego en la opción Administrador de Artículos de la lista desplegable. Localizar el ícono CREAR para ingresar a panel de artículo nuevo. edición En la parte superior, colocar: título, alias y seleccionar la sección NOTICIAS y colocar la categoría noticias - al elegir categoría, elegimos si se ubica en el slide o en el contenido del home - Editar el artículo con el texto de contenido, y utilizar los estilos que deseados. Se podra adjuntar imagen y vínculos externos. imagen Luego de colocar la imagen principal en formato 700x350 px, seleccionar el ícono read more (leer más) ubicado en el panel de herramientas, para insertar barra de separación entre imagen y texto. Al insertar la barra read more estamos configurando el artículo para que aparezca en el slide solamente la imagen con el título, sin ningun texto de contenido.

6 noticias destacadas administrador de artículos Para esto debemos hacer click en la opción Contenidos del menú superior, y luego en la opción Administrador de Artículos de la lista desplegable. Localizar el ícono CREAR para ingresar a panel de artículo nuevo. edición En la parte superior, colocar: título, alias y seleccionar la sección NOTICIAS y colocar la categoría destacadas. Editar el artículo con el texto de contenido, y utilizar los estilos que deseados. Se podra adjuntar imagen y vínculos externos. imagen Luego de colocar la imagen principal en formato 350x350 px, colocando en las opciones de margin (marginado), los datos que se ven en captura, top: 0; right: 30; bottom: 10; left: 0; Seleccionar el ícono read more (leer más) ubicado en el panel de herramientas para insertar barra de separación luego de la imagen y del texto de intro. Al insertar la barra read more estamos configurando, en este caso, para que aparezca un texto de bajada al lado de la imagen de la nota.

7 artículos administrador de artículos Para esto debemos hacer click en la opción Contenidos del menú superior, y luego en la opción Administrador de Artículos de la lista desplegable. Localizar el ícono CREAR para ingresar a panel de artículo nuevo. edición En la parte superior, colocar: título, alias y sección donde aparecerá el artículo, es decir, en que sección del MENÚ PRINCIPAL se ubicará su enlace; y luego colocar si necesita publicarlo o lo dejar despublicado. Editar el artículo con el texto de contenido, y utilizar los estilos que deseados. Se podra adjuntar imagen y vínculos externos. Se aconseja que cada artículo subido contenga los datos de descripción y palabras claves, ubicado en el panel de INFORMACIÓN DE METADATOS.

8 menú principal menúes Para esto debemos hacer click en la opción MENÜ del menú superior, y luego en la opción Menú superior* de la lista desplegable. Localizar el ícono CREAR para ingresar a a editar el nuevo enlace del menú. Luego seleccionar: - Artículos / Diseños de artículos estándar. seleccionar enlace al artículo En el panel de la derecha, Parámetros Básicos, seleccionar el articulo realizado anteriormente, fliltrando busqueda por sección. Al Guardar ya estará el nuevo boton de enlace dentro del Menú Priciapl del sitio. En la opción: Parámetros - Componentes, se podrá configurar como se visualizará el artículo selleccionando opciones de incluir: fecha de creación de articulo, imprimir, etc.

9 videos colocar códigos youtube Utilizamos el panel de avanzada para colocar en la primer ventana, el código que copiaremos del video subido a youtube. Por debajo, en una línea por título, escribimos el título. guardar Existe en el mismo panel, opciones para configurar la estática del video slide, que podemos cambiar cuando sea necesario. Al guardar los cambios, veremos automáticamente el nuevo video agregado. al querer seleccionar sólo el codigo seleccionado, puede que se seleccione toda la línea, para luego al llevarlo al joomla, se deberá borrar la primera parte:

10 módulos banners (right) administrador de módulos Para esto debemos hacer click en la opción EXTENSIONES del menú superior, y luego en la opción Administrador de Módulos de la lista desplegable. Por debajo, localizar la opción Crear nuevo, y sellecionar la opción HTML Personalizado. editar Coloquele el título, su alias, y elija si lo deseea dejar publicado, o lo deja despublicado para activarlo luego. Luego se selecciona en la posición deseada, en este sitio se seleccionará la posición Right. En el panel de edición de artículo, colocar imagen tamaño: 250px de ancho por 150px de alto, luego enlazar a artículo o link externo. al querer seleccionar sólo el codigo seleccionado, puede que se seleccione toda la línea, para luego al llevarlo al joomla, se deberá borrar la primera parte:

11 audios transferencia de archivos por FTP Para esto debemos utilizar cualquiera de los programas de subida de archivos online de ftp, como por ejemplo el CUTE FTP PRO. seleccionar y subir audio En el panel de la derecha, muestra los archivos online del sitio, y las carpetas de la izquierda, mostrara nuestros archivos en la computadora. seleccionar el archivo en nuestra computadora y arrastrarlo a la carpeta: /sitio/audios automáticamente, el artículo correspondiente de audio, se actualizará con el archivo subido recientemente, con el mismo nombre. en esta estapa, el archivo puede soportar nomenclatura con ñ, guiones, comas, etc..

12