Nov
30
2009

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

Gostaste deste artigo? Recebe acesso a conteúdo exclusivo no teu email...

Subscreve a newsletter do muiomuio.net e recebe acesso a conteúdo exclusivo sobre como criar blogs de sucesso e promoções para ganhares dinheiro online. Ao subscreveres a esta newsletter o teu email será protegido e não será partilhado com outras pessoas ou entidades.

 
Opções

A tua privacidade é respeitada, podes anular a tua subscrição a qualquer momento apenas com 1 clique.

About the Author:

Front-end developer & blogger

Advertisement

More in WordPress Tutorials (43 of 129 articles)