Avisos
Vaciar todo

cambiar estructura de la página  

Página 2 / 2
 
JOSE ROMAN
 JOSE ROMAN
Usuario experto

Hola,
mi intención es la de utilizar en la plantilla Sinope una de las páginas, por ejemplo la de servicios para colocar unas fotografías, como si fuera un portafolio.
La idea es de poder dividir el espacio para dejar tres, o cuatro columnas totalmente simétricas; es decir, poner una foto al lado de la otra (tres fotos en una fila, tres en la fila siguiente y así sucesivamente, Ahora intento hacer esto, inserto foto las coloco a la izquierda, en el centro, etc. pero no me deja colocarlas bien ¿que tengo que hacer exactamente para poder hacerlo correctamente? gracias.

Un saludo.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 22/03/2016 8:37 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla

Si lo quieres hacer por código es un poco más de trabajo, sin embargo una vez que te famliarizas te parecerá práctico

Veo que tus fotos tienen un margen blanco como parte de la misma foto.

Para darle un estilo o diseño a tus fotos necesitas tener una clase CSS adicional, tal como te indique anteriormente y poner este código CSS, intenta hacer lo que te comenté , con esto debería centrarse

Si quieres poner 4 fotos en lugar de 3 tienes que variar todas las clases rt-grid-4 por rt-grid-3 , es decir son 12 columnas, si cada div esta con la clase rt-grid-4 tendrás tres columnas, sin embargo si cada div tiene rt-grid-3 tendrás 4 columnas.
Saludos.

Esta publicación ha sido modificada el hace 2 años por Gerard Martínez
ResponderCitar
Respondido : 23/03/2016 5:31 pm

Cursos Gratuitos WordPress

JOSE ROMAN
 JOSE ROMAN
Usuario experto

Hola,
te he adjuntado una captura de pantalla ¿puedes ponerme el código donde tenga que ir? como te dije intento incluirlo en el texto pero no consigo el efecto deseado.
Un saludo.

ResponderCitar
Respondido : 23/03/2016 5:57 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla

No se adjuntó ninguna imagen intenta enviarla nuevamente.

Si te complicas con esto te sugiero mejor evaluar un plugin para que te muestre tus imágenes, evalua por ejemplo :

https://wordpress.org/plugins/tags/grid-gallery

Saludos.

ResponderCitar
Respondido : 23/03/2016 8:33 pm

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

JOSE ROMAN
 JOSE ROMAN
Usuario experto

Hola
si te fijas en la pestaña de servicios ahora ya he conseguido que las fotos salgan bien alineadas, te adjunto una captura del codigo, el problema ahora es cuando en el escritorio de wordpress cambio de texto a visual, me sitúo encima de una foto y le pongo un enlace me las vuelve a descuadrar. ¿hay otra forma de hacerlo? quizás añadiendo código en el texto? Por favor si es así dime donde y que debo poner, gracias.

un saludo.

ResponderCitar
Respondido : 23/03/2016 8:55 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Por que usas : rt-grid-6 ? , la estructura que has puesto no es correcta

Has puesto en una fila 4 contenedores con rt-grid-6 , lo cual hace un total de 24 columnas, tu theme no soporta 24 columnas, sólo soporta 12, por lo que tendrias que haber usado rt-grid-3 en caso quieras cuatro columnas por fila.

No veo que hayas puesto la clase contenedor-img como te indiqué, esto es para darle un estilo de centrado, margenes, etc.

Si quieres agregar enlaces podrías evaluar hacerlo por html igualmente envolviendo la imagen.

Saludos.

Esta publicación ha sido modificada el hace 2 años por Gerard Martínez
ResponderCitar
Respondido : 23/03/2016 9:53 pm

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

JOSE ROMAN
 JOSE ROMAN
Usuario experto

Hola
he puesto rt-grid-6 porque estoy valorando poner dos fotos por fila en lugar de 3 o 4.
Por favor si te fijas en la página "servicios" veras que ahora salen dos fotos por cada fila, me ha salido de casualidad claro, no porque tenga idea de hacerlo.
¿que nos falta ahora?
ahora necesito que cuando alguien pulse en una de las imágenes le lleve a una página web concreta y no a la url e la imagen. Imagina que quiero poner un enlace de la foto que lleve a webempresa ¿cómo debo hacerlo con html? te copio la linea para que por favor me incluyas en el sitio adecuado de la misma el código.

GRACIAS
Un saludo.

ResponderCitar
Respondido : 29/03/2016 8:34 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla

Ok, en tu código tendrías que envolver la imagen con una etiqueta hml : a

La sentencia target="_blank" es para que abra en una nueva ventana de navegador cuando se hace click, sin embargo podrías quitar esto

Saludos.

Esta publicación ha sido modificada el hace 2 años por antonio
ResponderCitar
Respondido : 29/03/2016 10:38 pm

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

JOSE ROMAN
 JOSE ROMAN
Usuario experto

Hola
he copiado el código según me indicas, pero tengo dos problemas como ves en la captura de imagen que te adjunto.
1º No se muestra la foto en la página web.
2º Debe haber algo configurado en el wordpress que cuando ponemos el enlace en la foto no lleva a la página que le indicamos.

 

Un saludo.

 

Esta publicación ha sido modificada el hace 2 años por Gerard Martínez
ResponderCitar
Respondido : 30/03/2016 12:06 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jose.
1º No se muestra la foto
La la ruta donde esta la imagen no esta bien, modificarlo por lo siguiente:

 

2º Debe haber algo configurado en el wordpress que cuando ponemos el enlace en la foto no lleva a la página que le indicamos
El enlace apunta a:

href="www.webempresa.com/

Tienes que modificarlo para que apunte al articulo.

Un saludo

Esta publicación ha sido modificada el hace 2 años por Gerard Martínez
ResponderCitar
Respondido : 30/03/2016 12:35 pm

Cursos Gratuitos WordPress

JOSE ROMAN
 JOSE ROMAN
Usuario experto

Gracias Pepe
en cualquier caso veo que el enlace me funciona si pongo antes de las www http:// de momento tema zanjado, seguimos avanzando.

Un saludo.

ResponderCitar
Respondido : 30/03/2016 2:32 pm
Página 2 / 2