Em todos os meus trabalhos gosto muito de personalizar o WordPress, afim de dar aos meus clientes um sistema totalmente personalizado com a marca deles. Agora com a versão 3.3 do WordPress contamos com uma nova versão da Admin Bar (barra de administração), onde podemos encontrar mais facilmente várias funções essenciais para o dia a dia em um blog/site. Vou mostrar como personalizar essa barra e deixar o seu painel numa forma única e com sua marca.
Ainda não atualizou o seu WordPress? É altamente recomendável que se atualize o sistema, não só pelas novidades, mas também por segurança. Já está disponível o WP 3.3 em português do Brasil também.
Como é possível observar, nesta versão temos o logo do WordPress na Admin Bar e também alguns links que são dispensáveis para os nossos clientes ou até mesmo para os nossos blogs pessoais.
Para eliminar esse excesso de informação desenvolvi um script para trocar o logo do WordPress, colocar nele um link que leva para a página inicial do blog e ainda ocultar o dropdown.
Depois de feita estas modificações consegui o seguinte efeito final:
Vamos agora ver como aplicar este código em seu blog.
Primeiro passo – Criar um novo logo:
Antes de mais nada é necessário que seja criado um logo de 20 pixeis de largura e 20 pixeis de altura.
O logo deve ser em png e se preferir pode usar sem medo efeitos de transparencia.
Depois de criado o logo é necessário hospeda-lo em seu blog. Se preferir pode usar o menu “Mídia” de seu wordpress para subir a imagem.
Segundo passo – Copiar o código:
Copie o código a baixo e cole no arquivo functions.php (Funções do tema).
Terceiro passo – Adicionar a imagem e salvar:
Agora basta substituir o “LINK DA SUA IMAGEM AQUI!” pelo link de sua imagem e salvar as modificações.
Muito boa essa dica. valeu!
Muito legal Claudio! Valeu pela dica Parabéns
Amigos;
Atualizei meu WP pra 3.3 meu site nao entra mais nem consigo mais fazer o login =/ podem me falar pelo amor de deus oque devo fazer ?
Obrigado
carlos
Carlos, você usa o PopUp Domination?
Estava lendo que ele esta causando erro na atualização do WordPress.
Se você usa ele recomendo acessar seu site via FTP e ir até a pasta de plugins, achar a pasta dele e mudar o nome dela, assim será possível acessar o seu blog.
claudio;
Valew pela rapida resposta. Acabei de fazer isso e nao comsigo entrar no site veja: http://dinheirocomoganhar.org/wp-login.php
Alguma outra dica ? VOu deletar o popup domination pra ver, mais aque tb na ai dar.
Conto com sua ajuda.
Obrigado
Olha os comentários deste post:
http://www.ferramentasblog.com/2011/12/wordpress-3-3-sonny-disponivel-para-download.html
Lá vai ser o lugar certo para resolver este problema também.
Sensacional para clientes!
Parabéns!
Fiz tudo direitinho, fiz up da imagem 20×20, mas ela não aparece na admin bar…
Você trocou o “LINK DA SUA IMAGEM AQUI!” pelo link da imagem?
Só pode ser isso, é puro CSS essa parte.
Sim, fiz tudo direitinho, troquei o indicado pelo link mas continua sem aparecer a imagem… apesar disso, o link esta funcionando para o meu site corretamente, é apenas o problema da imagem que continua persistindo.
Fala pessoal!
Grande artigo, muito bom!
Só estou com uma dúvida.
Estou rodando um projeto de uma rede social BuddyPress e a admin bar do BP é diferente da barra do WP 3.3, então adicionei a linha:
define ( ‘BP_USE_WP_ADMIN_BAR’, true );
No arquivo wp-config.php, e estou usando a barra do WP 3.3 que é bem mais bacana doque a do BP.
E depois de muito procurar achei seu artigo para mudar o logo do WP, mas além de mudar o logo, gostaria de manter o menú drop down deste botão, mas vou mudar os links para minhas políticas de privacidade e etc, existe alguma maneira de fazer isso usando o seu script?
Apenas mais duas perguntinhas, uma coisa que não gostei na mudança de barras que fiz foi que a aba de notificações foi parar na esquerda, como faço para mudar ela de lugar? E existe alguma forma de eu associar as abas a imagens? Tipo a aba de notificações por ex, eu queria associar quela imagem de atualizações de plugins e etc que vem na aba do WP (aquelas duas setinhas circulares) à aba de notificações e manter o contador, acho que ficaria mais amigável, meio estilo facebook, seria bacana, existe alguma forma de se fazer isso?
Peço desculpas por tantas perguntas, mas ajudaria bastante!
Valeu!!!!
Abraço
Derek
Derek, nunca usei o BuddyPress, mas o principio que usei aqui para a admin bar normal é o mesmo.
Para alterar de lugar por exemplo é possível alterando o CSS da barra como fiz ai no post.
Suas duas perguntas são resolvidas com CSS, não tem segredo.
Blz, vou ver aqui no meu CSS, mas quanto a manter o drop down do wordpress para eu poder modificar os links para minahs páginas de política de privacidade?
Pq pelo que vi, seu script exclui também o dropdown, preciso dele ainda funcionando, só quero mudar a imagem msmo…
Valeeeu!!!!!
Fiz tudo com mostrado, troquei a url da imagem pela minha: images/logo.png e nada… não aparece a imagem
Sim amigo, mas e essa pasta images esta onde?
dentro do tema. mas ja tentei de todas as formas e nao aparece.
Já tentou colocar lá assim:
background-image:url('. get_bloginfo('template_url') .'/images/logo.png) !important;Tentou?
Na verdade deixei o caminho ai em aberto para vocês uparem em Mídia no WordPress e colocar o link.
Mas dessa forma que coloquei aqui vai
Já tentei também e nada rsrs
Eu queria tirar uma outra dúvida se possível e não encontrei em lugar algum. Seu eu colocar funções como está de cima para alterar logo, etc… criar custo post types, taxonomies etc.. me volta um erro:Fatal error: Cannot redeclare e a admin não abre e nada funciona. Agora se eu pegar todas as funções e até mesmo essa de alteração do logo e colocar em um arquivo chamado funcoes.php e chama-lo no functions.php assim: require_once(‘funcoes.php’); tudo funciona que é uma beleza!! Por que?
Como esta seu código então e onde esta a imagem.
Porque o que te mostrei aqui ou você não tem a imagem ou colocou no lugar errado, porque não tem como não funcionar.
Sobre sua dúvida, basta apenas ler o erro.
Nele fala que foi declarado pela segunda vez alguma função, por isso o erro.
E o seu require_once esta errado, não funcionaria dentro da pasta do tema…
Então, agora funcionou. mas tem algo que não estou entendendo, uso o wp 3.3.1 e não posso colocar nada no meu functions.php, coloquei seu código e deu erro Fatal error: Fatal error: Cannot redeclare fb_new_adminbar_logo_img() . Mas então eu deixei o functions.php limpo e apenas coloquei o código em outro chamado funcoes.php e chamei no functions assim: require_once(‘funcoes.php’); e funcionou… ou seja não posso colocar nada no functions… será bug do wp 3.3.1???
Você esta colocando algo errado no se functions.php.
Faz um Gist dele e me manda.
https://gist.github.com/
Quando eu tiver tempo vejo o que tem de errado no seu arquivo e já te falo.
acho que não porque coloquei os mesmos codigos em outro functions de outros temas e funcionou… não entendi ainda…