Mejora tu sitio web Tercer día Víctor Fernández Bauset Curso de extensión universitaria Campus de Burjasot Universidad de Valencia Febrero 2012.

Presentación del tema: "Mejora tu sitio web Tercer día Víctor Fernández Bauset Curso de extensión universitaria Campus de Burjasot Universidad de Valencia Febrero 2012."— Transcripción de la presentación:

1 Mejora tu sitio web Tercer día Víctor Fernández Bauset Curso de extensión universitaria Campus de Burjasot Universidad de Valencia Febrero 2012

2 Mejora tu sitio web - Curso de extensión universitaria - Febrero 20122 Índice Strict standars Copias de seguridad Insertar vídeos youtube Favicon Galería de fotos Extensiones adicionales Web personal Material en : www.uv.es/bausetwww.uv.es/bauset

3 Mejora tu sitio web - Curso de extensión universitaria - Febrero 20123 Strict standars Si constantemente os salen warnings del estilo Strict standars… y os llenan el back-end y front-end de líneas que ensucian la web, haced lo siguiente: Editad el fichero configuration.php ubicado en la carpeta de instalación de joomla c:\xampp\htdocs\joomla16 Y sustituid el valor de la variable var $error_reporting = 0'; Por 6135 ó -1

4 Mejora tu sitio web - Curso de extensión universitaria - Febrero 20124 Copia de seguridad (1) 1. Crear el directorio: c:\xampp\htdocs\joomla16_rest 2. Descargar Akeeba Backup core y Akeeba Kickstart de www.akeebabackup.com www.akeebabackup.com 3. Instalamos el componente Akeeba Backup Core 4. Descomprimir Akeeba Kickstart y copiar kickstart.php en el directorio de antes

5 Mejora tu sitio web - Curso de extensión universitaria - Febrero 20125 Copia de seguridad (2) 5. Ir a Componentes -> Akeeba Backup -> Backup Now. Poner un comentario (opcional) -> Backup Now. Esperar a que acabe 6. En Administer Backup Files -> seleccionar el de hoy. Descargarlo en el directorio del principio. 7. En el navegador poner: [IP-del- servidor]/joomla16_rest/kickstart.php

6 Mejora tu sitio web - Curso de extensión universitaria - Febrero 20126 Copia de seguridad (3) 8. Seguir las instrucciones que salen en pantalla: 1. Pinchar el enlace de abajo o apretar ESC. 2. Start (esperar) 3. Run the Installer (se abre otra ventana) 4. Cerrar el Warning -> Next 5. En DB Restore aseguraos que el primer valor está puesto a mysql. -> Next (esperar) 6. Ok -> Next -> pinchar sobre remove the installation directory -> Ok -> cerrar esa ventana y volver a la anterior 7. Pinchar en Clean up -> visit your sites back- end

7 Mejora tu sitio web - Curso de extensión universitaria - Febrero 20127 Insertar vídeos de youtube 1. Descargar el Youtube Gallery de http://extensions.joomla.org http://extensions.joomla.org 2. Instalar… leer explicaciones… 3. En Componentes -> YoutubeGallery-> Nuevo: poner nombre, añadir vídeos -> guardar & cerrar 4. En Gestor de módulos -> Nuevo -> Youtube Gallery Module: título y posición. Seleccionar la galería adecuada en opciones básicas -> guardar & cerrar 5. El tamaño y demás opciones en: componentes -> YoutubeGallery…

8 Mejora tu sitio web - Curso de extensión universitaria - Febrero 20128 Favicon (1) 1. Hacer una imagen cuadrada con el paint 2. Guardarla como.jpg 3. Ir a la web: http://tools.dynamicdrive.com/favi con/ http://tools.dynamicdrive.com/favi con/ 4. Examinar -> seleccionar vuestra imagen -> abrir 5. Pulsar en create icon

9 Mejora tu sitio web - Curso de extensión universitaria - Febrero 20129 Favicon (2) 6. Descargar el favicon (Download favicon) 7. Ir al directorio de instalación de joomla y pegar en el template que tengáis puesto por defecto el.ico. Por ejemplo: c:\xampp\htdocs\joomla16\templates\be ez_20\favicon.ico 8. En esa misma carpeta editar el index.php, añadiendo entre las etiquetas y la siguiente línea: <link rel="shortcut icon" type="image/x-icon ref="/favicon.ico"

10 Mejora tu sitio web - Curso de extensión universitaria - Febrero 201210 Favicon (3) 9. Si no se observa el cambio instantáneamente se puede deber a que se haya quedado el viejo favicon en caché. Actualiza un par de veces y si sigue sin aparecer el nuevo, prueba a cambiar de navegador (firefox, chrome…)

11 Mejora tu sitio web - Curso de extensión universitaria - Febrero 201211 Galería de fotos (1) 1. Descargar la extensión sigplus a través de la web de extensiones de joomla (http://extensions.joomla.org)http://extensions.joomla.org 2. Descomprimir el.zip y encontraréis el módulo y el plugin (también en.zip) 3. Instalarlos y activarlos… Tened en cuenta la carpeta donde va a buscar las imágenes (arriba a la derecha, images folder)

12 Mejora tu sitio web - Curso de extensión universitaria - Febrero 201212 Galería de fotos (2) 4. Meter en dicha carpeta las imágenes que quieres que aparezcan en la galería 5. Se puede hacer una galería para artículo o para módulo. En nuestro caso haremos ambas. 6. Artículo: Se crea un artículo que extienda HTML y se escriben estas dos líneas: {gallery id=mygallery layout=hidden}sigplus{/gallery} {gallery link=mygallery}Pulsa para abrir la galeria{/gallery}

13 Mejora tu sitio web - Curso de extensión universitaria - Febrero 201213 Galería de fotos (3) 7. Módulo: En el gestor de módulos, seleccionar sigplus y elegir la posición, la cantidad de filas (rows), columnas (columns) y demás parámetros

14 Mejora tu sitio web - Curso de extensión universitaria - Febrero 201214 Extensiones adicionales Añadid al menos 5 módulos/extensiones a vuestra web, que sean de la misma versión que tenéis instalada de joomla. Podéis buscarlos en: http://extensions.joomla.org/ http://extensiones.joomlaspanish.org/ …

15 Mejora tu sitio web - Curso de extensión universitaria - Febrero 201215 Web personal Con todo lo aprendido hasta ahora, debéis realizar una web. Elegid un tema: web de un grupo de música, videoclub, liga de fútbol… Debe contener TODO lo visto, un buen acabado y los suficientes artículos/categorías…