Início » » WordPress Tutorials » Wordpress- Mostrar conteúdo dos posts em 2 colunas

WordPress- Mostrar conteúdo dos posts em 2 colunas

O código que se segue permite mostrar o conteúdo dos posts em 2 colunas. É conseguido através de um filtro que recolhe o conteúdo antes dele ser mostrado ao utilizador e dividido sempre que encontrar a tag H2 que pode ser configurado alterando <H2> na variável $columns.

function my_multi_col($content){
$columns = explode('<h2>', $content);
$i = 0;
	foreach ($columns as $column){
	if (($i % 2) == 0){
		$return .= '<div class="content_left">' . "\n";
		if ($i > 1){
		$return .= "<h2&ht;";
	} else{
		$return .= '<div class="content_right">' . "\n <h2>";
	}
		$return .= $column;
		$return .= '</p></div>';
		$i++;
	}
	if(isset($columns[1])){
	    $content = wpautop($return);
	}else{
	    $content = wpautop($content);
	}
	echo $content;
}
}
add_filter('the_content', 'my_multi_col');

Agora resta criar o CSS para permitir aparecer o conteúdo em 2 colunas:

.content_right, .content_left{
    float:left;
    width:45%;
}
.content_left{
    padding-right:5%;
}

via: kriesi.at


Subscreve as Feeds

RSS Comentários Comentários

Falam falam, falam mas não dizem nada... assim não há comentários :(

Tags HTML suportadas nos comentários:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

data recovery