Paso 4: Cambiar / Modificación Ajustes Slider.





Para acceder a los ajustes que debe ir a Deslizador WD >Sliders > Pestaña Configuración.

4.1 Configuración global. Puede cambiar las configuraciones principales aquí. Los cambios afectarán únicamente el control deslizante actual y no creados anteriormente queridos.
Dimensiones. Establecer las dimensiones máximas de la corredera. La dimensión se ajusta al máximo ya que con pantallas más pequeñas el deslizador se mostrará en dimensiones más pequeñas debido a la característica de respuesta. Esta será la dimensión constante, independientemente de las imágenes.
Ancho total. Elija si desea tener el control deslizante general se extendía a todo el ancho de la página, donde está publicado o no. Se dará la longitud correspondiente a la relación original, por ejemplo, si lo tiene establecido en 480x300 y el ancho de la página es 960, entonces la altura será de 600. Además, puede cambiar la relación de forma manual, eliminando el número proporcionado y su sustitución por otra opción.
Ajuste de fondo. Hay tres opciones para insertar la imagen en una diapositiva. Usted puede elegir la opción que mejor se adapte a ti. En caso de tener imágenes más pequeña o más grande que la diapositiva de las vistas cambiarán en consecuencia. Vamos a examinar los cambios por separado.
Cubra. La imagen conseguirá cortado de la parte media y conseguirá ampliada para ajustarse con el fondo.
Llena. La imagen se estiran o comprimido a las dimensiones de la barra deslizante.
Contener. La imagen permanecerá en su forma original y el resto del área de contenido deslizador será cubierto por el sliderbackground.
Alinear. Con esta opción se puede alinear el cursor a cualquiera de izquierda, derecha o al centro. Si el ancho de área de contenido temático es pequeño es decir, si usted tiene una columna en el lado izquierdo o derecho de su página web es posible que no pueda ver esta opción en el trabajo. Además, si la dimensión se establece en 800x300px, que es el tamaño máximo para el uso con la función de la capacidad de respuesta, no verá ninguna diferencia al tratar de alinear su diapositiva a cualquier dirección.
Efecto. Seleccione el efecto que se aplicará cuando se pasa de un control deslizante a otro. Nota , Que es diferente de los efectos de capa y no afecta a los efectos de capa.
La duración del efecto. Ajuste el tiempo para el efecto deslizante en ms.
Intervalo De Tiempo. Ajuste el intervalo de tiempo para el cambio de los controles deslizantes.
Auto-Reproducción. Elija si desea autoplay los controles deslizantes o no.
Mezclar. Seleccione si desea que las diapositivas cambian de forma aleatoria o para mantener la secuencia original.
Comience con diapositivas. Por defecto, el de diapositivas se iniciará con la primera diapositiva. El uso de la opción que se puede seleccionar la diapositiva, que se muestra en primer lugar. Puede utilizar 0 para aleatorizar la opción.
Música. Seleccione si desea que la reproducción de música / pista de audio con el control deslizante o no.
URL Música. Proporcionar el enlace completo a la pista de audio, que se utiliza con el control deslizante.
De carga inteligente. Seleccione si desea que la función de carga inteligente, que le ayudará a tener carga más rápido durante las primeras imágenes y procesará el resto por su parte.
Color de fondo. Seleccione un color de fondo para el control deslizante, así como su nivel de transparencia.
Frontera. Ajuste el ancho del borde, tipo, así como el color.
Radio Fronteriza. Ajuste el radio de frontera utilizando valores de tipo CSS.
Margen. Establezca un margen para el control deslizante en píxeles.
Shadow. Establezca una sombra deslizante utilizando valores de tipo CSS.
Haga clic derecho en la protección. Elija si tener clic protección adecuado para evitar la descarga de la imagen o no.
Capa sobre siguiente. Elija si desea tener el efecto de capa a cabo sin tener en cuenta el tiempo entre el éxito al siguiente control deslizante o saltar el efecto y llegar a la siguiente imagen.
Gire Slide WD Medios Cargar. Seleccione si desea utilizar la opción Control deslizante WD Medios Subir o utilizar el estándar de WordPress Medios Cargar.
Publicado. Elija si desea publicar el deslizador mencionado o no.

4.2 Carrusel. Se pueden visualizar las imágenes deslizantes en una vista de carrusel, que muestra una imagen más grande dentro de las imágenes de tamaño del centro y descendentes antes y después de la imagen principal.
Carrusel. Seleccione si desea utilizar la pantalla carrusel de imágenes o no.
Número de imágenes por carrusel. Definir el número de imágenes visibles siempre que use pantalla carrusel.
Relación imagen Carrusel. Definir las proporciones entre la imagen principal y las imágenes anteriores y posteriores a la imagen principal.
Ajuste de contenedores. Si activa la opción de la distancia entre las imágenes será idéntico para que las imágenes llenan el contenedor, de lo contrario la distancia entre las imágenes dependerá de la relación.
Anchura fija. Definir la anchura máxima de la pantalla carrusel.

4.3 Navegación. Usted puede cambiar el estilo, colores y dimensiones de los botones de navegación o eliminar por completo los botones de navegación.
Botones Siguiente / Anterior . Elija si desea mostrar los botones Anterior y Siguiente o no.
Botones Siguiente / Anterior . Elija si desea mostrar los botones de reproducción y pausa o no.
Mostrar botones de navegación. Seleccione entre la opción de siempre mostrar los botones de navegación o sólo cuando se cernía.
Imagen de botones Siguiente / Anterior. Hay una oportunidad de utilizar el conjunto predeterminado de los botones de navegación, subir imágenes para ser utilizadas como botones de navegación o utilizar fuentes de estilo.

  • Defecto. Aquí usted debe elegir el grupo de botones de opción de color. Puede utilizar la función inversa.
  • Personalizado. Aquí usted debe subir imágenes de cada botón de acción haciendo clic en él y añadiendo la imagen correspondiente. Puede utilizar la función inversa.
  • Labrado. Aquí hay que seleccionar el estilo de botón utilizando la lista desplegable.

Botones / estilo Anterior Siguiente . Elija el estilo del botón que prefieren tener como botones de navegación.
Siguiente / tamaño de los botones Anterior.
Establecer las dimensiones de los botones derecha / izquierda.
Botón de reproducción / pausa. Elija si desea mostrar los botones de reproducción y pausa o no.
Imagen de los botones Play / Pause. Hay una oportunidad de utilizar el conjunto predeterminado de los botones de reproducción / pausa, subir imágenes o utilizar fuentes de estilo.

  • Defecto. Aquí usted debe elegir el grupo de botones de opción de color. Puede usar la función inversa.
  • Personalizado. Aquí usted debe subir imágenes de cada botón de acción haciendo clic en él y añadiendo la imagen correspondiente. Puede utilizar la función inversa.

Reproducir / tamaño del botón de pausa . Establecer las dimensiones de los botones de reproducción / pausa. de color
Botones (para Styled solamente).
Seleccione un color para los botones de navegación.
color de la libración (para Styled solamente).
Seleccione un color de la libración de los botones de navegación.
Fronteriza.
Seleccione el tipo, el tamaño, así como el color del borde para los botones de navegación. radio Frontera
.
Radio frontera fijada para los botones de navegación que utilizan valores de tipo CSS.
Color de fondo.
Seleccione el color de fondo de los botones de navegación utilizando el selector de color. Además, puede configurar el nivel de transparencia del fondo.

4.4 Las balas. Además de los botones de navegación, también se puede usar balas. Al golpear la bala se mostrará la imagen en la posición correspondiente.
Habilitar balas. Seleccione si desea que las balas de navegación o no.
Posición. Seleccione la posición de las balas de navegación.
Estilo de viñeta. Hay una oportunidad de utilizar el conjunto predeterminado de imágenes de bala, cargar una imagen única que se utilizará como una bala de navegación o utilizar fuentes predeterminadas de estilo.

  • Defecto. Aquí usted debe elegir el grupo de botones de opción color. Puede utilizar la función inversa.
  • Personalizado. Aquí usted debe subir imágenes para balas activas y Desactivado haciendo clic sobre ella y la adición de la imagen correspondiente. Puede utilizar la función inversa.
  • Labrado. Aquí hay que seleccionar el estilo de viñeta utilizando la lista desplegable.

Tamaño. Definir el tamaño de las balas de navegación.
Color (sólo Styled). Seleccione el color de las balas de navegación.
Color activo (por Styled solamente). Seleccione el color de la bala, que actualmente está mostrando una imagen correspondiente.
Margen. Ajuste el margen de las balas de navegación en píxeles.

4,5 tira de diapositivas. Usted puede agregar una tira de película para las imágenes deslizantes.
Habilitar película. Seleccione si desea que las miniaturas de las diapositivas mostradas como una tira de película o no.
Posición. Ajuste la posición de la tira de película entre 4 opciones posibles.
Dimensiones miniatura. Definir las dimensiones de las miniaturas de la tira de película.
Color de fondo. Seleccione el color de fondo de la tira de película.
Margen de miniaturas. Establece el margen para las miniaturas en píxeles.
Frontera activa. La miniatura de la imagen que se muestra actualmente tendrá una frontera. Puede ajustar su tamaño, tipo y color.
Transparencia Desactivado. Se puede establecer un nivel de transparencia para los elementos filmstrip inactivos.

4.6 Temporizador Bar. Usted puede agregar una barra que muestra el tiempo dejado de cambiar a la siguiente diapositiva. Esto es comúnmente utilizado cuando se utiliza de reproducción automática para el control deslizante.
Habilitar barra de tiempo. Seleccione si desea mostrar una barra de tiempo sobre las imágenes o no.
Tipo. Elige el tipo de la barra de temporizador que se utilizará en el control deslizante.
Tamaño. Definir el tamaño de la barra de temporizador en píxeles.
Color. Seleccione el color y el nivel de transparencia de la barra de temporizador.

4.7 Marca de agua. Puede añadir marcas de agua en las imágenes deslizantes, tanto en las formas de texto e imágenes.
    Tenga en cuenta que la Llenar y Contener opciones no tendrán ningún problema con Filigrana opción independientemente de las dimensiones de la imagen, mientras que para el Cubierta opción que debe tener la imagen idéntica al tamaño establecido en el Dimensiones ajuste. Si has subido la imagen con otra dimensión, tendrá que cambiar el tamaño de la imagen y subirlo de nuevo.
Tipo de marca de agua. Elige qué tipo de marca de agua que desee utilizar en proporcionado 2 opciones (texto, imagen) o no utilizar marcas de agua sobre las diapositivas.
Texto

  • Texto de marca de agua. Proporcionar el texto que se mostrará en los toboganes.
  • Tamaño de la fuente de marca de agua. Especifique el tamaño de la fuente de la marca de agua en píxeles.
  • Estilo de fuente de marca de agua. Especificar la familia de fuente para el texto de la marca.
  • Color de marca de agua. Seleccione el color de la fuente del texto marca de agua, así como los valores de tipo CSS transparencia marca de agua que utilizan.
  • Posición de marca de agua. Elige el posicionamiento de la marca de agua a partir de los disponibles 9 opciones.

Imagen

  • Watermark URL. Proporcionar la URL absoluta de la imagen que se utilizará para la marca de agua. Tenga en cuenta que son compatibles sólo imágenes .png.
  • Tamaño de la imagen de marca de agua. Definir el tamaño (en porcentaje para la mirada sensible) de la imagen utilizada para la marca de agua.
  • Posición de marca de agua. Elige el posicionamiento de la marca de agua a partir de los disponibles 9 opciones.

4.8 CSS. Puede añadir CSS personalizado en el cuadro de abajo para aplicar los cambios de encargo a la corredera. Los cambios harán caso omiso de los estilos originales.

Paso anterior Siguiente paso

No te pierdas ni una noticia importante y ofertas exclusivas!

Únete a nuestra comunidad