Como colocar uma caixa de autor no final de cada artigo
Quarta-feira, 2 de Fevereiro de 2011 | Criado à 473 dias atrás | 9 Comentários
Categorias: Blog, Truque e Dicas, Tutoriais, WordPress | Tags: , Dicas, Tutoriais, WordPress
Gosta da caixa de Autor que tenho no final de cada artigo?
Quer ter uma parecida no seu blog WordPress?
É muito simples. Para tal deverá colocar toda a informação nas opções de utilizadores do WordPress.
Vá ao painel de administração do WordPress e carregue em “Utilizadores”. Depois faça “Editar” e adicione todas as informações do perfil.
Feito isto é só modificar o ficheiro single.php.
Vamos procurar a seguinte linha de código:
1 | <?php the_content(); ?> |
Depois é só adicionar logo abaixo dessa linha o seguinte código:
1 2 3 4 5 6 7 | <div class="postauthor">
<?php echo get_avatar( get_the_author_id() , 95 ); ?>
<h3>Autor: <a href="<?php the_author_url(); ?>"><?php the_author_firstname(); ?> <?php the_author_lastname(); ?></a></h3>
<?php the_author_description(); ?>
<p></p>
<a href="<?php bloginfo('url'); ?>/?author=<?php the_author_ID(); ?>"><?php the_author_firstname(); ?> <?php the_author_lastname(); ?> escreveu <?php the_author_posts(); ?> artigos para o NoDesignToday.</a>
</div> |
Salve o ficheiro e depois adicione a formatação de estilo no seu ficheiro style.css:
1 2 3 4 5 6 7 | .author_name {font-weight:bold; font-style:normal; font-size:15px; float:left;} .author_name a {color:#ddd;} .comment_text {clear:both; margin-top:10px;} .comment-reply-link {text-align:center; display:block;} .postauthor {height: 95px; padding: 14px; margin: 10px 0; border: 2px;} .postauthor h3 { font-weight: bold; margin: 0 0 10px 0;} .postauthor img {float: left; margin: 0 15px 8px 0;} |
Claro que este css é parecido com o meu estilo, mas você pode alterar o que quiser e fazer o seu próprio estilo.
Artigos recomendados:
- Como colocar a data do WordPress em Português
- Como mostrar anúncios Adsense depois do primeiro post?
- Como definir seu próprio logo no painel de administração do WordPress
- Como adicionar um botão “Gosto” do Facebook no seu blog WordPress
- Como mostrar código HTML nos seus artigos
Hosted by 
RSS
Newsletter
Twitter
Facebook
LinkedIn
Parabéns, cara!!
Consegui aplicar esta caixa ao blog que trabalho.
Valeu, sucesso.
Obrigado Filipe.
Aproveita para ver as outras dicas que temos no Blog para melhorar o teu blog.
Olá,
Eu tentei incorporar isso no blog, mas não apareceu… o layout foi personalizado e apareceu um sigle1.php o single.php estava com alguns códigos e não tinha a linha mencionada, editei a linha do single1.php que tinha a linha php the_content, q q eu faço? =\
@Andrielli tens que colocar o código logo abaixo da linha < ?php the_content(); ?>
Pode ser no single1.php se for esse que tenha essa linha.
Depois é só colocar o estilo que se quiser no ficheiro style.css
Se precisares de ajuda envia-me um email
Bruno, eu editei o style.css tbem e não apareceu.
Sou novata em WP, tenha paciência comigo hehe
Respondido por email. Penso que agora vais conseguir colocar a caixa de autor.
Oi Bruno, eu tenho uma questão
Somos dois administradores no blog, e queria um publicar um artigo, só que quando fosse publicado queria que aparecesse o nome dos dois, em vez de ser só o meu, podes-me ajuar?
@Tiago penso que isso não dá para fazer de forma automática como é feito com esta caixa de autor (pelo menos com recurso às funções php the_author_firstname)
Mas se alterar as variáveis por texto fixo você pode contornar a situação, mas isso será visível para todos os posts.
No single.php não funciona, so no index.php obg ! ^^