Avisos
Vaciar todo
Preguntas sobre WordPress
21
Respuestas
5
Usuarios
0
Reactions
212
Visitas
Topic starter
Hola
Estuve colocando las fotos en tablas pero no se ven bien en el celular y la tableta, por ejemplo este link:
Contenido solo visible a usuarios registrados
Respondido : 03/05/2019 2:40 pm
Saludos Ausberto,
Revisando tu código me doy cuenta de que estás utilizando tablas para ordenar las imágenes, a su vez cada imagen la colocas dentro de una columna. Será complicado que consigas un diseño responsivo de esa manera. Además de que cada fila de imágenes son tablas independientes entre sí separadas por párrafos, será aún más complicado.
En lugar de utilizar tablas para cada fila, una columna por cada imagen y párrafos como separadores utilizala siguiente estructura HTML aprovechando las ventajas de Bootstrap, el cual está implementado en el tema de Wordpress que utilizas.
Espero que la información proporcionada te sea de utilidad, en caso contrario háznoslo saber.
Un saludo.
Esta publicación ha sido modificada el hace 5 años por antonio
Respondido : 03/05/2019 3:53 pm
Topic starter
Hola Pepe:
Gracias por tu pronta respuesta
Te cuento que solo me sale una columna (adjunto), ¿que debo hacer?
Saludos, AL
Respondido : 03/05/2019 4:51 pm
Hola Ausberto.
Exacto, esa es la forma de mostrarse en la versión móvil, en una columna, si añades las tres imágenes en la misma fila, a los usuarios les resulta difícil seleccionar una imagen para poder acceder y google te avisa que tienes elementos demasiado juntos .
Un saludo
Respondido : 03/05/2019 5:07 pm
Topic starter
Hola pepe:
Entiendo que se vea vertical en el celular, mi intensión es que se vea en una PC, una tablet y en un celular.
Como puedo hacer esto con el HTML y el Bootstrap. Gracias.
Un saludo
Respondido : 03/05/2019 5:22 pm
Hola
Deja las imágenes con el código siguiente:
Es un código similar al que te envió Pepe pero usa las clases rt-container y rt-grid-x que si estan disponibles para tu theme y que deberían hacer ajustarse las columnas en los diferentes dispositivos
Saludos.
Esta publicación ha sido modificada el hace 5 años por antonio
Respondido : 03/05/2019 6:00 pm
Topic starter
Hola John:
Mejoro la vista en PC y en celular, solo que en en el movil se ve muy amontonado (adjunto), ayudame con colocarlo con el texto del nombre de cada cuadro y linkearlo con la url del producto, asi:
Contenido solo visible a usuarios registrados
Saludos,
Respondido : 03/05/2019 10:58 pm
Hola Ausebio.
Prueba con el siguiente código:
Contenido solo visible a usuarios registrados
Modifica la url de las imágenes, el enlace y el texto ya que puse solo un bloque y copie el resto.
Un saludo
Esta publicación ha sido modificada el hace 5 años por antonio
Respondido : 04/05/2019 2:58 pm
Topic starter
Hola Pepe:
Segui tus indicaciones e hice esto:
Contenido solo visible a usuarios registrados
Las imagenes quedan pegadas (adjunto), ¿como puedo separarlas?
Saludos, AL
Esta publicación ha sido modificada el hace 5 años por antonio
Respondido : 07/05/2019 7:06 am
Hola,
En mi caso visualizo de forma correcta la separación:
¿Cuál navegador estas utilizando?
Respondido : 07/05/2019 7:51 am
Topic starter
Chrome y Firefox
Respondido : 08/05/2019 5:48 am
Topic starter
Señores:
De repente me pueden recomendar un PLUGIN para nuestra pagina con WordPress y poder realizar esta implementacion de fotos.
Saludos,
Respondido : 08/05/2019 7:11 am
Hola Auberto.
Veo que sigues con las tablas para las imágenes.
.- sustituye el código de las tablas por el siguiente:
Contenido solo visible a usuarios registrados
.- Edita el archivo style.css que encontrarás en la ruta wp-content -> themes -> pandora_wp y añade lo siguiente:
body [class*="rt-grid-3"] {
padding:5px;
}
El resultado es el siguiente:
Puedes modificar el espacio entre líneas cambiando el valor " 5px " aumentando o reduciendo el espacio de las imágenes
Un saludo
Respondido : 08/05/2019 10:54 am
Topic starter
Hola Pepe:
Ahora si hay separación de las imagenes, solo que me queda del lado derecho la palabra "Editar" como aparece en el adjunto en el circulo rojo.
Este es el HTML:
Contenido solo visible a usuarios registrados
Saludos, AL
Esta publicación ha sido modificada el hace 5 años por antonio
Respondido : 11/05/2019 7:59 am
Hola Ausberto.
Sigo viendo el bloque con la opción de
