Dúvida bastante freqüente entre os leitores do pBlog, a substituição do título do blog (texto) por um logotipo (imagem) é uma customização que personaliza e dá uma identidade própria ao blog. O problema para explicar como fazer tal substituição é que isso varia de tema para tema, pois nem todos são codificados da mesma forma. Por isso escolherei um tema para exemplificar este mini tutorial.
O tema que escolhi já estava até separado para comentá-lo, então vou aproveitar este post para fazer as duas coisas, divulgar o tema e explicar como adicionar um logotipo. É bom deixar claro que existem muitas formas de fazer isso, eu vou explicar a que acho melhor.
O tema escolhido foi o Maggo Mag, ele possui 3 colunas, local para publicidade pré-definido, código HTML/CSS válido e é compatível com Firefox, IE7 e Opera. Demo e download.
Agora que vocês já conheceram o tema vamos por a mão na massa. Primeiro vamos eliminar o título e o subtítulo, mas para isso não é necessário apagar o código do arquivo PHP, basta adicionar o parâmetro “display:none;” nas IDs “#header h1” e “#header h2” no arquivo style.css, além de ser mais simples é melhor para os mecanismos de busca. Lembre-se que estas modificações são para este tema, para fazer o mesmo em outro tema você deverá procurar as ID’s ou classes correspondentes ao título e subtítulo para adicionar o parâmetro mencionado.
Renomeie a imagem do seu logotipo para “logo.jpg“, copie-a para a pasta “images” do tema e abra o arquivo header.php, logo após a linha:
Adicione o código da imagem da seguinte forma:
;?>/images/logo.jpg){kind=logo}
Fácil não? Acredito que este método sirva para a maioria dos temas com código HTML/CSS válido.
Henrique Artur Wint : 04 julho 2008 às 22:27
Muito interessante esse tema. A dica também é bem legal, esta customização via CSS eu não conhecia, sempre fazia a edição no código PHP.
Danilo : 05 julho 2008 às 9:57
Realmente o theme é muito bom…ficaria melhor ainda se deixasse a sidebar right estreita igual a left e o content post maior =D
Quando modifiquei o layout pro meu site (o i3theme) eu substitui o código pelo link da imagem. :p
Rodrigo Piva : 05 julho 2008 às 12:03
Muito útil! Já quebrei a cabeça com isso antes de conseguir colocar o logo no Curiosando.
Queria ter tido essa ajuda antes! hehe
Parabéns!
Bruno Alves : 05 julho 2008 às 17:31
Boa dica, Érico! Tão fácil que até um analfabeto em código como eu deve conseguir!
Cê sabe se funciona desse jeito no Illacrimo?
Guilherme : 10 julho 2008 às 16:15
Muito boa esta dica, estava precisando muito, ja vou testar! obrigado por mais esta!! ate mais!!
Thiago Reis : 15 julho 2008 às 8:52
Olá…
Muito boa essa dica. E o Theme também é excelente! Baixei e tô usando ele no meu novo blog!
Só tem uma coisa que falta nele: Um link no “footer” para a próxima página. Como faço pra incluir?
Abraço!
Thiago Reis : 16 julho 2008 às 13:01
Olá…
Descobri aqui no pBlog mesmo como se criam os links para próxima página e página anterior…
Baixei e configurei o plugin “pagination”, e agora está perfeito!
Parabéns pelo excelente blog!
Márcio : 19 julho 2008 às 15:28
Aqui deu certo, mas antes eu já sabia fazer isso. Só que colocava a url do meu blog, não .
Felipe : 19 agosto 2008 às 15:53
Baixei o tema e vi que ele não é compatível com minha resolução de tela, você conhece algum jeito de resolver isto?
Eliana Tiné : 25 agosto 2008 às 11:09
Fiz e deu certo.
Como tiro aquela faixa do “Wordpress theme designer” (nada deu certo)?
Como troco aqueles banner, pelos meus patrocidadores?
E sobre o widgets, neste não tem?
Só tomei a decisão de perguntar depois de pesquisar muito na internet e não vi outro jeito de entrar em contato.
Agradeço muito ajuda,
Eliana.
Eliana Tiné : 25 agosto 2008 às 13:09
Já tô no fórum,
Valeu Erico.
rafael : 01 setembro 2008 às 14:01
nao consegui colocar a logo… ja o titulo deu pra tirar….
ry : 11 setembro 2008 às 13:37
é possivel colocar um flash ???
Érico Oliveira : 11 setembro 2008 às 13:40
É possível sim, basta inserir o código do flash no lugar do código da imagem.
willer : 11 setembro 2008 às 14:30
na verdade seria isso :
existe algum tutorial pra importar esse sistema em um site ????
ou seja fazer com quer o site fique com esse sistema. mais sem perder a aparencia ????
aguem ajuda ai ???
rafael : 11 setembro 2008 às 14:34
Continuo nao conseguindo colocar uma logo no site… retirar a imagem padrao e o titulo eu consegui… mas colocar a logo q criei para aparecer nao funciona…. alguem pode ajudar?
fernanda : 12 setembro 2008 às 8:51
oi,nao consigo adicionar nenhuma figura nos arquivos images do meu tema.Voce tem alguma forma de resolver isso, diz que nao foi permitido. To usando o filezilla pra fazer isso.
Tenho outra pergunta fora do assunto,mas nao to achando em ligar nenhum.
Como redirecionar a URL do meu antigo blog wordpress.com para um blog em hospedagem paga.Porque no wordpress.com nao tenho acesso aos codigos do blog. Nos tutoriais que achei teria que mexer no codigo.
rafael : 15 setembro 2008 às 16:14
Olá, testei o tema mencionado acima, no validator.w3.org, e o mesmo reconheceu 30 erros no código, sendo 10 erros graves. pode explica-los?
rafael : 23 outubro 2008 às 10:42
ja tentei de tudo… e nada da imagem do logo aparecer….. pior q meu logo ficou super legal…… uma pena nao conseguir…..
augusto : 27 março 2009 às 10:37
A eu nom estou consegindo colocar um tema que eu baixei aqui
o KLLER LIGHT MEU ELE É MUITO LEGAL QUEROPOR ELE NO MEU
BLOG MAIS NÃO ESTOU CONSEGUINDO COMO EU FASSO?
Eliu Moraes | 21 anos | Curitiba / PR : 25 setembro 2009 às 17:57
Fala Érico, eu tinha utilizado este esquema em outro tema, mas faz tempo. Agora vim aqui para utilizar novamente, mas os códigos não estão aparecendo.
manthonioz : 16 dezembro 2009 às 7:33
Eu descobri um provedor de e-mail fantástico na internet,com envio de mensagens para celular com custo detalhado para cada operadora e muitas outras ferramentas sensacionais.E gostaria muito de compartilhar com todos os visitantes desse blog.Um grande abraço a todos.
Obrigado pela postagem e todo sucesso do mundo com seu blog.