Curso de criação de blogs com WordPress – Aula 08

  • Publicado em: 02/02/2011
  • Revisado em: 19/12/2013
  • Categoria(s)Wordpress
  • Autor: Ricardo Bernardi
  • Newsletter: Inscreva-se

Olá, sejam bem vindos á mais uma aula do curso de criação de blogs com WordPress. Nesta aula iremos iniciar o processo de estilização da home page do nosso blog.

Vou ensinar como usar as miniaturas do post e como pegar um resumo do texto para mostrar na home e em seguida faremos a personalização via CSS. Antes de começar a fazer qualquer mudança em seu blog é interessante fazer um rascunho no papel e planejar como você quer que fique a aparência dele.

Não deixe de contar o que achou desta aula, seu comentário é muito importante para nós.

Códigos usados na aula:

<!-- seleciona postagens -->
<?php query_posts('showposts=10');?>

<!-- abertura de loop -->
<?php if (have_posts()): while (have_posts()) : the_post();?>

<!--fechamento do loop -->
<?php endwhile; else:?>
<?php endif;?>

<!-- partes do post -->
<?php the_title();?>
<?php the_Permalink()?>
<?php the_content();?>
<?php the_category(', ');?>
<?php the_time('j M Y');?>
<?php the_author();?>
<?php the_tags(' ', ', ', ''); ?>
<?php comments_popup_link('Deixe um comentrio','1 Comentrio','% Comentrios');?>

<!-- pega miniatura do post -->
<?php if ( has_post_thumbnail() )
	the_post_thumbnail();
?>

<!-- pega um resumo do post com plugin -->
<?php if(function_exists('the_excerpt_rereloaded')){the_excerpt_rereloaded(50);}?>

<!-- mostra paginao com plugin -->
<?php if(function_exists('wp_pagenavi')) {wp_pagenavi();}?>

<!-- mostra visualizaes do post com plugin -->
<?php if(function_exists('the_views')){the_views();}?>

Mais posts desta série

Este post faz parte de uma série, confira tudo que já foi publicado sobre o mesmo assunto.

Compartilhe esse post:

Sobre o autor

Ricardo Bernardi

Sou técnico em hardware e desenvolvedor web, e sobre estes dois assuntos comecei a compartilhar aulas e artigos, tornando-me blogueiro em 2008. Em 2010 esse hobby virou profissão, e desde então tenho buscado melhorar e profissionalizar cada vez mais os projetos que mantenho na web.

Comentários

Atualmente temos 39 comentários para este post. Participe você também, clique aqui e comente sobre o assunto.

  • Mayquel comentou em

    Muito boa a aula Ricardo, tenho um blog amador no Blogger o qual estou refazendo totalmente acompanhando suas aulas.
    Devido ao assunto que trato no meu blog creio que não precisarei usar todo o vasto material que vc disponibiliza, muito legal mesmo suas vídeo aulas. Obrigado!

    Responder
  • Contaprime03 comentou em

    Olá ricardo, gostaria de saber como colocar o resumo do post na direita pois já tentei muitas de varias formas a não consegui estou com essa versão do wordpress-3.4.2 pois fiz a classe e não funciona o texto com resumo não vai para a direita.

    Responder
  • Magdiel da Silva comentou em

    Olá,
    Agora está tudo ok, acho que era problema no meu servidor.

    Uma pergunta:
    Tem como ensinar como fazer um menu igual esse do RBtech?
    Grato desde já..
    Abraços.

    Responder
    • Já verificou se não está faltando algum plugin (FlashPlayer) em seu navegador? Já tentou utilizar o uploader simples do WP? Já testou em outro navegador? Já verificou o tipo de arquivo se não excede o máximo permitido pelo servidor?

      Responder
  • Magdiel da Silva comentou em

    Olá Ricardo,
    to tendo um probleminha em questão da miniatura
    la no painel onde no lugar da imagem destacada,
    aparece o seguinte:

    Warning: sprintf() [function.sprintf]: Too few arguments in C:\Program Files\EasyPHP-5.3.9\www\Curso de WordPress\wp-admin\includes\post.php on line 1148

    pode me ajuda por favor?
    obrigado.
    fica com Deus
    abraços...

    Responder
  • keven comentou em

    ola estou com problema quando vou ativar os plugins

    The Excerpt eo postviews

    da problema de
    Cannot modify header information - headers already sent by

    oque sera?

    Responder
    • Pode ser alguma configuração de seu servidor, faça o teste em outro para ver se o mesmo problema ocorre. Pode ser incompatibilidade com outro plugin também, faça testes para descobrir.

      Responder
  • Alessandro comentou em

    Ola Ricardo

    To quase concluindo meu site, me ajuda numa dica,
    quando clico na minha gategoria no menu, aparece
    antes do nome categoria o seguinte texto (arquivo da categoria),
    queria tirar e colocar a palavra HOME.

    Responder
  • Alessandro comentou em

    Parabéns pelo vídeo, mas eu queria saber irmão como diexar os post lado a lado como
    no index deste site http://www.psd.org.br (titulo sublinhado, e negritado, com link >>leia mais.,
    ou então pelos menos como os da página principal deste seu site,
    se poder me ajudar desde ja agradeço.

    Responder
  • rafael qsantos comentou em

    então gostei muito das vídeo aulas seria possível estar ensinando a como fazer aquele tipo de posts um do lado do outro miniatura em cima e o titulo em baixo

    Responder
  • Carlos comentou em

    Ricardo, estou assistindo suas aulas e gostei bastante, resolvi até criar um site. Só que na hora de estilizar minha página inicial, não consegui, estou usando outro tema chamado "Galleria 1.0.0", se for possível dê uma olhada no tema e veja as diferenças, gostaria muito de conseguir estilizar. Abraço, e sucesso!

    Responder
    • Primeiramente você deve estudar o tema que você quer usar para depois fazer as mudanças necessárias, o objetivo do curso é dar o pontapé inicial para quem quer mexer com WordPress, e não formar nenhum especialista neste assunto.

      Responder
        • Só concluindo, você precisar ter um pouco de conhecimento em CSS e HTML para então poder estilizar seu tema. Aconselho também usar algum complemento para desenvolvedores (Firebug por exemplo) para identificar os elementos de seu tema.

          Responder
  • loiane comentou em

    Ola Ricardo o que é a home page de um site, sei que é a pagina principal do site,o que eu quero saber é como é na pratica o funcionamento da home no sentido da visibilidade é para mostrar todo o site ou um resumo de uma parte do mesmo ou ela é uma pagina que tem sua publicações independentes das outras paginas e categorias mim desculpa faze essa perguntar, mas fico com uma inseguraça.

    Responder
    • Depende do seu tema, na verdade a home page de um blog pode ser tudo isso que você falou. Aconselho dar uma boa lida na documentação oficial do WP, creio que está faltando para você é uma base sólida sobre o WP.
      Testes também são importantes para "entender" o que cada arquivo de uma tema faz e onde ele é usado. Procure a parte relacionada a temas na documentação do WP e leia atentamente o que tem lá, com certeza vai esclarecer muitas dúvidas suas.

      Responder
  • loiane comentou em

    ola Ricardo muito boas tuas aula, queria saber como e que voce fez aqui no seu site estes nao sei se e post acho que é isso o nome que fica na home do site com estas imagens fica passando de 1 a 5 ou e um plugins, e também vc poderia mim indicar um plugins para mostra as pessoas online mas que ficar visivel para todo os visitantes do site.

    Responder
    • O sistema da home são banners em CSS, temos ele disponível para baixar aqui no blog. Sobre o plugin de usuários, tem o Wp-UserOnline que usamos no curso, vc precisa pegar a função dele e colocar no seu tema (pode usar um widget na barra lateral também), porém creio que seja mais importante fazer um bom conteúdo ao invés de mostrar quem está online.

      Responder
  • luiz comentou em

    oi Ricardo o negocio começou ficar difícil hein !!, acho que devo estudar php para dar continuidade daqui para frente pois tem coisas que não estou entendo esse monte de código cola ali cola aqui , acho que com conhecimento dos códigos se torna mais fácil o aprendizado você tem curso de php para iniciantes?
    valeu e obrigado

    Responder
  • Anderson Pereira Matos comentou em

    Boa noite.

    Ricardo como insiro separador, desculpa pela pergunta é que não sei como colocalo.

    Grato...

    Responder
  • Michael comentou em

    É Isso ai ricardo!
    Mais uma vídeo aula super explicativa, de fácil entendimento!

    Um Forte Abraço e até a Próxima!

    Responder
  • Ian Chaves comentou em

    Aew Ricardo ... Muito Obrigado.... vlw por ter atentido meu pedido .... !!! muito boa aula ... Sucesso ....

    Responder

Deixe seu comentário