Smart Slider 3 es un plugin de diapositivas (o carousel) para WordPress. Algunas de nuestras páginas web utilizan este plugin para el slider de la página principal. Características principales:
Permite crear tantos sliders como queramos.
Es sencillo agrega sliders a las páginas de WordPress usando códigos abreviados.
Personalizar el estilo de las slides y los efectos de transición.
Sliders totalmente responsive, sin necesidad de configuración adicional.
Optimiza el contenido de los sliders para los motores de búsqueda.
Smart Slider 3 también cuenta con un editor de arrastrar y soltar en vivo que puede usarse para construir liders. Aparte de esa función, Smart Slider 3 también garantiza que los sliders sean responsive por defecto. Además, incluye varias plantillas que se pueden utilizar para configurar sliders convincentes en muy poco tiempo.
La web oficial del plugin Smart Slider es: https://smartslider3.com/
Panel de control de Smart Slider 3
Como se puede observar hay tres sliders creados, similares, pero cada uno en uno de los idiomas de la página. Para editar el slider, solo tenemos que ponernos encima del slider que queremos editar y hacer click en “edit”.
Una vez dentro, para editar cada uno de los “slides” del slider, solo tenemos que ponernos encima y hacer click en “edit”
Editando slides en Smart Slider
Una vez dentro de la edición del slide, veremos esta pantalla.
Editando slides en Smart Slider
Si hacemos click en la pestaña “fondo” podremos cambiar la imagen grande de fondo del slider, o bien si queremso que en vez de una imagen, el fondo se rellene de un color sólido.
También podremos cambiar varios aspectos de cómo se sitúa la imagen y algunos efectos, como enfoque, opacidad, desenfoque, añadir etiquetas para el SEO, o el modo de relleno, donde tenemos diferentes opciones con las que podemos experimentar, como son “rellenar”, “encajar”, “estirar”, “mosaico”...
Editando slides en Smart Slider
En la pestaña “Animación” podremos configurar el tipo de animación y la velocidad de la mismaque deseamos para el slide. En el control habilitado para ello, hacemos click en el botón Animación.
Editando slides en Smart Slider
Se abrirá el panel de animaciones donde podremos elegir entre una gran variedad de estilos. Una vez elegido el que nos agrade, hacemos click en “APLICAR”
Panel de animaciones
El slider que hemos diseñado para este ejemplo dispone de un cuadro interior que se mueve de forma independiente en cada slide. No podemos configurar la animación del mismo pero podemos cambiar tanto la imagen que lo acompaña y otros muchos parámetros, así como el texto que la describe. Si hacemos click en el elemento interior, se abrirá un panel de configuración desde donde podemos realizar todos estos cambios.
Editando el contenido del Slider
Una vez hayamos realizado todos los cambios que deseemos, haremos click en “GUARDAR”
Guardando el Slider
Para la inserción del slider en una página de Wordpress, Smart Slider 3 ofrece un código corto (shortcode) que deberemos insertar en la parte de la página donde queramos que aparezca el slider.
Publicando mediante un shortcode
Cuando estamos editando una página desde Elementor, en los widgets hay un componente para insertar este shortcode, simplemente arrastrando sobre el lienzo de la página en la parte derecha y colocando el código shortocode en el espacio habilitado para ello.
Insertando el shortcode en Elementor
Para más información y ayuda, pueden visitar la página oficial de ayuda de este plugin, Smart Slider 3, https://smartslider3.com/help/