Avisos
Vaciar todo

Diseño diferente en movil con tema responsive  

Página 1 / 3
 
David
 David
Usuario experto

Hola, quisiera saber si hay alguna manera de hacer un diseño ( acomodo ) diferente de mi tema que tengo en móvil, supuestamente es responsive pero no me convence mucho, podrían ayudarme a como realizar esto por favor? muchas gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 10/12/2016 5:18 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

No es sencillo cambiar el diseño, lo recomendable si no es de tu agrado cambiar por completo la plantilla.

Una segunda opción seria buscar algún plugin que realice este trabajo, verifica por ejemplo el siguiente enlace: http://movilforum.com/adaptar-la-web-a-cualquier-dispositivo-5-plugins-y-pico-para-wordpress/

ResponderCitar
Respondido : 10/12/2016 6:48 am

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

David
 David
Usuario experto

Gracias Johnny, el de Jetpack no me gusto porque solo muestra las ultimas entradas en vez de home

WordPress Mobile Pack creo que ya no funciona

WP Mobile Detector nunca me detectaba que queria hacer

WordPress Touch si no eres premium no puedes hacer gran cosa

en si no me desagrada mi plantilla sino lo que quisiera es hacer que estuviera acomodado de otra manera y aparte de quitar cosas que no quisiera que aparecieran en movil, por ejemplo, tengo varios sliders en un menu, eso en un movil es lento y a veces no suele cargar rapido... como puedo solucionar esto?

ResponderCitar
Respondido : 10/12/2016 7:23 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola David.

Ok, para el slider principal añade lo siguiente en el archivo custom de tu plantilla:

@media (max-width: 480px) {
  #main-slider {
    display: none;
  }
}

Esto evitara que se muestre si el tamaño de la pantalla es inferior a 480px.

Si nos indicas que otros sliders son los que quieres ocultar podremos indicarte lo que tienes que modificar.

Un saludo

ResponderCitar
Respondido : 10/12/2016 11:30 am

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

David
 David
Usuario experto

Quisiera tener un acomodo diferente en el móvil ya que si lo abren ustedes se darán cuenta que evidentemente no es cómoda la navegación en el móvil, eso es lo que quisiera hacer, más que sólo cambiar un slider

gracias

ResponderCitar
Respondido : 13/12/2016 1:18 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

En la actualidad Google Page Speed considera mas los sitios webs en formato AMP para móviles por lo que puedes evaluar el uso de este plugin: https://es.wordpress.org/plugins/amp/

ResponderCitar
Respondido : 13/12/2016 5:25 am

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

David
 David
Usuario experto

Estoy leyendo mucho acerca de eso Johnny muchas gracias.

Por otro lado veo que solo serían para las entradas que haga, pero de la portada inicial digamos... donde queda para el móvil, quisiera que también apareciera en los móviles.

ResponderCitar
Respondido : 13/12/2016 7:49 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola David.

Si nos indicas exactamente que es lo que quieres cambiar de la versión móvil ( Lo que quieres que se visualice, lo que no quieres que se visualice, lo que crees que no se ve bien, etcc... ) y te iremos orientando en lo que tienes que realizar.

Por favor si puedes nos indicas con una captura que es lo que quieres modificar.

Te agradezco tu colaboración, contar con toda la información que puedas darnos nos ayudará a darte más rápidamente una solución.

Un saludo

ResponderCitar
Respondido : 13/12/2016 12:11 pm

Cursos Gratuitos WordPress

David
 David
Usuario experto

Primeramente quisiera quitar el icono de menú naranja que está justo arriba de el de color negro que dice menú.

La parte superior se queda fija cuando se empieza a bajar para ver el contenido, quisiera que ésta se moviera hacia arriba a modo que se desaparezca cuando se navegue hacia abajo. (photo_2016-12-13_19-31-19.jpg)

Seguido a ello, como primera fase que estuviera el slider mayor (Captura.jpg) en toda la pantalla

Después que el video se vea en toda la pantalla (Captura1.jpg)

Posteriormente que se vean los cuadrados, dos por renglón de los servicios. (Captura2.jpg)

Si seguimos bajando en la página se vera un cotizador para imprimir modelos en 3D. que también se muestre en toda la pantalla (Captura3.jpg)

Llegamos a la parte de nuestro blog, en el que se muestre 1 recuadro por renglón, en total 3 noticias en el blog que son las más recientes (Captura4.jpg)

Lo mismo con la parte de la tienda, la tienda tiene, por ahora solo dos recuadros, esos dos recuadros que aparezcan tipo el de servicios, dos por renglón (Captura5.jpg)

Los testimonios lo mismo en toda la pantalla (Captura6.jpg)

ResponderCitar
Respondido : 14/12/2016 2:48 am
David
 David
Usuario experto

Y faltó la parte de contacto, esto también que quedara en toda la pantalla completa (Captura7.jpg)

En el área de menú, hay muchos sliders en la versión web, pero en el movil seria mucho no mostrarlo por la cantidad de movimiento que hay o que me pueden sugerir hacer en este caso?

Muchas gracias

ResponderCitar
Respondido : 14/12/2016 2:50 am

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

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola David.

Primeramente quisiera quitar el icono de menú naranja que está justo arriba de el de color negro que dice menú.

.- Edita el archivo responsive.css que encontraras en la ruta -> wp-content/themes/accesspress-parallax/css/responsive.css y añade lo siguiente:

.menu-toggle {
display: none;
}

La parte superior se queda fija cuando se empieza a bajar para ver el contenido, quisiera que ésta se moviera hacia arriba
Esto forma parte de la programación de la web y a nosotros nos costaría mucho encontrarlo a demas que no podemos meternos en temas de código de plantillas de terceros ya que igual solucionando algo podemos estropear otra cosa, lo mejor es que lo consultes con los desarrolladores de la web.

que estuviera el slider mayor (Captura.jpg) en toda la pantalla
según veo ocupa toda la pantalla, tanto en la versión móvil como en la de PC:

Vamos a ir por partes si no me paso toda la mañana solo con esta entrada 😉

Soluciona lo que tenemos ahora y cuando lo tengas iremos viendo las demas 🙂

Un saludo

ResponderCitar
Respondido : 14/12/2016 10:15 am
David
 David
Usuario experto

Gracias Pepe

Duplique mi respuesta... lo siento

ResponderCitar
Respondido : 15/12/2016 4:09 am

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

David
 David
Usuario experto

Gracias Pepe, justo a mi me sale esto mira...

Eso naranja no se pudo quitar con lo que me mencionaste Pepe... Quizá sea otra cosa? Lo dejo aun así las líneas que me indicaste?

Estaba viendo la página desde otro móviles... y pienso que quizá el diseño no sea un problema sino más bien, la velocidad de carga, esto es porque en los móviles que los estaba viendo se quedaba la imagen pasmada o palpitaba, como si estuviera en un slider o de plano la imagen no carga...

Aparte me metí a hacer un test con google y esto fue lo que tuvo mi sitio...

Será que el problema sea eso?

ResponderCitar
Respondido : 15/12/2016 4:11 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola David.

Revisando el archivo que te indique responsive.css, no veo que este añadido el código.
.- Edita el archivo responsive.css y añade lo siguiente:

.menu-toggle {
display: none;
}

Sobre lo que comentas de la valoración de google, las sugerencias a las que hace referencia son de imágenes:

Estas utilizando imágenes con una proporción de 1800px que son muy grandes, mi recomendación es que intestes reducir el tamaño de las imágenes y luego que las optimices para web.

Para optimizar las imágenes dispones de la herramienta ImgOptimizer, esta erramienta forma parte del asistente stephan que encontraras en tu Área de clientes.

Te dejo un enlace con información sobre ImgOptimizer
Optimización de imágenes gratis con ImgOptimizer

Una vez realizado los pasos comprueba si mejoraron los resultados en PageSpeed Insights

Un saludo

ResponderCitar
Respondido : 15/12/2016 9:23 am

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

David
 David
Usuario experto

Hola Pepe, de verdad que lo incluí... pero yo tengo un tema hijo... lo hice desde el padre.

Lo de las imágenes lo hice debido a que no cubrían totalmente el área que quería que cubrieran, por eso las subí de ese tamaño, alguna recomendación a ello?

Y ya he hecho dos o tres veces la optimización de imágenes con stephan 🙂

ResponderCitar
Respondido : 15/12/2016 9:41 pm
Página 1 / 3