PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Publicidade:

Encontre no blog...

18/04/2012

Resumo automático na página inicial do Wordpress

wordpress_icons1

atualizado em 03/05/2014

Resumo do conteúdo de suas postagens

Se você utiliza o Wordpress como CMS para o seu blog, mas dependendo do template utilizado, o conteúdo de suas postagens aparecem completos na página inicial, e você deseja apenas um resumo dos posts, neste artigo vamos dar uma dica que poderá ajudá-lo.

Um blog que apresenta apenas um resumo dos posts nas páginas inicial ou nas páginas de categorias, além de estar mais organizado, facilita a visualização e evita o sobrecarregamento de textos e arquivos na mesma página.

Abaixo, mostramos um exemplo do nosso blog de testes onde descreveremos algumas dicas para você criar automaticamente um resumo com textos, links e imagens, que ao ser clicados levam o leitor ao conteúdo completo de suas postagens…

image

Criando o resumo na página inicial

Vamos mostrar as modificações em nosso blog de teste: visualdicas.com.br/byalf

Observe que a página inicial do blog não possuía um resumo, e mostrava o conteúdo completo dos posts…

image

Acesse o painel do seu Wordpress (faça o login e acesse http://seublog/wp-admin).

No menu lateral do painel, clique em [Aparência] e selecione [Editor].

image

No editor, localize  a página (index.php) e clique no link que no nosso exemplo aparece como [Modelo da página principal] .

warning_48

ATENÇÃO: Antes de fazer qualquer alteração na programação do seu blog, copie todo o código de um modelo (neste exemplo, copie todo código do index.php), e cole em um arquivo de backup. Utilize para isso, qualquer programa de edição de texto, como o bloco ne notas do Windows, ou o Noteped++.

image

Utilizando o atalho [CTRL+F] localize o a expressão:  <?php the_content

image

warning_48

Obs 1.: Copie a expressão toda em um arquivo de texto, para poder reutilizá-la novamente, caso não funcione no seu template…

Obs 2.: Esta dica não funcionará se você não encontrar no modelo index.php a expressão <?php the_content … Neste caso, será necessário utilizar algum plugin específico para criar resumos, ou mudar o template…

Substitua toda expressão, que deve começar com <?php the….. e finalizar com …?> por:

accepted_48

<p></p>
<div style="text-align:justify;">
<?php the_excerpt() ?>
</div>
<p><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>">Continue lendo &quot; <?php the_title(); ?> &quot;</a></p>

image

Após ter feito a substituição, clique no botão [Atualizar Arquivo].

image

warning_48

Se desejar, você poderá substituir a frase Continue lendo, por Leia mais…, ou qualquer outra frase que preferir….

Se desejar mudar o alinhamento do texto, substitua o parâmetro text-align:justify; por text-align:left; ou text-align:right;

Veja agora como ficou o nosso blog:

image

Acrescentando miniaturas (thumbs) automaticamente

Para acrescentarmos imagens (miniaturas) dos posts, vamos recorrer a um plugin denominado Thumbnail For Excerpts, que captura as imagens do conteúdo e as redimensionam para serem usadas no resumo.

Entre no painel do Wordpress, acesse [Plugins] e [Adicionar Novo]. Digite o termo: Thumbnail For Excerpts e clique no botão [Pesquisar Plugins].

Se preferir, acesse o link: http://wordpress.org/plugins/thumbnail-for-excerpts/screenshots/ e faça o download…

image

Localize o plugin Thumbnail For Excerpts e clique no link [Instalar agora]…

image

Clique no botão [OK]

image

Aguarde algum instante e clique no link [Ativar plugin].

image

Depois de ativado, acesse o link [Thumbs Excerpts] em [Configurações].

image

Faça os ajustes, Width e Height (largura e altura da imagem), Align (localização da imagem, left, right ou top) e nos demais parâmetros da configuração.

image

Depois de alterados estes parâmetros, clique no botão [Save changes].

image

Pronto, agora vamos ver como ficou o resumo na página inicial do nosso blog…

image

Se você não gostou, volte nas configurações do plugin e altere as dimensões, localização, espaço, imagem default, etc, até encontrar o formato ideal para você….

Obs.: Origianlmente utilizamos o plugin  Hungred Post Thumbnail, que não está mais disponível para a instalação. Portanto, fizemos uma atualização substituindo-o pelo plugin Thumbnail For Excerpts. Mas se você já está utilizando o plugin Hungred Post Thumbnail não precisa fazer nada, pois ele está funcionando perfeitamente, apenas não está mais disponível para novas instalações. 

 

Resumo automático para Categorias e Pesquisa

Da mesma forma que fizemos com a página inicial (index.php), poderemos fazer com as páginas de Categorias (arquive.php) ou Resultado das Pesquisas (search.php).

Entre no painel do Wordpress e no menu lateral, clique em [Aparência] e selecione [Editor].

Selecione Arquivos (arquives.php) para alterar criar resumos nas páginas das categorias …

image

Utilizando [CTRL+F] localize: <?php the_content

Substitua toda a expressão por, da mesma forma que mostramos anteriormente

<p></p>
<div style="text-align:justify;">
<?php the_excerpt() ?>
</div>
<p><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>">Continue lendo &quot; <?php the_title(); ?> &quot;</a></p>

Depois é só clicar no botão [Atualizar Arquivo]. Veja então como ficou o nosso exemplo quando clicamos em uma categoria. Vamos usar a categoria Cursos

image

Faça o mesmo para pesquisas, alterando o arquivo search.php. Veja o exemplo, quando pesquisamos o termo cursos

image

Configurando o número de posts por página

Acesse o painel do Wordpress, selecione [Configurações] e [Leitura]. No campo As páginas do blog mostram no máximo ….. , altere o número de posts desejados. Clique em [Salvar Alterações].

image

byALF

3 comentários:

Samuel Honorato disse...

Infelizmente não funcionou aqui, por não existir mais o plugin, Hungred Post Thumbnail, por favor se possível, postem alguma dica de um outro plugin que faça o mesmo

Angelo Luis Ferreira disse...

Olá Samuel,

Experimente os plugins:

http://wordpress.org/plugins/auto-post-thumbnail/

http://wordpress.org/plugins/thumbnail-for-excerpts/

Vamos fazer uma atualização do post com outro plugin... aguarde!

Obrigado,

Visual Dicas

Douglas disse...

Show!!! Testei 10 formas antes dessa e só essa deu certo. Brigaduuuuuuu

Postar um comentário

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More