Fórum Tecnoblog » Blogs » Avatar no título
Raito 14

Olá.

Gostaria de saber se os amigos do Tecnoblog poderiam descrever o procedimento para, em um blog/site Wordpress, exibir o avatar de quem posta (assim como acontece aqui mesmo, na home do Tecnoblog).

Sim, já li o codex e o fórum de ajuda... é certo que lá e em outros sites tem tutoriais explicando e, eu já os fiz. Alguns deram certo, mas não eram simples e nem atingiu o resultado esperado.

Por isto, se o Mobilon não se importar em dizer como foi feito aqui, ficaria muito grato! :D

Também queria saber, sei que é usando o Gravatar mas tem alguma linha de código pra inserir que eu desconheço.

Serei eternamente grato caso alguém possa ajudar :))

fabiano â?º 24

Raito: Muito simples cara. Basta você adicionar o seguinte código em qualquer local do arquivo single.php do tema:

<?php echo get_avatar($author->ID); ?>

Lembre-se que ele respeita o tamanho padrão dos avatares. Portanto, coloque o código dentro de uma DIV quadrada configurando as proporções ao seu gosto no CSS.

fabiano �?�:

Definitivamente não é em qualquer local do single.php. Tem que ser na posição certa, do lado do nome do autor. Além disso, o código que você postou não conseguiu pegar minha ID e ficou sem mostrar a imagem, mas isso eu acho que já é alguma configuração no meu blog.

fabiano â?º 24

Nos meus temas funciona perfeitamente. De qualquer forma existe outro código aproveitando a mesma função, mas com novos parametros. Tente o código abaixo. O 40 está relacionado ao tamanho do avatar, e ele é baseado na imagem vinculada ao email do Gravatar.

<?php echo get_avatar( get_the_author_meta("user_email"), 40 ); ?>

Obs: Quando digo em qualquer local, é em qualquer local que esteja os dados do autor, amigo, dentro do loop. Seria burrice alguém colocar a imagem longe do nome do autor. Logicamente!

Raito 14

Emmanuel Fotógrafo: Eu adoro quando as pessoas respondem seco assim. Até porque ler "gravatar" era exatamente o que precisava pra resolver meu problema... -___-'

Obrigado aos outros amigos que postaram os códigos ae, mas eu gostaria de usar imgs do servidor que eu quisesse (provavelmente, será o meu). Poderiam acrescentar por mim esta linha no código aí ? Como fazer a imagem estar sempre alinhada e à esquerda do título, também.

E se não for pedir muito, dar uma mastigada sobre como customizar (coisas como tamanho, posicionamento, etc...) no CSS, como foi sugerido. Se tratando de códigos, ler eu consigo de boas. Mas sou uma lepra pra "escrever".

Valeu, pessoal. (:

fabiano �?�: Fabiano, valeu pela ajuda. Esse segundo código funcionou, mas não consigo alinhar ele pra esquerda pra ficar ao lado do nome. Veja a screenshot abaixo pra ver como ficou.

http://i.imgur.com/HyIss.png

fabiano â?º 24

Marcell Almeida: Tem códigos incorretos no seu blog, mas, pois bem. Esse código abaixo eu capturei da pagina do post e retirei <span class="small"> antes de fechar a tag </p>.

<p class="post_date"> Escrito por</span> Eduardo Castro</span> em 11 October 2011. <span class="singletags"> Tags: SDK, Vita, Xperia Xplay</span>
</p>

Faça o seguinte, troque <p class="post_date"> por uma DIV. Ex:

<div class="post_date"> Escrito por</span> Eduardo Castro</span> em 11 October 2011. <span class="singletags"> Tags: SDK, Vita, Xperia Xplay</span>
</div>

Agora vamos definir um tamanho fixo para ela (o tamanho você decide) e o código CSS. Vou adicionar o código completo com outra DIV criada somente para o avatar.

<div id="avatar-autor" style="width:45px; height:45px;float:left;margin-right:10px;"><?php echo get_avatar( get_the_author_meta("user_email"), 40 ); ?> </div>
<div class="post_date" style="width:350px; height:auto;overflow:hidden;float:left"> Escrito por</span> Eduardo Castro</span> em 11 October 2011. <span class="singletags"> Tags: aqui vai o código php da função que compila as tags. </span>
</div>

Substitua o primeiro código que postei por este último e perfect. Lembre-se de adicionar também as funções correspondentes que puxa o nome do autor do post e a data.

fabiano �?�: Funcionou, Fabiano! Valeu mesmo.

Sobre os erros: Eu imagino que esteja com alguns erros mesmo, tanto que na hora de postar no Facebook ele não ta puxando os thumbmails nem descrição de alguns posts(a maioria, actually) Sabes me dizer aonde estão localizados esses erros?

fabiano â?º 24

Cara isso é um assunto longo de discutir aqui. Recomendo você corrigir os erros (principalmente na página inicial) no http://validator.w3.org/

fabiano �?�: És web developer? Bom, pra não fugir do assunto do tópico aqui, poderias entrar em contato comigo? @almeidamarcell e/ou almeidamarcell no gmail

Resposta

Você deve fazer login para publicar.