Avisos
Vaciar todo

Configuración responsive para Smart Slider  

 
Luz Adriana
 Luz Adriana
Usuario eminente

Hola,

hice los encabezados de mi página con el plugin Smart Slider, pero noto que toda mi página está responsive menos los elementos que hice con ese plugin. 

Quiero saber como puedo hacer las modificaciones necesarias para que todos mis encabezados se vean bien en todas las pantallas, ya que el plugin me deja ver la vista previa en los diferentes tamaños de pantalla pero no se como adaptarlo a esos tamaños. 

Contenido solo visible a usuarios registrados

Citar
Respondido : 24/05/2021 10:00 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Luz,

Prueba ver el video directamente del desarrollador para poder configurar el cómo se van a ver dichos sliders en la versión responsive:

Contenido solo visible a usuarios registrados

Verificalo y nos comentas como te va siguiendo estos pasos.

Un saludo 🖐️ 

ResponderCitar
Respondido : 24/05/2021 10:06 pm

Cursos Gratuitos WordPress

Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Luz Adriana,

Para la configuración del Smart slider puedo recomendarte que le eches un vistazo a los siguientes enlaces, primero es el siguiente post https://www.webempresa.com/blog/como-anadir-un-slider-de-imagenes-en-wordpress.html donde se explica como editar y configurar smart slider.

Para mayor información puedes verificar la documentación directa del plugin https://smartslider.helpscoutdocs.com/

Saludos

ResponderCitar
Respondido : 24/05/2021 10:07 pm
Luz Adriana
 Luz Adriana
Usuario eminente

@bruno-vichetti @argenis 

Muchas gracias por las sugerencias de tutoriales e información. 

Miré la información que me comparten, no obstante, no he logrado configurar los slider ya que cuando trato de modificar los tamaños para la versión de tablet y celular se me  daña la vista del ordenador. 

ResponderCitar
Respondido : 28/05/2021 5:25 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Luz Adriana,

Podrías compartirnos capturas de como se desajusta el slider? tomando en consideración que pudiste echarle un vistazo al material que te compartimos pudiste modificar la posición, tamaño y distribución de los elementos dependiendo de las resoluciones del slider?

Nos comentas, Saludos

ResponderCitar
Respondido : 28/05/2021 5:29 pm
Luz Adriana
 Luz Adriana
Usuario eminente

@bruno-vichetti

Claro, muchas gracias. 

En la primer captura muestro como dejó organizado en la vista de ordenador.

image

Nota: los slider tiene animación de texto, por tal motivo, cuando se ve en el navegador primero sale un texto y luego sale otro. Por eso se puede ver un poco pegado a la hora de editar los textos. 

Así se ve la animación en la vista del navegador de un ordenador. 

Luego cambio para vista de tablet

image

Y finalmente, paso a vista de celular, en la cual elimino uno de los dos texto ya que considero que para celular no es necesario ambos. 

image

Pero cuando empiezo a ver en la vista previa los diferentes tamaños, empiezo a notar que no se acomodan del todo. 

image
image
image

 

ResponderCitar
Respondido : 29/05/2021 1:07 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Luz Adriana
 Luz Adriana
Usuario eminente
Video animación página

Reenvío animación del texto

ResponderCitar
Respondido : 29/05/2021 1:11 am
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Luz,

Esto se debe a que al igual que el constructor de divi, las versiones responsive no son enteramente diferenciales de la de escritorio, me explico:

Si creas una versión de telefono esta modifica los valores de la versión de escritorio por que lo que hace el slider es ajustar la resolución para que veas como se mostraría en estos dispositivos.

Es por esto que nos comentas que se ve desconfigurado, la solucion seria o bien adaptar el contenido que se vea bien en ambos lugares o bien crear dos sliders y ocultar uno para la versión de escritorio y mantener el otro en la versión de teléfono.

También puedes verificar este complemento:

https://account.sliderrevolution.com/portal/pricing/?utm_source=themepunch.com&utm_medium=lpbuy

Ten en cuenta ver a detalle el plugin antes de realizar cualquier compra sin embargo comentarte que con este actúa de forma que estas buscando, es decir que sea una versión para cada resolución.

Un saludo 🖐️ 

ResponderCitar
Respondido : 29/05/2021 1:17 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress