Me ayudan a distribuir el texto?

soynacho Seguir

Zeta
SEO
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
6 Abr 2009
Mensajes
1.686
La verdad no sabia que titulo ponerle a esta duda que tengo, ya que la verdad no he sabido ni como buscarlo en Google xD

Lo que quiero lograr es algo como esta imagen (esta bien 'gachita' pero es lo que mi mano temblorosa me da xD):

Enlace eliminado

La cuestión es esta, tengo un theam que corre el blog todo perfecto solo que quiero hacer una sección con texto distribuido de esa manera como en la imagen, esto en una página que no tendrá nada que ver con el blog en si.

Lo de poner las imágenes y el texto más o menos se como hacerlo o llegarlo a hacer pero en lo que se me complica es como 'partir' la página en pedazos. Mas o menos seria que la pagina tuviera su header, sidebar y footer pero que el contenedor estuviera partido a la mitad para poder colocar texto a un lado derecho y otro al lado izquierdo (y poner una rayita en el medio xD).

Las modificaciones irían a una Plantilla de Página por lo que no tocaría al resto del theme más que a esa plantilla que luego usaría en una página en blanco de mi blog de WP.

Además si hubiera una forma de que esos textos rotaran y salieran en ordenes diferentes y aleatorios más que mejor :D

¿Alguien tiene una forma para hacer esto? Se lo agradeciera mucho!

(He puesto este chorro tan grande para ver si me explicaba bien xD)
 

Facundo

Xi
Verificación en dos pasos desactivada
Desde
15 Abr 2009
Mensajes
4.445
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
me parece, que para eso tendrias que cambiar el theme.. por alguno en que esté así...

Saludos
 

danielmd

1
Eta
Programador
Verificación en dos pasos desactivada
Suscripción a IA
Desde
6 Abr 2009
Mensajes
1.288
Necesitas saber algo de html y CSS para dejarlo así, busca una plantilla que se parezca a esa que quieres y ve como esta el CSS sobre todo en la parte de los DIVS del Single que es el que contiene las entradas
 

soynacho

Zeta
SEO
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
6 Abr 2009
Mensajes
1.686
Esa es la gracias de las plantillas de paginas para mi, puedes tener otro diseño dentro de un theme :)

La verdad es que no tengo ni idea de como hacerlo pero de HTML y CSS si tengo poquita idea, no se como implementar y escribir códigos pero si me das un código lo medio entiendo y se mas o menos que hace...

Entonces por lo que me dices Daniel esto se haría mediante CSS??
 

Facundo

Xi
Verificación en dos pasos desactivada
Desde
15 Abr 2009
Mensajes
4.445
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
nop.... mediante html dividirías y crearías otra columna.. y mediante CSS dejarias todo lindo....
 

soynacho

Zeta
SEO
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
6 Abr 2009
Mensajes
1.686
Entonces como divido el contenedor en dos columnas??

:D
 

Facundo

Xi
Verificación en dos pasos desactivada
Desde
15 Abr 2009
Mensajes
4.445
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
ni idea :p

por eso te digo que es más facil cambiar el theme.
 

danielmd

1
Eta
Programador
Verificación en dos pasos desactivada
Suscripción a IA
Desde
6 Abr 2009
Mensajes
1.288
Con HTML divides y con CSS ajustas los tamaños,colores, alineaciones etc..

Así creas dos columnas
Insertar CODE, HTML o PHP:
<div id="CONTENEDOR">
        [B][COLOR="Blue"]<div id="colderecha">
          <div id="colderecha" class="ColDerecha">
            AQUI VA EL CONTENIDO
          </div>
        </div>[/COLOR][/B]
        
       [COLOR="Red"][B]<div id="colizquierda">
            <div id="colizquierda" class="Colizquierda">
            AQUI VA EL CONTENIDO
           </div>
       </div>[/B][/COLOR]
</div>

Y en el CSS le das los tamaños
CONTENEDOR { float: right; width: 90% background: #000000;}
colderecha {width: 45% padding: 0 20px 0 10px background: #fff;}
colizquierda {width: 45% padding: 0 10px 0 20px }

etc... algo así, tampoco soy experto
 

soynacho

Zeta
SEO
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
6 Abr 2009
Mensajes
1.686
jejeje Debe de haber alguna forma además de que eso seria una página estática, no serian post lo que irían ahí... Si no iría texto que yo introduciría a mano en la plantilla.

EDITO: Me ganaste Daniel! Muchas gracias lo voy a probar a ver que tal queda!!! :D

mmmm lo hice y no lo pude hacer andar... no pasa nada cuando pongo esos códigos... :S
 

toledano

Iota
Programador
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
Desde
10 Abr 2009
Mensajes
2.134
si es html estatico, ponlo en una tabla. hasta en word la puedes hacer.
 

danielmd

1
Eta
Programador
Verificación en dos pasos desactivada
Suscripción a IA
Desde
6 Abr 2009
Mensajes
1.288
Ahhh!! sorry nacho, pensé que querías publicar tus post de esa manera.
Es como dice Streetdog, usando tablas.
 

soynacho

Zeta
SEO
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
6 Abr 2009
Mensajes
1.686
Ok, buscare como hacer las tablas :D

--Edito

Al final lo logre diferente como lo había pensado pero pude.

Lo que hice fue hacer una CSS aparte para la plantilla de página, le quite la sidebar a esa plantilla y hice dos div uno derecha y otro izquierda, les puse la mitad del theme de amplitud a cada uno (la mitad total no, porque les puse unos margenes para separarlos) y metí cada cosa en un div dependiendo si lo quería a la izquierda o derecha.

No se si fue la mejor manera pero me parece una forma bastante sencilla de hacerlo :D
 
Última edición:

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba