Clase 12 | Administrar la plantilla Gantry - Crear Slider usando smartSlider3 - | Curso de Joomla 3
•Descargar como PPTX, PDF•
0 recomendaciones•534 vistas
Ingeniería en Informática. Curso realizado en la Universidad Politécnica Estatal del Carchi con participantes Miembros de la Federación de Artesanos del Carchi. Duración del Curso Julio 2018 - Febrero 2019 __________________ Nuestro sitio web: http://reynaldo.ml
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (15)
Similar a Clase 12 | Administrar la plantilla Gantry - Crear Slider usando smartSlider3 - | Curso de Joomla 3
Similar a Clase 12 | Administrar la plantilla Gantry - Crear Slider usando smartSlider3 - | Curso de Joomla 3 (20)
Más de Reynaldo Morillo
Más de Reynaldo Morillo (19)
Último
Último (10)
Clase 12 | Administrar la plantilla Gantry - Crear Slider usando smartSlider3 - | Curso de Joomla 3
- 1. Docente: Morillo Reynaldo Julio 2018 – Febrero 2019
- 2. Partes del sitio web
- 4. Administrador de Gantry de la Plantilla Hydrogen
- 5. Nos ubicamos en el apartado de Section Styles
- 6. Cambiar de color el Header
- 7. Para guardar los cambios presionamos en el botón Save
- 8. Ir al sitio para mirar los cambios
- 9. Resultado de los cambios realizados
- 11. Ventana para la descarga del Archivo
- 15. Seleccionamos el archivo SmartSlider3
- 16. Esperamos hasta que nos aparezca el mensaje de instalación fue correctamente
- 17. IMÁGENES PARA EL SLIDER SLIDER Para la descarga de las imágenes para nuestro carrusel de fotos vamos a utilizar un sitio web llamado unsplash.com, este sitio nos ofrece una variedad de imágenes gratis de alta resolución. 1. Abriremos el navegador 2. En la url escribiremos unsplash.com
- 18. Con la ayuda del traductor de google traducimos las palabras en ingles translate.google.com
- 19. En la parte izquierda escribimos la palabra relacionado con el sitio
- 21. Pegamos la palabra traducida en el campo de busqueda
- 22. Lo recomendable es buscar imágenes horizontales para el Slider
- 25. En el lado izquierdo se podrá observar la imagen descargada
- 26. Nos ubicamos en la parte del Logo de Joola
- 27. Subir las imágenes al gestor de Joomla
- 28. Abrimos nuestra carpeta Imagenes
- 29. Subir imágenes
- 30. Subir imágenes en la carpeta creada
- 31. Localizamos las imágenes descargadas
- 32. Subir imágenes
- 33. Imagen fue subida exitosamente
- 34. Abrir la aplicación de Smart Slider 3
- 35. Actualizar la extensión Smart Slider
- 36. Esperamos la notificación de actualización
- 37. Crear un nuevo Slider
- 38. Configuraciones del nuevo slider
- 39. Agregar una imagen para el slider
- 40. Carpeta donde se encuentran almacenadas las imágenes descargadas
- 41. Elegimos la primera imagén
- 42. Nos aparece un recuadro con la imagen seleccionada
- 43. Presionar en el botón verde Edit para editar la Imagen
- 44. En la parte inferior encontraremos la imagen
- 45. Con las herramientas de la izquierda podremos agregar texto en la imagen
- 46. En el recuadro podemos escribir el texto
- 47. La opción bote podemos cambiar el color, tamaño, estilo de la letra
- 48. La opción de bote existen las opciones como:
- 49. Cerrar la ventana emergente de las herramientas del texto
- 50. Una vez editado la imagen presionamos en el botón ‘Guardar’
- 51. Para visualizar el slider
- 52. Con el visualizador podemos ver el resultado del slider
- 53. Añadir otro nuevo slider
- 54. Parte 2: slider y publicar en nuestro sitio
- 55. Localizar el Smart Slider
- 56. Editar el Slider creado anteriormente
- 57. Activamos la opción Reproducir automático
- 58. Cambiar el tiempo del slider
- 59. Agregar una nueva imagen para el slider
- 60. Seleccionar el tipo de archivo para el slider
- 61. Localizar y seleccionar la segunda imagen
- 62. Editar la segunda imagen
- 63. En la parte inferior localizaremos la imagen y herramientas de texto
- 64. Agregar texto en la imagen
- 65. Cambiar las características del texto
- 66. Una vez editado la imagen presionamos en el botón ‘Guardar’
- 67. Publicar el slider en nuestro sitio web
- 68. Ubicamos la opción módulos
- 69. Habilitar el módulo Smart Slider 3
- 70. Habilitar el modulo Smart Slider 3
- 71. Abrir el módulo Smart slider 3
- 72. Seleccionar el slider de nuestras imágenes
- 76. El home el la página de inicio de nuestro sitio
- 80. Global Defaults - Base Outline – Esquema Base
- 81. Theme outlines - Esquema del tema
- 82. Para agregar el slider seleccionaremos el esquema HOME
- 83. Layout - Diseño
- 84. Layout – Diseño del Esquema Home
- 85. Cambiar el diseño del esquema Home
- 87. Diseños que se le puede asignar a los esquema
- 88. Nuevo diseño para el esquema Home
- 89. Al realizar cambios en la plantilla siempre debemos guardar los cambios
- 90. Opción Asignar
- 92. Al realizar cambios en la plantilla siempre debemos guardar los cambios
- 93. Regresamos a la opción Layout - Diseño
- 94. Ir a nuestro sitio y ver los cambios
- 96. Ubicamos la partícula Getting Started
- 97. Eliminar partículas del esquema
- 99. Ir a nuestro sitio y ver los cambios
- 101. Agregar una nueva fila en la sección
- 102. Fila agregada
- 104. Nos ubicamos en la particula Module Instance
- 105. Colocar la partícula Module Instance en la sección creada
- 106. Ícono Tuerca – Configuración la particula
- 108. Seleccionamos el módulo Smart Slider
- 111. Ir a nuestro sitio y ver los cambios
- 115. Ir a nuestro sitio y ver los cambios
- 117. Eliminar los espacio entre las partículas
- 118. Nos ubicamos en el Módulo Instance
- 124. Se ocultaron los espacios sobrantes
- 125. Del mismo modo realizamos para la partícula LOGO