Ha instalado el tema Customizr y le gustaría mostrar un carrusel ( también llamado control deslizante ) en su página principal o en una página de su sitio como en la demo, aquí o aquí.

Esta documentación describe el proceso de creación de deslizadores en los temas Customizr free y pro.

Deslizador

En casa : eliminar el control deslizante predeterminado

De forma predeterminada en inicio, el tema Customizr muestra un control deslizante generado a partir de sus últimas publicaciones, utilizando la imagen destacada de la publicación, si está establecida, como imagen de fondo, el título de la publicación como título de diapositiva, el extracto de la publicación como descripción y la URL de la publicación como enlace para el botón de llamada a la acción.

Veamos cómo eliminar este deslizador predeterminado:

  1. Desde su panel de WordPress, navegue por Apariencia – > Personalizar
  2. Abra la sección de Contenido de la página principal (si no ve esta sección en el personalizador, significa que actualmente no está previsualizando su página de inicio)

     Sección de Personalización de Contenido de la página principal

  3. Desplácese hacia abajo para llegar a las OPCIONES del DESLIZADOR set
  4. De la lista desplegable en Seleccionar deslizador de página principal seleccionar Sin deslizador:

     No establecer control deslizante

  5. Guardar y publicar

Abrir la biblioteca multimedia

 panel de medios

Abrir un medio y establecer las opciones de la diapositiva

  • Si su biblioteca multimedia se muestra como una lista (vea la captura de pantalla a continuación), simplemente haga clic en la miniatura de la imagen que desea agregar a un control deslizante:

     Biblioteca de medios como lista

  • Si su biblioteca multimedia se muestra como una cuadrícula (vea la primera captura de pantalla a continuación), haga clic en la miniatura de la imagen que desea agregar a un control deslizante y, a continuación, en el enlace Editar más detalles (vea la segunda captura de pantalla a continuación):

     Biblioteca multimedia como cuadrícula

    editar más detalles enlace

Desplácese hacia abajo y busque el cuadro de opciones de deslizador (vea la captura de pantalla a continuación): Cuadro de opciones de deslizador

Agregar la imagen a un deslizador

Agregar la imagen a un deslizador haciendo clic en el botón Me gusta del iphone como se muestra en la captura de pantalla a continuación:

Añadir a un deslizador

Aparecerá un nuevo conjunto de campos para configurar la diapositiva.

Opciones de configuración y contenido de llamada a la acción

Aquí puede configurar opciones como la velocidad de transición (retardo entre diapositivas) y el contenido opcional de llamada a la acción : título, descripción, color (de título y descripción), texto de botón, enlace, etc…

Deje esos ajustes vacíos si solo desea mostrar una imagen.

 Llamada a la acción

Nota : El color de fondo del botón de llamada a la acción es el color principal del tema.

Nombrar el control deslizante

Si no ha creado ningún control deslizante, verá el siguiente mensaje: «Aún no ha creado ningún control deslizante. Escriba un nombre de control deslizante y haga clic en el botón para agregar el primer control deslizante.»

Simplemente escriba un nombre y haga clic en el botón Agregar un control deslizante:

 Agregar botón deslizante Una vez que se hace clic en el botón, se crea su deslizador y verá que su imagen se ha agregado en él:

Agregar nueva diapositiva

Reordenar las diapositivas

El reordenamiento de las diapositivas se realiza manualmente arrastrando y soltando las diapositivas, vea la captura de pantalla a continuación :

Eliminar una diapositiva

Si desea eliminar una diapositiva :

  1. haga clic en «Editar la diapositiva»
  2. En las opciones del deslizador, establezca «Agregar a un deslizador» en No

Mostrar un deslizador en la página principal

Ahora regrese al Personalizador ( Desde su panel de WordPress, navegue por Apariencia -> Personalizar)

Abra Sección de Contenido de la página principal y haga clic en la lista desplegable deslizante. Debería ver su deslizador recién creado en la lista ahora.

 Control deslizante de la página principal Personalice el selector

Simplemente selecciónelo, guárdelo y listo.

Adicionalmente:

  1. Elija las opciones del deslizador: ancho completo o en caja, retardo entre diapositivas y si aplica o no una superposición oscura en las imágenes del deslizador. Nota: La opción Aplicar una superposición oscura en las imágenes del deslizador solo está disponible para el estilo moderno.
  2. Elija la altura del deslizador, elija si desea aplicar a todos los deslizadores y si desea reemplazar la altura de imagen predeterminada.

Mostrar un control deslizante en una publicación o una página

Abra una página o una publicación y vaya a la parte inferior de la pantalla. Allí encontrarás una metabox llamada Opciones Deslizantes.

Haga clic en el botón «me gusta del iphone» a continuación, Agregue un control deslizante a esta publicación / página y seleccione el control deslizante deseado en la lista desplegable.

 Agregar control deslizante a publicación Actualizar los cambios recientes en la publicación / página haciendo clic en el botón de actualización de WordPress

Eliminar un control deslizante

En la esquina superior derecha de la lista de diapositivas, encontrará un enlace en el que se puede hacer clic llamado Eliminar este control deslizante (consulte a continuación). Simplemente haga clic en él y confirme la acción en la ventana emergente.

Eliminar deslizador

Deja una respuesta

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