35 Nuevos tutoriales de diseño web

http://www.frogx3.com/2011/08/30/35-nuevos-tutoriales-de-diseno-web/

Enviado desde mi móvil.

2 columnas wordpress

Seguro que este truco es algo que muchos apreciarán, pues permite mostrar el contenido de los posts en dos columnas, dando un aspecto de diario digital a tu sitio creado con WordPress.
Solo tienes que aplicar estos dos cambios:

En el fichero functions.php de tu plantilla (theme):

Clic para ver Texto Plano

PHP:

1. function my_multi_col($content){
2. $columns = explode('<h2>', $content);
3.  
4. $i = 0;
5.  
6.     foreach ($columns as $column){
7.     if (($i % 2) == 0){
8.         $return .= '<div class="content_left">' . "n";
9.         if ($i> 1){
10.         $return .= "<h2>";
11.     } else{
12.         $return .= '<div class="content_right">' . "n <h2>";
13.     }
14.         $return .= $column;
15.         $return .= '</p></div>';
16.         $i++;
17.     }
18.  
19.     if(isset($columns[1])){
20.         $content = wpautop($return);
21.     }else{
22.         $content = wpautop($content);
23.     }
24.     echo $content;
25. }
26. add_filter('the_content', 'my_multi_col');

En el fichero style.css de tu plantilla (theme):

Clic para ver Texto Plano

CSS:

1. .content_right, .content_left{
2.     float:left;
3.     width:45%;
4. }
5.  
6. .content_left{
7.     padding-right:5%;
8. }

Cómo dividir el contenido de WordPress en dos, tres o más columnas

Con el uso de la función “preg_split” de PHP podemos dividir el contenido de WordPress con el uso de la etiqueta mas y publicarlo separado, como la muestra de abajo, pero hay un problema con esta método, solo podemos dividir el contenido en 2 partes, sólo podemos utilizar la etiqueta más una vez, sólo divide el contenido en 2 partes separadas o columnas.