Lograr 4 columnas en mi página de WordPress

dutx12 · 19 Dic 2013

Buenas tardes, estoy utilizando esta plantilla

WordPress ? raindrops « Free WordPress Themes

y lo que quiero conseguir es que mi pagina se vea con 4 columnas (cada columna seria una entrada

por ejemplo

imagen1

pero sin embargo, se ve en una sola columna por post

imagen2

Estuve mirando por algun foro y me indicaron que descargase un fichero llamado grid-post.php y lo modificase añadiendo esta entrada

imagen3

mi fichero grid-post.php lo podeis descargar de aqui

Alguien me puede ayudar???

Adrian Cavero · 19 Dic 2013

Puedes instalar otro theme que tenga esa apariencia :star2:

krusty72 · 19 Dic 2013

Yo haría las modificaciones editando el style.css, será bastante trabajo porque para empezar habrá que reducir las imagenes para que entren 4 en el ancho.

estudiseno · 19 Dic 2013

krusty72 dijo:
Yo haría las modificaciones editando el style.css, será bastante trabajo porque para empezar habrá que reducir las imagenes para que entren 4 en el ancho.

El compi tiene razón con CSS se consigue con pocos atributos.
I a las imágenes trabaja con porcentajes con un 100% ocuparan el total del div contenedor.

dutx12 · 19 Dic 2013

estudiseno dijo:
El compi tiene razón con CSS se consigue con pocos atributos.
I a las imágenes trabaja con porcentajes con un 100% ocuparan el total del div contenedor.

Buffffffffff, pues yo css como que 0 patatero.

es que lo extraño es que en la imagen que sale en la web del tema aparece tal y como lo quiero

WordPress ? raindrops « Free WordPress Themes

estudiseno · 19 Dic 2013

Mira te pongo aquí el código que has de aplicar y ya tu buscas en la red:

Código html de index.php:

Insertar CODE, HTML o PHP:

<div class="container-colum">
  <div class="columna">
                <?php if (have_posts()) :  while (have_posts()) : the_post(); ?>
            <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
            <div class="thumbnail">
              <?php
                  if ( has_post_thumbnail() ) { 
                  the_post_thumbnail();
                  }
              ?>
           </div>
            <?php the_excerpt(); ?>
            <?php endwhile; else: ?>
            <p><?php _e('No hay entradas .'); ?></p>
              <?php endif; ?>
  </div>
</div>

el style.css

Insertar CODE, HTML o PHP:

.container-colum {width:100%; margin:auto;}
.columna {width:22%; margin:1%;vertical-align: top; display: inline-block;}
.thumbnail img {width:100% !important;}

:

impleméntalo y a ver que te sale.

bye

krusty72 · 19 Dic 2013

Checa si tu theme se puede modificar desde "Apariencia" para que puedas agregar o quitar columnas como se ve en el preview

Lograr 4 columnas en mi página de WordPress

dutx12 Seguir

Adrian Cavero

krusty72

estudiseno

dutx12

estudiseno

krusty72