content top

Tutorial: Como apresentar os artigos em colunas no seu blog

Premium WordPress Theme

Hoje damos a conhecer um dos truques mais desejados pelos utilizadores do WordPress: Apresentar o conteúdos dos seus artigos em colunas.
Nesta receita, ficamos a perceber rapidamente como executar este pequeno truque sem recorrer a plugins.

Para dividir os seus artigos em diferentes colunas, a primeira coisa a fazer é precisamente formatar os seus artigos dessa mesma forma:

conteúdo que pode aparecer antes dos posts.
[--column--]
conteúdo da coluna 1 aqui.
[--column--]
conteúdo da coluna 2 aqui.
[--column--]
conteúdo da coluna 3 aqui.

Depois disso, é altura de abrir o seu ficheiro single.php e colocar o seguinte código dentro do loop:

<?php
$page_columns = explode("[--column--]", $post->post_content);
print $page_columns[0];
print '<div class="column first">';
print $page_columns[1];
print '</div>';
print'<div class="column second">';
print $page_columns[2];
print '</div>';
print '<div class="column third">';
print $page_columns[3];
print '</div>';
?>

A última parte  fica reservada para a estilização via CSS. Abra o seu ficheiro style.css e cole lá dentro o seguinte código:

.column{
  width:33%;
  float:left;
  margin-right:10px;
}

column.first, column.second, column.third, {
  /* Customize a seu gosto */
}

Bons truques! Até Já!

Blog Widget by LinkWithin
Partilhe este artigo:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • MySpace
  • Rec6
  • Reddit
  • StumbleUpon
  • Technorati
  • Yahoo! Buzz



2 Comentarios a “Tutorial: Como apresentar os artigos em colunas no seu blog”

  1. Fabrício says:

    Tem algum exemplo funcionando ?

    Não conseguir fazer funcionar aqui.

  2. musblog says:

    A idéia é ótima, porém não funciona, assim como outras postadas neste blog.

Deixar resposta

|