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();}?>
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 39 comentários para este post. Participe você também, clique aqui e comente sobre o assunto.
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.
ResponderVerifique seu CSS, o posicionamento dos elementos é puro CSS.
ResponderOlá,
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.
Olá Ricardo,
agora quando clica pra adicionar a miniatura ela vai para a seguinte janela http://i.imgur.com/ggRiV.jpg porém se clicar em select ele não vai, apenas acrescenta "#" depois do link.
Oque estou fazendo errado?
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?
ResponderObrigado!
Reinstalei e agora esta funcionando perfeitamente.
Abraços
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...
O erro está sendo mostrado em um arquivo do próprio WordPress, reinstale o mesmo ou tente procurar na documentação oficial sobre o referido erro.
Responderola 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?
ResponderPode 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.
ResponderOla 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.
Para fazer esta alteração você precisa editar seu sema, pois isso é configuração do mesmo.
Responderòla Ricardo,
quero te agradecer por estes ensinamento sobre worde press
Graças a vc criei um site para minha comunidade
http://www.comunidadeshammah.com
show de bola,agora vou assinar o vip
ResponderObrigado Francisco, parabéns pelo trabalho.
ResponderParabé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.
a tendeu pensei que tinha que modificar algo com php mas só no css certo
Responderentã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
ResponderIsso é puro CSS, basta formatar como quiser suas páginas.
ResponderRicardo, 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!
ResponderPrimeiramente 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.
ResponderBom, desculpe-me! Essa não era minha intenção.
ResponderSó 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.
ResponderOla 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.
ResponderDepende 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.
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.
ResponderO 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.
Responderoi 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
Sim, temos o curso de PHP para iniciantes, acesse no menu Mini Cursos > Desenvolvimento Web.
ResponderBoa noite.
Ricardo como insiro separador, desculpa pela pergunta é que não sei como colocalo.
Grato...
ResponderAnderson, não sei se entendi direito mas se estiver falando deste | ele está junto com a \ no teclado geralmente.
ResponderGrato pela a ajuda era isso mesmo.
ResponderÉ Isso ai ricardo!
Mais uma vídeo aula super explicativa, de fácil entendimento!
Um Forte Abraço e até a Próxima!
ResponderAew Ricardo ... Muito Obrigado.... vlw por ter atentido meu pedido .... !!! muito boa aula ... Sucesso ....
ResponderObrigado Ian, que bom que tenha sido útil a aula... abraço.
ResponderBoa V.A, bom queria que vc desse uma olhada no meu portal de notícias a enquete não fuciona e eu não sei resolver esse problema....
o site : http://news.hummeer.net/
Verifique seus plugins, deve ter algum conflitando com o plugin das enquetes.
Obrigado por comentar.
Valeu aee Ricardo.
Muito boa esta videoaula.
Me ajudou bastante.
Valeu Oséias, obrigado por comentar.
Responder© 2008-2023 - RBTech.info | Todos os direitos reservados | Hospedado por Innova Host
É proibida a reprodução total ou parcial de qualquer conteúdo deste site.
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!