El documento describe los pasos para instalar el framework Gantry en Joomla y aplicar una plantilla de Gantry llamada Hydrogen a un sitio web de Joomla. Explica cómo cambiar el estilo y logo de la plantilla Hydrogen y colocar el nuevo logo en el sitio.

1. Docente: Morillo Reynaldo
Julio 2018 – Febrero 2019

2. ¿Qué es Plantilla?
Una plantilla es un tipo de extensión de Joomla! que
cambia la apariencia del sitio.

3. ¿Qué es Gantry?
Gantry5 es un framework desarrollado por el equipo de
Rocket Theme para Joomla! y WordPress

4. Ingresaremos a la página oficial de Gantry
gantry.org

5. Localizamos el ícono de Download

6. Buscamos el apartado de Joomla

7. Se nos descargara el Template de Gantry

8. Cerramos el sitio de Gantry

9. Ingresamos al Administrador de Joomla

10. INSTALACIÓN DE EXTENSIONES

11. Habilitar la pestaña “Instalar desde la web”

12. Buscar gantry

13. Seleccionamos Gantry

14. Instalar Gantry

15. Instalar Gantry

16. Gantry fue Instalado correctamente

17. Instalar plantilla de Gantry

18. INSTALACIÓN DE EXTENSIONES

19. Seleccionamos el archivo de la plantilla de Gantry

20. Plantilla de Gantry Intalado

21. Cambiar la apariencia del sitio

22. Plantilla por defecto

23. Ir a nuestro sitio

24. Apariencia de la plantilla Protostar

25. Seleccionar la plantilla Hydrogen de Gantry

26. Ir a nuestro sitio y ver los cambios

27. Estilo de la plantilla Hydrogen de Gantry

28. Gantry 5 Themes

29. Administrador de Gantry de la Plantilla Hydrogen

30. Estilos de la plantilla

31. Cambiar estilo de la plantilla Hydrogen

32. Ir a nuestro sitio y ver los cambios

33. Nuevo estilo de la plantilla

34. Estilo 3 de Hydrogen

35. Ir a nuestro sitio y ver los cambios

36. Estilo 3

37. Estilo 4 de Hydrogen

38. Ir a nuestro sitio y ver los cambios

39. Estilo 4

40. Crea tu propio LOGO

41. Para el diseño de nuestro logo nos dirigimos a la siguiente dirección
logomakr.com

42. Cerramos el anuncio

43. Partes de logomakr

44. Nos ubicamos en la barra de buscar gráficos

45. Con la ayuda del traductor de google traducimos las palabras en ingles
translate.google.com

46. Elegir español

47. En la parte izquierda escribimos

48. Copiar texto

49. Pegar texto en la barra del buscador

50. Buscar gráfico

51. Como resultado se despliega una lista de gráficos relacionados con la palabra

52. Agregar gráficos

53. Cambiar el tamaño de la imagen

54. Agregar texto

55. Escribir el texto

56. Cambiar el tamaño del texto

57. Cambiar la fuentes de texto

58. Cambiar el color del texto

59. Cambiar gráfico del logo

60. Descargar el logo

63. Colocar el logo en nuestro sitio web

64. Nos ubicamos en la parte del Logo de Joola

66. Crear carpeta para el almacenamiento de imágenes

67. Crear carpeta para el almacenamiento de imágenes

68. Crear carpeta para el almacenamiento de imágenes

69. Subir imágenes en la carpeta creada

70. Subir imágenes en la carpeta creada

71. Subir imágenes en la carpeta creada

75. Ingresamos Gantry 5 Themes

76. Ir a la sección Particle

77. Localizamos en la parte inferior Logo/Image

81. Guardar cambios

82. Ir a nuestro sitio y ver los cambios