Cómo usar el control deslizante de transición en WordPress para impresionar a los visitantes
Los controles deslizantes son una excelente manera de brindar información a sus clientes y, al mismo tiempo, brindarles algo divertido e interesante para ver en su sitio web. Sin embargo, la transición del control deslizante puede ser complicada si no tiene la herramienta adecuada. Hoy, le mostraré cómo crear un control deslizante de transición suave usando un complemento.
Hay bastantes complementos deslizantes realmente buenos que están disponibles para su uso. Dicho esto, también hay algunos malos. Desea asegurarse de tener el correcto ejecutándose en su sitio web porque hay mucho que considerar.
Desea asegurarse de que se ajuste correctamente a la pantalla para todas las transiciones, se vea correctamente en dispositivos móviles y funcione correctamente en todos los navegadores.
¿Qué son los controles deslizantes de WordPress?
Los controles deslizantes de WordPress suelen ser complementos que le permiten crear animaciones de control deslizante en su sitio web. Algunas funcionan como herramientas simples, mientras que otras le brindarán un montón de funciones y opciones para crear casi cualquier tipo de presentación de diapositivas y animaciones que pueda imaginar.
Existe un debate acalorado sobre cómo las presentaciones de diapositivas y los controles deslizantes afectan el SEO, la velocidad de la página y la clasificación de un sitio web con Google. Algunos creen que no hace la diferencia, mientras que otros creen que las presentaciones de diapositivas en las páginas principales, especialmente en el área del encabezado, entran en conflicto con el SEO y perjudican las clasificaciones en Google.
Ese problema es para otro día y uno puede analizarlo y decidir por sí mismo. Dicho esto, echemos un vistazo al complemento que vamos a usar para crear animaciones deslizantes y veamos todo lo que tiene para ofrecer.
Control deslizante de transición
Transition Slider es un control deslizante de imagen y video de alta gama que le brindará la capacidad de agregar transiciones impecables y capas animadas receptivas para crear controles deslizantes para cualquier publicación o página en su sitio web.
Hay tanto que me gusta del complemento Transition Transition Slider que es difícil saber por dónde empezar. Para empezar, las transiciones de presentación de diapositivas que cree se verán perfectas en todos los navegadores, tamaños de pantalla y dispositivos. También podrá crear cualquier tipo de control deslizante que desee sin tener que tocar ningún tipo de código.
Si puede pensar en un tipo de control deslizante, entonces este complemento probablemente le permita construirlo. Podrá crear presentaciones de diapositivas receptivas, así como controles deslizantes de imágenes, videos, galerías y capas. Todos los controles deslizantes que construya pueden tener capas y efectos animados que incluyen opciones como Deslizar, Fundido, Zoom, Deformar, Fundido cruzado, Flash, Girar, Rodar y Estirar.
El complemento del control deslizante está repleto de un montón de funciones, opciones y plantillas prediseñadas. Algunas de las características principales incluyen:
- Transiciones
- Integraciones fáciles
- Capas animadas
- Tamaños del control deslizante
- Vista previa en vivo
- Configuración de dispositivos móviles y tabletas
- Caja ligera
- marco flotante
- Miniaturas del control deslizante
- Plantillas de texto
- Fuente de Google
- Navegación
- Paginación
- Gran experiencia de usuario
- Totalmente personalizable
- Diapositivas arrastrables
- Carga lenta
- Efecto de paralaje
- Bucle infinito
Y eso es sólo el principio. Simplemente hay demasiadas características y herramientas para enumerarlas aquí. No hace falta decir que si está buscando crear controles deslizantes profesionales con transiciones increíbles que se vean perfectas en todas partes, entonces el complemento Slider Transition es una visita obligada.
Vamos a configurarlo y crear un control deslizante juntos.
Nota: Hay una versión pro de este complemento disponible. Ofrece aún más plantillas y otras herramientas. Si cree que esto es algo que su sitio necesita, continúe y échele un vistazo. El tutorial a continuación se basa en la versión gratuita del complemento.
Cómo crear un control deslizante de transición para su sitio web
Paso 1: Instalar y activar el complemento
Para comenzar a crear presentaciones de diapositivas y hacer transiciones de imágenes en su sitio, primero debe instalar y activar el complemento. Puede hacerlo yendo a la página Complementos en el panel de administración de WordPress.
Simplemente use el campo de búsqueda disponible y busque el complemento por nombre. Una vez que lo vea aparecer, continúe, instálelo y actívelo desde allí.
Paso 2: haga clic en Agregar nuevo control deslizante
El complemento Transition Slider no tiene una página de configuración. Todas las configuraciones y opciones se realizan por control deslizante. Esto significa que construyes cada uno como mejor te parezca.
Entonces, después de instalar y activar el complemento, haga clic en Control deslizante de transición> Agregar nuevo control deslizante, ubicado en el área del menú del lado izquierdo del tablero.
Puede ver que esta es ahora una opción disponible porque ha activado el complemento.
Paso 3: Configure y construya su control deslizante
En este punto, estarás en la página principal. Verá una lista de diferentes opciones para completar y configurar. Estos incluyen cosas como:
- Diapositivas
- Capas
- Configuración general
- Tamaño
- Video
- Navegación
- Paginación
- Miniaturas.
Repasemos algunos de estos juntos para que pueda ver a lo que se enfrenta.
Nota: No vamos en el orden de las pestañas, estaremos saltando un poco porque el concepto de completar la información es el mismo.
Diapositivas
Continúe y agregue los medios que desea para su control deslizante en esta área.
General
Aquí es donde puede ingresar todas las configuraciones generales para el control deslizante. Esto incluirá cosas como el nombre, el tipo de transición y la diapositiva inicial. Simplemente configure esto como mejor le parezca.
Navegación
Cree todas sus configuraciones de navegación en la pestaña. Esto incluirá colores, fondo, bordes y estilos.
Miniaturas
Puede habilitar las miniaturas en esta pestaña y luego configurarlas como mejor le parezca para su sitio web.
Caja ligera
Si desea configurar la caja de luz y crearla para su control deslizante, esta es la pestaña para hacerlo.
Hay algunas otras pestañas para revisar, por supuesto. Revísalos todos y configúralos como quieras. Si desea habilitar la reproducción automática, visite esa pestaña. Si desea agregar videos, vaya a la pestaña de videos.
Nota: Su configuración se guardará automáticamente mientras construye el control deslizante.
Paso 4: publica el control deslizante
Cuando haya terminado de construir el control deslizante de transición como lo desea, continúe y diríjase a la pestaña "Publicar" que está disponible en la misma área en la que se encuentra.
En realidad, no publicas el control deslizante. Copie el código abreviado que se proporciona, y puede tomarlo y pegarlo en cualquier publicación, página o área de widget que desee.
¡Eso es todo! Una vez que pegue ese código donde lo desee, puede ir a ver el control deslizante en vivo en su sitio y luego hacer los ajustes que desee desde allí.
Plantillas de control deslizante preconstruidas
La versión gratuita del complemento Transition Slider viene con una gran biblioteca de plantillas de control deslizante preconstruidas que puede usar. Para acceder a estos, haga clic en el enlace de la pestaña "Deslizadores" que se encuentra en el área del menú del lado izquierdo del tablero.
Desde allí, haga clic en el cuadro amarillo "Plantillas de control deslizante" que ve.
Verá una página emergente que está llena de controles deslizantes preconstruidos para elegir. Siéntase libre de importar cualquiera de ellos que le llame la atención para usarlo en su sitio web.
Pensamientos finales
Construir controles deslizantes es más fácil que nunca si tiene un complemento como Transition Slider. Ahora puede crear tantos como desee y colocarlos en todo su sitio.
Espero que este tutorial haya podido mostrarte lo fácil que es crear y diseñar controles deslizantes de WordPress.
¿Alguna vez has usado este complemento? ¿Cuál es otro complemento de control deslizante que prefieres?