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

Aviso importante!

Eu sei que você não quer ver propagandas, porém o conteúdo gratuito só está aqui graças a publicidade. Considere desativar o AdBlock para esse site.

Sejam todos muito bem vindos(as) à nossa décima aula do curso de criação de blogs com WordPress e hoje faremos os ajustes finais em nosso blog antes de publicar o mesmo on-line.

Veremos como estilizar o rodapé do blog, colocar paginação nas listagens de posts e fazer alguns ajustes que ficaram pendentes em nossas aulas anteriores. Acompanhe a aula com bastante atenção e não deixe de praticar o que foi ensinado no vídeo.

Sobre a questão de colocar o nome do post na imagem do mesmo, segue o código para fazer esta implementação caso queiram colocar em seus blogs, basta substituir a parte da miniatura em suas páginas:

<a href="<?php the_Permalink()?>" title="<?php the_title();?>">
 <div class="miniatura">
 <?php if ( has_post_thumbnail() )
 the_post_thumbnail('thumbnail',array('title' => '', 'alt' => '')); ?>
 </div><!-- miniatura -->
 </a>

Códigos usados na aula:

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

<!-- rodap dinmico -->
&copy; 20XX - <?php echo date('Y');?> SeuSite.com | Todos os direitos reservados

Mais posts desta série

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

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 27 comentários para este post. Participe você também, clique aqui e comente sobre o assunto.

  • Monica Parente comentou em

    Ola Ricardo,
    Em primeiro lugar seu curso é nota 1000!!!
    Parabéns pela clareza e objetividade!
    Estou usando mesmo tema que você e acompanhei todas as personalizações, mas no final do resumo do post a informação não esta traduzida: Continue reading this entry »
    Onde eu encontro a mensagem para traduzir?
    Obrigada

    Monica

    Responder
  • Thiago comentou em

    Consegui arrumar só que o problema não era esse era outro, más muito obrigado pela ajuda Nathan Vieira e Ricardo Bernardi

    Responder
  • Thiago comentou em

    Já procurei más eu não acho.
    o codigo da pagina index e esse.

    <?php
    /**
     * The main template file.
     *
     * This is the most generic template file in a WordPress theme
     * and one of the two required files for a theme (the other being style.css).
     * It is used to display a page when nothing more specific matches a query.
     * E.g., it puts together the home page when no home.php file exists.
     * Learn more: http://codex.wordpress.org/Template_Hierarchy
     *
     * @package WordPress
     * @subpackage Twenty_Ten
     * @since Twenty Ten 1.0
     */
    
    get_header(); ?>
    
    		<div id="container">
            
            
    
            
    			<div id="content" role="main">
                
                <?php if(is_home() &amp;&amp; (strpos($_SERVER['REQUEST_URI'], 'page') === false )) { ?>
                
            
                                            <div id="destaques">
                                        <a class="faixa" href="#" title=""></a>
                                            <ul>
                                            <?php query_posts('showposts=5');
    										   if (have_posts()): while (have_posts()): the_post(); ?>
    
                                                <li>
                                                    <a href="<?php the_permalink() ?>" title="<?php the_title() ?>"><?php if (has_post_thumbnail()) the_post_thumbnail() ?></a>
                                                    <div class="fundo"></div>
                                                    <p><a href="<?php the_permalink() ?>" title="<?php the_title() ?>"><?php the_title() ?></a></p>            
                                                </li>
                                                <?php endwhile; else: ?>
                                                <?php endif; ?>
                                            </ul>
                                    </div>
                                    <?php } ?>
                               <?php if (have_posts()): while (have_posts()) : the_post();?>      
    
                
               
    
                    <div class="posthome">
                    <h1 class="entry-title"><a href="<?php the_Permalink()?>"><?php the_title();?></a></h1>
                    <div class="entry-meta">Publicado em: <?php the_time('j M Y');?> | Autor: <?php the_author();?> | <?php if(function_exists('the_views')){the_views();}?> | <?php comments_popup_link('Deixe um comentrio','1 Comentrio','% Comentrios');?>
                    </div><!-- entry meta -->
                    <a href="<?php the_Permalink()?>">
                    <div class="miniatura">
                       <?php if ( has_post_thumbnail() )
    	                 the_post_thumbnail('thumbnail');
                       ?>
                        </div><!--miniatura -->
                        </a>
                    <div class="resumo">
                    <?php if(function_exists(      'the_excerpt_rereloaded')){the_excerpt_rereloaded(50);}?>
                        </div><!--resumo -->
                        <div class="clear"></div> <!-- clear -->
                        <div class="entry-meta">Categoria: <?php the_category(', ');?> | Tags: <?php the_tags(' ', ', ', ''); ?>
                    </div><!-- entry meta -->
                   </div><!--post home -->
    
                     <?php endwhile; else:?>
                     <?php endif;?>
                     
                     <?php if(function_exists('wp_pagenavi')) {wp_pagenavi();}?>
    
    			</div><!-- #content -->
    		</div><!-- #container -->
    
    <?php get_sidebar(); ?>
    <?php get_footer(); ?>
    Responder
    • Então Thiago, você pode perceber que tem 1 loop para o slide e outro para as postagens normais, o código irá ficar assim:

      <?php
      /**
       * The main template file.
       *
       * This is the most generic template file in a WordPress theme
       * and one of the two required files for a theme (the other being style.css).
       * It is used to display a page when nothing more specific matches a query.
       * E.g., it puts together the home page when no home.php file exists.
       * Learn more: <a onclick="javascript:window.open('http://codex.wordpress.org/Template_Hierarchy'); return false;" href="<a href="http://codex.wordpress.org/Template_Hierarchy&#038;quot" rel="nofollow">http://codex.wordpress.org/Template_Hierarchy&#038;quot</a>; rel="nofollow">http://codex.wordpress.org/Template_Hierarchy</a>
       *
       * @package WordPress
       * @subpackage Twenty_Ten
       * @since Twenty Ten 1.0
       */
      
      get_header(); ?>
      
      		<div id="container">
      
      			<div id="content" role="main">
      
                  <?php if(is_home() && (strpos($_SERVER['REQUEST_URI'], 'page') === false )) { ?>
      
                                              <div id="destaques">
                                          <a class="faixa" href="#" title=""></a>
                                              <ul>
                                              <?php query_posts('showposts=5');
      										   if (have_posts()): while (have_posts()): the_post(); ?>
      
                                                  <li>
                                                      <a href="<?php the_permalink() ?>" title="<?php the_title() ?>"><?php if (has_post_thumbnail()) the_post_thumbnail() ?></a>
                                                      <div class="fundo"></div>
                                                      <p><a href="<?php the_permalink() ?>" title="<?php the_title() ?>"><?php the_title() ?></a></p>
                                                  </li>
                                                  <?php endwhile; else: ?>
                                                  <?php endif; ?>
                                              </ul>
                                      </div>
                                      <?php } ?>
                                        
                             <?php rewind_posts(); ?> //TAG DO WORDPRES QUE IR LIMPAR A CONFIGURAO DE 1 LOOP E COMEAR A DE OUTRO
      
                                 <?php if (have_posts()): while (have_posts()) : the_post();?>      
      
                      <div class="posthome">
                      <h1 class="entry-title"><a href="<?php the_Permalink()?>"><?php the_title();?></a></h1>
                      <div class="entry-meta">Publicado em: <?php the_time('j M Y');?> | Autor: <?php the_author();?> | <?php if(function_exists('the_views')){the_views();}?> | <?php comments_popup_link('Deixe um comentrio','1 Comentrio','% Comentrios');?>
                      </div><!-- entry meta -->
                      <a href="<?php the_Permalink()?>">
                      <div class="miniatura">
                         <?php if ( has_post_thumbnail() )
      	                 the_post_thumbnail('thumbnail');
                         ?>
                          </div><!--miniatura -->
                          </a>
                      <div class="resumo">
                      <?php if(function_exists(      'the_excerpt_rereloaded')){the_excerpt_rereloaded(50);}?>
                          </div><!--resumo -->
                          <div class="clear"></div> <!-- clear -->
                          <div class="entry-meta">Categoria: <?php the_category(', ');?> | Tags: <?php the_tags(' ', ', ', ''); ?>
                      </div><!-- entry meta -->
                     </div><!--post home -->
      
                       <?php endwhile; else:?>
                       <?php endif;?>
      
                       <?php if(function_exists('wp_pagenavi')) {wp_pagenavi();}?>
      
      			</div><!-- #content -->
      		</div><!-- #container -->
      
      <?php get_sidebar(); ?>
      <?php get_footer(); ?>
      Responder
    • Thiago, para postar código fonte você precisa colocar entre [ code] [ /code] caso contrário não irá aparecer aqui nos comentários! Pesquise algo sobre multiplos loops no WordPress que você encontra a solução.

      Responder
    • Thiago, eu acho que sei o que pode estar acontencendo, talvez você irá ter que "limpar" o primeiro loop para criar um depois, explicando melhor, o slide faz 1 loop e a parte das postagens normais faz outro, então você tem que limpar o primeiro loop para começar outro, você pode usar uma tag que faz isso pra você, teste essa tag, se caso der certo, avise-nos.

      Segue abaixo a tag:

      <?php rewind_posts(); ?>

      Cole na página onde faz o loop do seu tema. Abraços

      Responder
  • Thiago comentou em

    Olá Ricardo Bernardi, gostaria de tirar uma duvida, e porque quando coloco a paginação, ai o conteudo da pagina 2 não aparece, qual será o motivo ?

    Responder
  • Rafael comentou em

    Lega,cara.

    Ainda não vi todas as aulas, pois fiquei sabendo do blog ha pouco tempo,mas adquiri uns cursos do mesmo assunto, e vejo que se esperasse pouco tempo teria um curso de qualidade similiar sem pagar nada. conclui isso após ver como está ficando o resultado final.

    Parabéns

    Responder
  • Sergio Luis comentou em

    Ricardo, gostaria que vc explicasse como colocar os códigos do Google Adsense, tanto no texto dos post como também na lateral e até mesmo abaixo do menu.

    Desde já agradeço e parabéns pelo alto nível do curso.

    Responder
    • Olá Sergio, neste curso infelizmente não será abordado o assunto publicidade, até por que para quem está criando o blog agora junto com o curso ainda não é hora de colocar propaganda no site. Primeiramente você deve conquistar audiência e leitores fiéis, somente depois de ter algo em torno de 300 visitas diárias é que podemos falar do assunto "publicidade".

      Em breve termos um curso sobre gestão de publicidade para sites e blogs utilizando uma ferramenta opensource e de fácil entendimento. Neste curso sim somente falaremos de propaganda em sites e blogs e teremos muitos exemplos práticos é claro.

      Responder
  • Jeferson comentou em

    Eu vi em alguns blogs wordpress, que tem uma contagem de comentarios na miniatura, teria como explicar isso na proxima e alguma coisa sobre estilização da lateral do blog :D

    abçs

    Responder
    • Esse tipo de estilização é o tema que traz junto, talvez façamos algo relativo a isto mas em princípio não havia pensado neste tipo de alteração. Sobre a lateral vai ter aula sim, vamos fazer uma newsletter, posts populares, enquete entre outros.

      Responder
  • anderson clayton comentou em

    Parabéns Ricardo, este curso tá ficando da hora é curso assim completíssimo que esperamos que a rbtech nos traga cada vez mais neste ano de 2011.

    Responder
    • Creio que serão 15 aulas no total, ainda tem alguns detalhes faltando, vamos ver conforme for o "andar da carruagem" se realmente serão necessárias as 15 aulas para concluir. Temos alguns plugins para configurar e muita coisa pra acertar depois que o blog estiver on-line.
      Nosso curso de WP não será "apenas mais um" na web e tem como objetivo mostrar as reais dificuldades que as pessoas encontram na hora de fazerem seus blogs. Porém a vantagem será que ao final você terá um blog 100% funcional e configurado.

      Responder

Deixe seu comentário