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

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:

Unknown 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

byALF 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...

Fique mais.... Leia os nossos artigos!!!

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Web Analytics