150 likes | 298 Views
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. Índice. Strict standars Copias de seguridad Insertar vídeos youtube Favicon Galería de fotos Extensiones adicionales Web personal
E N D
Mejora tu sitio webTercer día Víctor Fernández Bauset Curso de extensión universitaria Campus de Burjasot Universidad de Valencia Febrero 2012
Índice • Strict standars • Copias de seguridad • Insertar vídeos youtube • Favicon • Galería de fotos • Extensiones adicionales • Web personal Material en : www.uv.es/bauset Mejora tu sitio web - Curso de extensión universitaria - Febrero 2012
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’ Mejora tu sitio web - Curso de extensión universitaria - Febrero 2012
Copia de seguridad (1) • Crear el directorio: c:\xampp\htdocs\joomla16_rest • Descargar Akeeba Backup core y Akeeba Kickstart de www.akeebabackup.com • Instalamos el componente Akeeba Backup Core • Descomprimir Akeeba Kickstart y copiar kickstart.php en el directorio de antes Mejora tu sitio web - Curso de extensión universitaria - Febrero 2012
Copia de seguridad (2) • Ir a Componentes -> Akeeba Backup -> Backup Now. Poner un comentario (opcional) -> Backup Now. Esperar a que acabe • En Administer Backup Files -> seleccionar el de hoy. Descargarlo en el directorio del principio. • En el navegador poner: [IP-del-servidor]/joomla16_rest/kickstart.php Mejora tu sitio web - Curso de extensión universitaria - Febrero 2012
Copia de seguridad (3) • Seguir las instrucciones que salen en pantalla: • Pinchar el enlace de abajo o apretar ESC. • Start (esperar) • Run the Installer (se abre otra ventana) • Cerrar el Warning -> Next • En DB Restore aseguraos que el primer valor está puesto a mysql. -> Next (esperar) • Ok -> Next -> pinchar sobre remove the installation directory -> Ok -> cerrar esa ventana y volver a la anterior • Pinchar en Clean up -> visit your site’s back-end Mejora tu sitio web - Curso de extensión universitaria - Febrero 2012
Insertar vídeos de youtube • Descargar el Youtube Gallery de http://extensions.joomla.org • Instalar… leer explicaciones… • En Componentes -> YoutubeGallery-> Nuevo: poner nombre, añadir vídeos -> guardar & cerrar • 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 • El tamaño y demás opciones en: componentes -> YoutubeGallery… Mejora tu sitio web - Curso de extensión universitaria - Febrero 2012
Favicon (1) • Hacer una imagen cuadrada con el paint • Guardarla como .jpg • Ir a la web: http://tools.dynamicdrive.com/favicon/ • Examinar -> seleccionar vuestra imagen -> abrir • Pulsar en create icon Mejora tu sitio web - Curso de extensión universitaria - Febrero 2012
Favicon (2) • Descargar el favicon (Download favicon) • 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\beez_20\favicon.ico • En esa misma carpeta editar el index.php, añadiendo entre las etiquetas <HEAD> y </HEAD> la siguiente línea: <link rel="shortcut icon" type="image/x-icon” ref="/favicon.ico" Mejora tu sitio web - Curso de extensión universitaria - Febrero 2012
Favicon (3) • 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…) Mejora tu sitio web - Curso de extensión universitaria - Febrero 2012
Galería de fotos (1) • Descargar la extensión sigplus a través de la web de extensiones de joomla (http://extensions.joomla.org) • Descomprimir el .zip y encontraréis el módulo y el plugin (también en .zip) • Instalarlos y activarlos… Tened en cuenta la carpeta donde va a buscar las imágenes (arriba a la derecha, images folder) Mejora tu sitio web - Curso de extensión universitaria - Febrero 2012
Galería de fotos (2) • Meter en dicha carpeta las imágenes que quieres que aparezcan en la galería • Se puede hacer una galería para artículo o para módulo. En nuestro caso haremos ambas. • 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} Mejora tu sitio web - Curso de extensión universitaria - Febrero 2012
Galería de fotos (3) • 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 Mejora tu sitio web - Curso de extensión universitaria - Febrero 2012
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/ … Mejora tu sitio web - Curso de extensión universitaria - Febrero 2012
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… Mejora tu sitio web - Curso de extensión universitaria - Febrero 2012