febrero 14, 2022

¿Cómo Agregar Deslizador de imágenes en el sitio web de WordPress?

 ¿Cómo agregar Deslizador de imágenes en el sitio web de WordPress?

¿Desea agregar un deslizador de imágenes en el sitio web de WordPress? Los deslizadores se usan comúnmente en la página principal del sitio web para resaltar los contenidos importantes, noticias vitales, imágenes geniales,anuncios, etc. No solo proporcionan exposición a su contenido web y aumentan las conversiones de clics, sino que también hacen que su sitio web sea visualmente atractivo. Más que eso, un deslizador de imágenes con imágenes y efectos atractivos tiende a mantener a sus visitantes durante un período de tiempo más largo y disminuir la tasa de rebote de su sitio web.

Slider, siendo un componente importante para un sitio web, viene incorporado/incluido en la mayoría de las plantillas premium de WordPress. Sin embargo, si el tema que está utilizando en su sitio web no tiene opciones de control deslizante incorporadas o tiene una función limitada, puede usar los complementos de control deslizante de WordPress disponibles.

Hablando de plugins de slider, puedes encontrar cientos de ellos con varias características y funcionalidades. Sin embargo, todo el control deslizante puede no ser bueno y puede tener un impacto en la velocidad de su sitio web si no están bien optimizados. Además, hemos escuchado de algunos de nuestros usuarios que la mayoría de los complementos de slider son complicados de usar.

Por lo tanto, teniendo en cuenta estas cosas, hemos probado uno de los complementos de deslizadores de WordPress con muchas funciones: el deslizador WP1 y le mostraremos cómo agregar un deslizador de imágenes con él.

Creación de Diapositivas de Imagen Usando WP 1 Slider

Paso 1: Instalación y Activación

Descargar WP 1 Slider desde WordPress.org gratis. Luego, instálalo en tu sitio web de WordPress. Si tiene alguna dificultad al instalar el complemento, puede consultar su documentación.

Después de haber completado la instalación del complemento, actívelo.

Paso 2: Agregue un nuevo Deslizador

Al completar con éxito la instalación del complemento, verá «WP 1 Slider» en el menú izquierdo del área de administración de su sitio. Haga clic en él para continuar.

Aterrizará en la página de listado «All WP 1 Slider» que contiene la lista de todos los deslizadores que ha creado desde el complemento. Puede editar / eliminar cualquiera de ellos según sus requisitos. Además, puede usar los códigos cortos para agregar los deslizadores prefabricados en cualquier página, publicación o tipo de publicación personalizada de su sitio web de WordPress.

 Control deslizante WP 1: Página de listado

Para agregar un nuevo control deslizante, haga clic en el botón» Agregar nuevo » disponible en la parte superior de la página.

Paso 3: Agregar Diapositivas de imagen

Se le dirigirá a la página «Agregar nuevo Deslizador WP 1». Contiene todas las configuraciones para crear, personalizar y configurar los controles deslizantes para su sitio web de WordPress.

 Control deslizante WP 1: Página de configuración

Antes de pasar por la configuración, asigne el nombre apropiado a su nuevo control deslizante.

Luego, haga clic en «Agregar diapositiva de imagen».

Puede agregar imágenes ilimitadas en su control deslizante. Por lo tanto, elija cualquier número de deslizador de imágenes según sus requisitos.

Control deslizante WP 1: Opciones de diapositivas de imagen

Cada diapositiva de imagen le permitirá agregar el título y la descripción. Además, puede mostrar el botón en su control deslizante y agregar texto y URL personalizados para dirigir a su audiencia desde el botón del control deslizante.

Paso 4: Secciones de configuración

Después de haber agregado el número requerido de diapositivas de imagen para su deslizador, vaya abajo en «Configuración general». Contiene 4 secciones de configuración diferentes para personalizar y configurar el deslizador de imágenes. La sección de configuración incluye:

i) Configuración del deslizador:

Aquí, puede habilitar / deshabilitar la sombra del cuadro deslizante.

 Control deslizante WP 1: Configuración del deslizador

Si elige habilitar la sombra de caja, seleccione cualquiera de los 2 tipos de sombra de caja. Puede ver la vista previa del tipo de sombra de caja.

ii) Configuración de subtítulos:

Desde aquí, puede agregar subtítulos para el control deslizante de imágenes. Elija cualquiera de los 4 tipos de subtítulos pre-disponibles para mostrar su título de la manera más adecuada.

Control deslizante WP 1: Configuración de subtítulos

A continuación, configure el tamaño de fuente y el color personalizados para el título y la descripción. Además, elige la posición más favorable para mostrar el título.

iii) Configuración del Buscapersonas:

Aquí, puede elegir cualquiera de los 3 tipos de buscapersonas para el control deslizante, es decir, punto, miniatura y paginación.

 Control deslizante WP 1: Configuración de puntos del buscapersonas

Si elige el buscapersonas de puntos, puede seleccionar cualquiera de los 4 tipos de diseño de puntos y personalizar su color de fondo y color activo.

 Control deslizante WP 1: Configuración de miniaturas del buscapersonas

Para miniaturas, hay 10 diseños prediseñados disponibles. Además, puede establecer el recuento, el ancho y la altura de la miniatura.

iv) Configuración de Flechas de navegación:

Aquí, puede seleccionar cualquiera de las 7 flechas de navegación pre-disponibles para su control deslizante.

WP 1 Slider:: Configuración de flecha de navegación

Paso 5: Opciones de Slider

Después de personalizar la configuración general de su slider, vaya a la sección opción de slider.

 Control deslizante WP 1: Opciones de control deslizante

Esta sección de configuración le permitirá establecer el ancho, la velocidad, la pausa, la reproducción automática, la transición, los controles y la capacidad de respuesta de su control deslizante.

Paso 6: Haga que su Deslizador de imágenes en vivo

Luego, haga clic en «Publicar» para hacer que su deslizador en vivo en su sitio web.

 Control deslizante WP 1: Publicar

Paso 7: Agregar control deslizante a través de Uso de código corto

Después de eso, copie los códigos cortos generados desde el Uso de WP1S para agregar el control deslizante de imágenes en cualquier lugar que desee en el sitio web.

 Control deslizante WP 1: Uso de WP1s

Terminando

De esta manera, puede agregar un control deslizante de imagen adaptable en su sitio web de WordPress en pocos minutos. Un control deslizante que contiene imágenes geniales puede proporcionar un gran impulso en la tasa de interacción del sitio web. Por lo tanto, si desea crear y agregar un deslizador de imágenes, puede comprar el complemento mencionado anteriormente a un precio razonable y seguir este tutorial.

También puede obtener la colección de:

  • 5 Los Mejores Plugins de Slider de WordPress Gratuitos Comparados
  • 5 + De los Mejores Plugins de Slider de WordPress (Lista Premium)

Deja una respuesta

Tu dirección de correo electrónico no será publicada.