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 -->
© 20XX - <?php echo date('Y');?> SeuSite.com | Todos os direitos reservados
Este post faz parte de uma série, confira tudo que já foi publicado sobre o mesmo assunto.
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.
Atualmente temos 27 comentários para este post. Participe você também, clique aqui e comente sobre o assunto.
Consegui arrumar só que o problema não era esse era outro, más muito obrigado pela ajuda Nathan Vieira e Ricardo Bernardi
ResponderJá 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() && (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(); ?>
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&quot" rel="nofollow">http://codex.wordpress.org/Template_Hierarchy&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(); ?>
cara eu tentei aqui, más não consegui :
o codigo da pagina index e esse.
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.
ResponderO problema e que localmente funciona normalmente, e online não está funcionando :/
ResponderEntão é algum conflito de plugin ou então configuração do seu host, se é o mesmo código tem que funcionar nos dois lugares corretamente.
ResponderThiago, 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
ResponderOlá 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 ?
ResponderProvavelmente algum erro de codificação. Está usando algum query_posts personalizado? Algum plugin de paginação?
Respondersim estou usando plugin depaginação, oque eu faço ?
Respondersim e usando um query_posts que voce mesmo ensinou a colocar
ResponderTalvez esteja havendo algum conflito entre o query_posts e o plugin, tente fazer alguns testes utilizando outras forma de seleção. Pesquise também sobre "multiple queries" para WordPress, creio que encontrará uma maneira de contornar isso.
Responderoi sou o vagner ba muito boa as suas video aulas to produzindo +1 blog esse vai ser o meu 4 e meu primeiro no wp
ResponderLega,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
ResponderMuito obrigado, continue nos acompanhando pois sempre procuramos atender aos pedidos e necessidades de nossos leitores.
ResponderRicardo, 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.
ResponderOlá 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.
ResponderEu 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
ResponderEsse 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.
ResponderAs aulas estão de mais! parabéns!
ResponderAnsioso aguardando as proximas aulas
ResponderParabé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.
ResponderObrigado Anderson, espero satisfazer suas expectativas neste e nos próximos cursos que iremos oferecer aqui no blog.
Responderparabéns pela video aula. eh na proxima termina essa serie de video aulas ou tem outras?
ResponderCreio 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.
© 2008-2022 - RBTech.info | Todos os direitos reservados | Hospedado por Innova Host
É proibida a reprodução total ou parcial de qualquer conteúdo deste site.
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