Distribución de texto en WordPress sin alterar diseño principal

  • Autor Autor soynacho
  • Fecha de inicio Fecha de inicio
S

soynacho

Zeta
SEO
Verificado por Whatsapp
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 😀

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

(He puesto este chorro tan grande para ver si me explicaba bien xD)
 
me parece, que para eso tendrias que cambiar el theme.. por alguno en que esté así...

Saludos
 
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
 
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??
 
nop.... mediante html dividirías y crearías otra columna.. y mediante CSS dejarias todo lindo....
 
Entonces como divido el contenedor en dos columnas??

😀
 
ni idea 😛

por eso te digo que es más facil cambiar el theme.
 
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
 
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!!! 😀

mmmm lo hice y no lo pude hacer andar... no pasa nada cuando pongo esos códigos... :S
 
si es html estatico, ponlo en una tabla. hasta en word la puedes hacer.
 
Ahhh!! sorry nacho, pensé que querías publicar tus post de esa manera.
Es como dice Streetdog, usando tablas.
 
Ok, buscare como hacer las tablas 😀

--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 😀
 
Última edición:
Atrás
Arriba