Tercer Dia Joomla

download Tercer Dia Joomla

of 16

description

Mejora tu sitio web

Transcript of Tercer Dia Joomla

  • Mejora tu sitio webTercer da

    Vctor Fernndez Bauset

    Curso de extensin universitariaCampus de Burjasot

    Universidad de ValenciaJunio 2011

    Mejora tu sitio web - Curso de extensin universitaria - Junio 2011

  • ndice

    1. Mensajes de Warning: Strict Standars

    2. Copia de seguridad -> Restaurar

    3. Contenido multimedia: youtube, mp3

    4. Personalizar favicon

    5. Galera de fotos

    6. Otras extensiones

    Pdf de la sesin en: http://mural.uv.es/ferbau/tercer_dia_joomla.pdf

    Mejora tu sitio web - Curso de extensin universitaria - Junio 2011

  • Strict standars

    Si constantemente os salen warnings del estilo Strict standars y os llenan el back-end y front-end de lneas que ensucian la web, haced lo siguiente:Editad el fichero configuration.php ubicado en la carpeta de instalacin de joomla

    c:\xampp\htdocs\joomla16Y sustituid el valor de la variable

    var $error_reporting = 0';Por 6135 -1

    Mejora tu sitio web - Curso de extensin universitaria - Junio 2011

  • Copia de seguridad (1)

    1. Crear el directorio: c:\xampp\htdocs\joomla16_rest

    2. Descargar Akeeba Backup core y AkeebaKickstart de www.akeebabackup.com

    3. Instalamos el componente Akeeba Backupcore

    4. Descomprimir Akeeba Kickstart y copiar kickstart.php en el directorio de antes

    Mejora tu sitio web - Curso de extensin universitaria - Junio 2011

  • 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: localhost/joomla16_rest/kickstart.php

    Mejora tu sitio web - Curso de extensin universitaria - Junio 2011

  • 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 -> Next5. 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

    Mejora tu sitio web - Curso de extensin universitaria - Junio 2011

  • Insertar vdeos de youtube (1)

    1. Descargar Jplayer para vuestra versin de joomla, de http://extensions.joomla.org

    2. Ver explicaciones y ejemplos de utilizacin que aparecen en esa web.

    3. Instalar el plugin

    4. Crear un nuevo mdulo, del tipo personalizar HTML

    Mejora tu sitio web - Curso de extensin universitaria - Junio 2011

  • Insertar vdeos de youtube (2)

    5. Rellenar: Ttulo, posicin,

    6. Elegir un vdeo de youtube y copiar su cdigo (en negrita): http://www.youtube.com/watch?v=m3SJo2u7tQo

    7. Insertar el cdigo apropiado al medio que queremos aadir, ajustando tamao. En nuestro caso:

    {youtube} m3SJo2u7tQo|252|172|{/youtube}

    Mejora tu sitio web - Curso de extensin universitaria - Junio 2011

  • Insertar vdeos de youtube (3)

    8. Si se quiere poner elementos que no estn en la red pblica, sino en nuestro ordenador o servidor: en gestor de plugins->Jplayer se indica la carpeta donde se tiene que poner cada elemento para que el plugin lo encuentre.

    Por ejemplo, para escuchar ejemplo.mp3 ponerlo en: c:\xampp\htdocs\joomla16\media\audio\

    Y en el mdulo poner: {mp3}ejemplo{/mp3}

    Mejora tu sitio web - Curso de extensin universitaria - Junio 2011

  • Favicon (1)

    1. Hacer una imagen cuadrada con el paint

    2. Guardarla como .jpg

    3. Ir a la web: http://tools.dynamicdrive.com/favicon/

    4. Examinar -> seleccionar vuestra imagen -> abrir

    5. Pulsar en create icon

    Mejora tu sitio web - Curso de extensin universitaria - Junio 2011

    No tiene S tiene

  • Favicon (2)

    6. Descargar el favicon (Download favicon)

    7. Ir al directorio de instalacin de joomla y pegar en el template que tengis puesto por defecto el .ico. Por ejemplo: c:\xampp\htdocs\joomla16\templates\jm_experts6\favicon.ico

    8. En esa misma carpeta editar el index.php, aadiendo entre las etiquetas y la siguiente lnea:

  • Favicon (3)

    9. Si no se observa el cambio instantneamentese puede deber a que se haya quedado elviejo favicon en cach. Actualiza un par deveces y si sigue sin aparecer el nuevo, pruebaa cambiar de navegador (firefox, chrome)

    Mejora tu sitio web - Curso de extensin universitaria - Junio 2011

  • Galera de fotos (1)

    1. Descargar la extensin sigplus a travs de la web de extensiones de joomla(http://extensions.joomla.org)

    2. Descomprimir el .zip y encontraris el mdulo y el plugin (tambin en .zip)

    3. Instalarlos y activarlos Tened en cuenta la carpeta donde va a buscar las imgenes (arriba a la derecha, images folder)

    Mejora tu sitio web - Curso de extensin universitaria - Junio 2011

  • Galera de fotos (2)

    4. Meter en dicha carpeta las imgenes que quieres que aparezcan en la galera

    5. Se puede hacer una galera para artculo o para mdulo. En nuestro caso haremos ambas.

    6. Artculo: Se crea un artculo que extienda HTML y se escriben estas dos lneas:

    Mejora tu sitio web - Curso de extensin universitaria - Junio 2011

    {gallery id=mygallery layout=hidden}sigplus{/gallery}{gallery link=mygallery}Pulsa para abrir la galeria{/gallery}

  • Galera de fotos (3)

    7. Mdulo: En el gestor de mdulos, seleccionar sigplus y elegir la posicin, la cantidad de filas (rows), columnas (columns) y dems parmetros

    Mejora tu sitio web - Curso de extensin universitaria - Junio 2011

  • Extensiones adicionales

    Aadid al menos 5 mdulos/extensiones a vuestra web, que sean de la misma versin que tenis instalada de joomla. Podis buscarlos en:

    http://extensions.joomla.org/

    http://extensiones.joomlaspanish.org/

    Mejora tu sitio web - Curso de extensin universitaria - Junio 2011