¿Quieres el poder de convertir cualquier cosa en un control deslizante en WordPress? Según el complemento que use, generalmente está limitado a un tipo de medio. Esto puede ser muy limitante, por lo que es natural querer crear controles deslizantes más ricos en contenido.
Afortunadamente, puedes hacer exactamente eso con el complemento Slide Anything. Se pueden agregar texto, imágenes, HTML, video e incluso códigos cortos dentro de este control deslizante. Y no necesitará ninguna experiencia en codificación para obtener excelentes resultados.
Hoy, demostraré cómo usar el complemento Slide Anything para convertir casi cualquier cosa en un control deslizante.
¿Por qué usar controles deslizantes en WordPress?
Un control deslizante de contenido de WordPress es cuando rotas entre múltiples piezas de contenido. Tradicionalmente, los controles deslizantes se usan para imágenes y galerías de fotos, pero se han ampliado para agregar otras formas de medios como videos.
La principal ventaja de usar un simple control deslizante de complemento de WordPress es que ocupa menos espacio que agregar cada elemento por separado. Por ejemplo, si tiene 5 imágenes de un producto, eso puede ocupar mucho espacio en una página.
En su lugar, puede agregar un control deslizante que contenga las 5 imágenes, mientras que solo ocupa el espacio de una imagen.
Y dado que los usuarios móviles han seguido creciendo y asumiendo la mayoría del tráfico web, es importante que sus páginas sean lo más compactas posible. Por lo tanto, los controles deslizantes y los carruseles son excelentes herramientas cuando intenta ahorrar espacio; sin embargo, no siempre son perfectos.
Desventajas de usar controles deslizantes
Muchos expertos están de acuerdo cuando se trata de usar controles deslizantes, no son una buena forma de presentar contenido destacado. Según un estudio , del 1 % de los visitantes que optaron por interactuar con un carrusel (otro término para los controles deslizantes), el 84 % hizo clic en la primera imagen.
Por lo tanto, es muy probable que los visitantes no interactúen con ninguno de los otros enlaces en un control deslizante, lo que frustra gran parte de su propósito, al menos en una página de inicio o como un banner.
Otro factor a tener en cuenta son los controles deslizantes que no utilizan la carga diferida. Si el carrusel elige cargar todas las imágenes en el control deslizante a la vez, sus páginas tardarán más en cargarse, lo que puede estropear seriamente su SEO.
Otro aspecto de la carga diferida y los controles deslizantes es cómo algunos complementos agregarán un espacio en blanco masivo entre la parte inferior del carrusel y la siguiente pieza de contenido. Esto hace que el diseño sea poco atractivo.
Sin embargo, esto se puede evitar fácilmente eligiendo un control deslizante que utilice la carga diferida (solo carga las imágenes cuando se necesitan). Si no tiene una función de carga diferida, debe evitarla.
Instalando Slide Anything
Slide Anything es un complemento de control deslizante gratuito de WordPress que puede convertir casi cualquier cosa en un control deslizante. Y en caso de que se lo pregunte, este complemento tiene una función de carga diferida, así que no se preocupe por ralentizar ninguna de sus páginas. El complemento es bastante simple de usar, ¡así que comencemos!
Haga clic en Complementos y seleccione la opción Agregar nuevo en el panel de administración de la izquierda.
Busque Slide Anything en el cuadro de búsqueda disponible. Esto abrirá complementos adicionales que pueden resultarle útiles.
Desplácese hacia abajo hasta que encuentre el complemento Slide Anything y haga clic en el botón «Instalar ahora» y active el complemento para su uso.
Después de activar el complemento, está listo para comenzar a construir el control deslizante que siempre quiso. Y por suerte, el proceso es realmente fácil y similar a la creación de contenido en WordPress normalmente.
Usando Slide Anything
En el panel de administración de la izquierda, haga clic en Controles deslizantes SA y seleccione la opción Agregar nuevo control deslizante.
En la parte superior de esta página, verá un gran mensaje que destaca todas las funciones Pro que obtiene si elige actualizar. Debajo de esto, está la sección del título, así que asegúrese de completarla.
Ahora verá la sección de configuración del control deslizante. Aquí puede ajustar una variedad de configuraciones para su control deslizante. Estos incluyen la duración de la diapositiva (cuánto tiempo permanecerá visible antes de cambiar), la transición de la diapositiva (cuánto tiempo tarda en aparecer la siguiente diapositiva), la diapositiva (cuántas diapositivas por transición) y 10 configuraciones diferentes que puede elegir para habilitar .
También notará aún más configuraciones en el lado derecho que contienen visualización de elementos y opciones de estilo CSS.
Nota: Si no tiene una imagen clara de cómo desea que se comporte su diapositiva, no dude en omitir esto y crear las diapositivas individuales. De esa manera, puede probar cómo se ven con las distintas configuraciones seleccionadas.
Debajo de la configuración, encontrará el área de creación de diapositivas real. Cada diapositiva tiene esencialmente las mismas características que un widget de texto . Puede escribir texto, agregar imágenes, GIF, videos, códigos cortos y cualquier otra cosa permitida con un widget de texto.
Para ir a la siguiente diapositiva, desplácese hacia abajo y haga clic en DIAPOSITIVA 2. Esto abrirá la diapositiva para editarla.
También puede hacer clic en la DIAPOSITIVA 3. Si necesita agregar más diapositivas, haga clic en el botón «Agregar diapositiva».
Agregue tantas diapositivas como necesite y rellénelas con el contenido deseado. Cuando haya terminado de crear su control deslizante, haga clic en el botón «Publicar» para guardar su trabajo.
Ahora podrá usar el control deslizante que acaba de crear en su sitio web.
Cómo agregar su control deslizante en WordPress
Para agregar el control deslizante que acaba de crear, deberá usar el código abreviado que generó. Justo encima de donde se encontraba el botón «Publicar», verá el código abreviado. Haga clic en el botón «Copiar al portapapeles».
Ahora ve a donde quieras agregar el control deslizante. Esto puede estar en cualquier página, publicación o widget de texto. Pegue el código abreviado que acaba de copiar.
Nota: puede pegarlo dentro de un bloque de texto estándar o en el bloque de código abreviado en el editor de Gutenberg, no importa cuál.
¡Guarde el cambio y obtenga una vista previa o visite su sitio web para ver el control deslizante en acción! Felicitaciones por aprender a crear un control deslizante en WordPress usando el complemento Slide Anything.
Pruebe su control deslizante a fondo
Asegúrese de probar minuciosamente que el control deslizante funcione correctamente. Esto significa que las diapositivas permanecen lo suficiente para que el visitante promedio absorba toda la información. Es posible que desee que dure un segundo más que el promedio para que sea más accesible.
También debe estar atento a que las imágenes tengan el tamaño adecuado para el control deslizante y verificar que no haya nada más que esté fuera de lugar.
De lo contrario, todo el trabajo que invirtió en la creación de la diapositiva se desperdiciará.
Use los controles deslizantes apropiadamente
Los controles deslizantes pueden ser herramientas poderosas cuando se trata de ahorrar espacio, pero a veces no son dispositivos apropiados o efectivos para usar. Como se mencionó anteriormente, no muchas personas que hacen clic solo en el control deslizante, hacen clic en la primera diapositiva. Por lo tanto, si tiene información importante, considere un enfoque diferente.
Un gran uso, y probablemente el más común, es el de los productos. Es natural que los compradores quieran ver un producto específico. Puede usar un complemento de WordPress para un carrusel de imágenes para mostrar productos desde múltiples puntos de vista (frontal, posterior, lateral, etc.). Incluso podría agregar un video al final que muestre el producto en acción.
¿Qué tan fácil le resultó usar el complemento Slide Anything? ¿Para qué usarás tus controles deslizantes?