inductio

Nos últimos dias, tenho me divertido bastante customizando o template deste blog e, especialmente, do PAlegre. No processo, descobri algumas idiossincrasias interessantes do Blogsome que a maior parte de seus usuários parece ou não se dar conta, ou não se preocupar em resolver. Assim, decidi dedicar alguns posts a contar algumas dessas peripécias, na esperança de que possam servir para outros vizinhos de servidor.

1. Posts antigos
(versão standard)

Até hoje, apenas o Emiliano me reclamou deste fato, mas é algo tão essencial que não entendo como não é padrão nos temas prontos do Blogsome. Olhem ali no sidebar e verão que a categoria “jornalismo” conta, neste momento, com 60 posts. Mas cliquem no link da mesma e só verão as últimas 20 entradas, número máximo de posts por página na atual configuração.

Na maior parte dos blogs Internet afora, ao fim destes 20 posts haveria um link para os “posts anteriores” ou algo semelhante. Mas, até onde eu sei, nenhum dos temas padrão do Blogsome vêm com esta opção no template. E o pior é que é a coisa mais fácil do mundo de resolver. Primeiro, vão em Manage -> Files. O arquivo que deve aparecer é index.html, exatamente o que precisamos. Nele, procurem pela linha

<div id="content">
{$content}
</div>

Achando isto, basta adicionar duas linhas de código e voilà:

<div id="content">
{$content}
{previous_posts_link label="Posts posteriores"}
{next_posts_link label="Posts anteriores"}
</div>

(versão avançada)

Obviamente, o que está entre aspas é o texto que aparecerá na página do blog, portanto deve ser substituído pelo que o dono do mesmo achar mais adequado. Além disso, o código pode ficar em qualquer lugar do index.html, embora me pareça que após o “$content” seja o mais indicado, pois assim os links aparecem imediatamente após o último post visível.

Além disso, quem não gostar do visual dos links sempre pode colocá-los dentro de uma ou duas div, e criar classes para controlá-los no CSS. No caso deste blog, por exemplo, temos o código:

<div id="content">
{$content}
<div id="pagenav_left">{previous_posts_link label="« Posts + novos"}</div>
<div id="pagenav_right">{next_posts_link label="Posts + velhos »"}</div>
</div>

E no CSS (o link Site Style Sheet em Manage -> Files):

#pagenav_left {
display: inline;
float:left;
}
#pagenav_right {
display: inline;
float:right;
}

Talvez haja alguma maneira mais elegante, mas dessa maneira mantenho os dois links em linha, um alinhado à esquerda e outro à direita. Os magos do CSS que se manifestem.