Skip to content

Personalizando Seu Tema no WordPress

14 de maio de 2010

Todo mundo sabe o quanto é difícil pra quem usa o wordpress free deixar o blog com um estilo bonito e que seja a nossa cara usando esses temas que todo mundo usa, né verdade? Mas usando a criatividade e alguns conhecimentos à respeito dos temas, dá sim pra ter um layout a sua cara…

E como eu adoro essas coisas de layout, blog e web design, hoje ensino como customizar direitinho os temas que temos por aqui. Esses dias o wordpress dicionou um monte de temas fofinhos e quase 100% personalizável. Vamos ver? (Em ordem alfabética)

BUENO:

O tema com suas configurações originais já é uma fofura. Mas, se você quer um pouco mais de identidade, pode fazer várias modificações, no header, background, cores…
Cabeçalho (header): Você pode usar ou não uma imagem de topo, caso queira, utilize uma imagem com as dimenções 930x198px
Fundo (background): Pode usar o original ou alterá-lo ainda nesta opção, se não quiser imagem nenhuma, pode mudar só a cor mesmo.
A área de postagem é branca.

DARK WOOD:

Esse tema vem com fundo de madeira, bem diferente, na cor marrom e possui três colunas.
Cabeçalho (header): Não permite utilização de cabeçalho;
Fundo (background): Se não gostar do de madeira pode trocar facilmente;
A área de postagem é meio transparente, ou seja é bom usar um fundo uniforme sem muito contraste de cores já que a cor da fonte é escura (marrom) é interessante que seja usado um fundo mais claro e que combine com o marrom do resto do tema!

ENTERPRISE:

Tema básico, tem uma área de postagem grande, coluna do lado direito, e vem com um “menu” abaixo do header, esse menu são categorias que você usa no blog (ex.: Moda, Beleza… aquelas em que você arquiva o post). Você ainda pode mudar a cor do texto que fica em cima da imagem de topo (ou pode também tirá-lo).
Cabeçalho (header):Permite a modificação, utilize uma imagem tamanho 960x80px
Fundo (background): Permite a modificação

STRUCTURE:

Tema bem clean, tem um ótimo menu (achei lindo). ele tem um sistema diferenciado, o último post publicado aparece de forma destacada, o título desse último post aparece logo abaixo do menu, centralizado. Tem uma barra lateral e os outros posts aparecem mais em baixo com uma visualização prévia. Além de ter mais duas colunas nessa parte de baixo.
Cabeçalho (header): Permite alteração de cabeçalho. Essa imagem de topo é bem fina, nas proporções: 960 x 120 pixels.
Fundo (background): Também pode ser alterado.

TWENTY TEN:

Meu preferido! É bem parecido com o velho conhecido Viligance, mas achei mais simpático, tem um menu com uma barra preta, bem bonitinho.
Cabeçalho (header): Ele já vem com várias opções de cabeçalho pra você escolher, caso não goste você pode fazer uma imagem de tamanho 940 x 198 pixels
Fundo (background): Dá pra mudar usando uma imagem, ou colocando só uma cor.

UNDER THE INFLUENCE:

O mais personalizável de todos. Fiquei besta com o tanto de coisa que a gente pode mudar nele. Pode ter três colunas (posts e duas laterais) ou você pode optar só por uma. Dá pra mudar a largura dos posts (isso é incrível!), as cores dos links e da linha que separa o rodapé, a única coisa que não curti foi uma espécie de fundinho pontilhado que só aparece em algumas partes…
Cabeçalho (header): Você pode colocar uma imagem (980 x 180 pixels) ou pode deixar o original que é tipo uma abinha com o nome do blog (e você pode mudar a cor dessa abinha)
Fundo (background): Não dá pra colocar imagem ou trocar as cores.

VOSTOK:

Esse é simples só possui uma coluna principal, que é a dos posts (central) e os widgets vão no footer (rodapé).
Cabeçalho (header): Você pode usar ou não, como preferir. Caso opte por usar imagem de cabeçalho, deve ter 600×126 pixels como tamanho. E também pode escolher se quer que o menu aparece abaixo da imagem ou não.
Fundo (background): Originalmente ele é um cinza, mas você pode tanto usar imagem quanto optar só por uma cor.

VIGILANCE:

Por último e não menos importante, aquele que já estamos cansadas de ver – e usar – por aí. O famoso Vigilance, é dos temas mais antigo, o que mais nos permite customizar. Além de mudar as cores dos links, de fundo e de barra lateral, tem um espaço ótimo de postagem, por isso ainda não me desfiz dele!
Cabeçalho (header): Pode mudar sim, usando como medidas: 920 x 180 pixels.
Fundo (background): Não dá pra colocar imagem, mas dá pra mudar a cor, e área dos posts sempre ficará branca.

++ ALGUMAS DICAS:

  • A primeira dica que dou é você criar um blog de teste na sua conta do WP. Nela, vá alterando como quer e mexendo em tudo pra, só assim, você colocar no seu blog mesmo. Assim não corre o risco de alguma coisa acontecer
  • As alterações de cores estarão, na maioria das vezes, em Theme Options. Apresentação > Cabeçalho (pra fazer as modificações referente à parte de cima do blog). Apresentação > Fundo (alterações referentes ao background, seja cor ou imagem) Apresentação > Extras (algumas opções básicas).
  • Aqui tem uma tabela de cores e cada cor vem acompanhada de um código começando por #. Em alguns temas você pode mudar as cores, se não souber o código da cor que quer, vai lá pega o código e cola no lugar indicado.
  • Uma dica legal é retirar aquela visualização rápida. Sabe, quando você passa o mouse sobre um link e aparece um quadrinho com uma preveiw? Acho um saco, e muitas vezes trava a tela. Pra retirar vá em Apresentação > Extras e desmarque a primeira opção.
  • Procure salvar suas imagens/montagens em alta resolução. Eu indico o PhotoShop para edição de imagens porque nunca usei outro editor, mas todo programa desse tipo, na hora de salvar a imagem, tem uma opção pra salvar em alta resolução.
  • O site Totally Layouts tem fundos lindos pra usar em twitter ou my space, mas nada impede de você usar pra outras coisas…
  • E a mais preciosa dica: MEXA em tudo! Fuce tudo mesmo, pois só com a prática você vai se aprimorando!

E, se depois dessas dicas todas, você ainda não conseguiu, ou quer personalizar mas tá sem ideia, contac tme! ahahahah Jabazinho! Posso fazer pra você, porque né, acho que td mundo sabe que faço encomendas! :] #paaarei!

Espero ter ajudado! Qualquer dúvida/elogio/crítica ou sugestão manda ver nos comentários ou via Twitter (@bombandoo) tá esperando o quê pra seguir?

xoxo

tchauzinho

Anúncios
59 Comentários
  1. 14 de maio de 2010 3:17 AM

    Como assim, gente? Que postagem super útil, interessante e bem explicada! Ó, de bocaberta! Adorei de verdade, quando rolar um tempinho vou customizar o layout do meu blog e eu tô super sem tempo pra cuidar dele, que é bem simplão que era só pra poder dar o start no blog, e suas sugestões mandam muuuito bem!

    Um beijo linda, parabéns pelo blog!

    Beijinhos!

  2. 14 de maio de 2010 5:58 AM

    Nossa, Jéssica! Que post útil!

    Já recebi alguns bons emails me perguntando sobre isso e nunca consigo ajudar pq fizeram pra mim.

    Vou passar esse seu post pras meninas (e até meninos!) que me perguntaram.

    Bjocas.

  3. 14 de maio de 2010 7:43 AM

    Nossa, mas bem útil esse tutorial, mas ainda acho mais complicado que blogspot! hehe

    Bjoo

  4. 14 de maio de 2010 10:38 AM

    Todo mundo de layout novo. eeee.
    tnks pela ajuda viu??

    bjss

  5. 14 de maio de 2010 11:12 AM

    Jessica,
    eu vejo muita gente usando o WP, mas não me simpatizo.
    Acho legal, acho bem cara mais “eu sou profissa”, mas não adianta, ainda sou fã do blogspot!
    Uso há tanto tempo que já acostumei e adoro os recursos.
    Até cheguei a fazer uma conta no WP, mas kd, nem lembro a senha… nem testei, eu acho. rs

    Bem que alguém poderia fazer um TUTO igual ao seu pro blogspot. Tem tanta gente com dúvida.
    Bjucas! =*

    • jeskchan permalink*
      14 de maio de 2010 11:20 AM

      Eu vou tentar fazer um pro blogspot. O problema é que geralmente não tem temas assim que mudem só o topo e tal… O blogspot geralmente você tem que mudar as imagens, ou usar as que vem neele…

  6. 14 de maio de 2010 11:19 AM

    Te disse que o post era útil, né? 🙂
    Cria uma Tag e dá uma dica por semana!
    Fala sobre as fotos dos comentários que eu também tinha duvida e você me explicou, lembra?
    Beijos

    • jeskchan permalink*
      14 de maio de 2010 11:21 AM

      bem lembrado Raquel! Ótima ideia!!!

  7. 14 de maio de 2010 1:24 PM

    Adoreei o post!
    Troquei e customizei o meu layout há pouco tempo, mas já to querendo trocar pelo Bueno, achei muuuito fofo!

    Beijoss

  8. 14 de maio de 2010 2:42 PM

    muito bom o post 😀 bem util pra que não entende nada dessas coisas, já da pra ajudar ne

  9. 14 de maio de 2010 6:19 PM

    Eu amei esse post, muito bom e útil… eu preciso mudar meu layout, mas nenhum fica com a aparência que eu quero… infelizmente, dá para customizar muito pouco =/
    por enquanto o que mais tá servindo é o básico do wordpress, o kubrick, por incrivel que pareça! BJS

  10. 14 de maio de 2010 9:27 PM

    Oi Jessica!

    Ótimo post, adorei as dicas!!

    Beijos,
    http://meumundosobretudo.blogspot.com/

  11. 14 de maio de 2010 9:42 PM

    Pra quem usa blogger, tem? Haha adorei as dicas, mesmo não podendo usa-las! Beijinhos. ;*

    • jeskchan permalink*
      14 de maio de 2010 10:00 PM

      Vou tentar fazer, Ana ;]

  12. 14 de maio de 2010 10:09 PM

    Adorei a postagem, super útil! Amei. Depois vou testar. ^^

  13. 15 de maio de 2010 12:25 AM

    MEGA útil o post.
    já recebi emails com duvidas sobre isso, e agr vou indicar o post lá na Pop List .

    Beijos, Isa

  14. 15 de maio de 2010 12:42 AM

    Acho legal vc fazer um post ajudando as pessoas a personalizarem seus blogs.
    O meu tema agora é esse primeiro. Mas o wordpress bem que poderia disponibilizar mais temas! hehe

    Beeeeeeeeeeeijos ;*

  15. Lílian permalink
    15 de maio de 2010 11:57 AM

    Adoorei o seu blog! Já está na minha blogroll! :}
    Meniiina, eu vi essas atualizações do wordpress! O bueno é liiindo. Mas eu gosto tanto do meu layout que não tive coragem de trocar… rsrs
    Mas quando eu enjoar eu venho aqui para escolher o meu novo! ^^

    Beijooos :*

    http://parisdasmaravilhas.wordpress.com/

  16. 15 de maio de 2010 4:54 PM

    Adorei o post… super útil… vou até salvar aqui pra qnd for trocar meu tema! hahaha ^^
    O meu tá o famoso Vigilance =P

  17. BelfdaftZed permalink
    16 de maio de 2010 11:34 PM

    Just want to say what a great blog you got here!
    I’ve been around for quite a lot of time, but finally decided to show my appreciation of your work!

    Thumbs up, and keep it going!

    Cheers
    Christian, watch south park online

  18. Fá Mota permalink
    17 de maio de 2010 10:12 PM

    adorei as dicas. pode me dar um help? mudei pro tema Bueno e tive que tirar o nome do blog pq senao aparecia no meu cabeçalho personalizado e em cima dele. vc sabe se tem como deixar o nome nas opçoes e ele nao aparecer em cima do cabeçalho? valeu

  19. 18 de maio de 2010 12:00 PM

    Tenho uma dúvida, gostaria de mudar a cor de fundo do meu tema (KubricK) mas na APRESENTAÇÃO não aparece o item FUNDO. Como posso alterar para imagem ou cor?
    Xau

    • Jéssica permalink*
      18 de maio de 2010 1:07 PM

      Então, o tema que vc usa, não possibilita alteração no fundo. Só o topo mesmo (que vc pode tanto por imagem, quanto só cor).
      ;]

  20. 26 de maio de 2010 5:09 PM

    Olá Jessica tudo bem??
    entao primeiro gostaria de parabenizar o blog e a postagem de como mudar tudo no wordpress….hehehe
    mas nao entendi direito, o meu blog é de uma loja, gostaria de um fundo bonitinho, mas o que eu escolhi , eu nao consigo mudar de jeito nenhum, nao acho o head nem o background para mudá-lo….são todos que podem ser mudados??
    parabenss!!

    • Jéssica permalink*
      27 de maio de 2010 12:07 AM

      Olá!
      É, não é todo tema que possibilita a troca de fundo (background). Olhei seu blog e o tema que você usa (o Bueno) pode sim trocar as cores e o fundo. É só seguir direitinho o tutorial correspondente à ele!
      Beijos

  21. 7 de junho de 2010 2:55 PM

    Jessica eu coloquei o BUENO e ele não veio com o INICIO ou HOME, ja fiz de tudo e não consigo colocar, me ajuda por favor! OBG :]

  22. 9 de junho de 2010 1:17 PM

    Meninaaaa, adorei o seu post. Super bem explicado! Mas na verdade preciso de um outro tipo de ajuda!

    Como faço pra incorporar o Google Friend Connect no meu blog wordpress? Não consigo de jeito nenhum… Vc sabe como?

    Se souber, meu e-mail é vaniadepaula.designer@yahoo.com.br

    Brigada!

  23. Leonardo Portela permalink
    10 de junho de 2010 6:33 PM

    No tema bueno, o fundo só é personalizável (no quesito trocar imagem) na plataforma grátis do wordpress. migrando o thema para um serviro pago esta função desaparece.
    Alguma dica de como trocar de fundo no servidor pago?
    Obrigado e att

    Leonardo Portela

    • Jéssica permalink*
      11 de junho de 2010 10:53 AM

      Dá sim, se você tiver uma hospedagem paga, você pode trocar tudo, além da imagem de fundo, aí é tudo feito pela personalização do tema através de códigos, nesse caso é trocado no CSS. Você entra no tema [/ pode ser através de FTP ou nas opções do painel de controle do próprio wordpress] e escolhe a opção editar CSS.
      😀

  24. Fá Mota permalink
    28 de junho de 2010 1:10 AM

    Vc saberia como fazer a ediçao do css para alterar o fundo do thema bueno?? nao consigo de jeito nenhum e n sei nada desse tipo de ediçao! =/ o que eu teria que colocar no custom.css para deixar um fundo personalizado? obrigada!

  25. Larissa Rehem permalink
    23 de julho de 2010 3:59 PM

    Ju, a imagem de fundo pode ter qualquer tamanho?!

  26. Larissa Rehem permalink
    23 de julho de 2010 3:59 PM

    Ju não, desculpa…Jessica!

  27. 4 de agosto de 2010 4:33 PM

    Oi gostaria de tirar uma dúvida eu criei um blog teste no wordpress (http://paraesportenobrasil.wordpress.com/) e to usando o bueno como tema. Mas queria tirar o nome do blog que fica lá em cima gigantesco e que não tem necessidade por causa do banner. Vc sabe como posso fazer isso?

    • Jéssica permalink*
      5 de agosto de 2010 12:31 AM

      Você tem que ir em Opções > Geral (fica no painel de controle do lado esquerdo) e apaga o título do blog. Só assim que dá…

  28. 12 de agosto de 2010 11:13 AM

    Oi de novo, vou abusar e fazer outra pergunta, mdeui para o tema VIGILANCE e queria colocar algumas na barra que fica lá em cima e não na lateral. Mas não consigo achar o local para colocar as coisas, só aparece o lugar das barras laterais. Se você puder me ajudar agradeço!

    • caioarroyo permalink
      12 de agosto de 2010 11:23 AM

      Esqueci outra pergunta quero também colocar um banner na lateral, ma ele fica grudado na linha principal do blog e reparei que no seu fica um espaço, como você fez isso?
      O link pro meu blog teste é http://paraesporte.wordpress.com

    • Jéssica permalink*
      12 de agosto de 2010 11:35 AM

      Então, os temas do wordpress.com não permitem add coisas lá em cima (a não ser a imagem de topo, e tal) mas outras imagens e banners, lá em cima não rola. Coloque na barra lateral mesmo. O que deve estar acontecendo no seu caso, pode ser que o banner seja mais largo do que a barra lateral, ai por isso fica grudada na margem…

      • caioarroyo permalink
        12 de agosto de 2010 11:37 AM

        Mas não é banner que quero colocar lá cima, quero colocar o link pro rss e também o contado para falar comigo

      • Jéssica permalink*
        12 de agosto de 2010 12:54 PM

        Ah, é nos links mesmo. Tem um negócio de menu personalizado, mas não sei mecher nisso…

  29. 24 de agosto de 2010 5:06 PM

    Jéssica tudo bem?

    Estou desenvolvendo meu blog meu tema é o Bueno e utilizo wordpress.org, acontece que estou com dois problemas:

    01) Os acentos não aparecem nos títulos de posts, comentários, etc…
    02) Ele vem com um arquivo de tradução para BR, mas não sei como istala, estou tendo que traduzir nome por nome…

    E ai, vc sabe como pode me ajudar?

  30. Ing. permalink
    9 de setembro de 2010 11:50 AM

    Oi! adorei as dicas do seu Blog!
    Eu uso o tema Bueno e queria te perguntar como eu faco pra colocar a opcao “home” como página do meu blog.

    obrigada!

  31. 21 de setembro de 2010 3:47 PM

    Galera, consegui resolver o problema com acentuação neste tema.
    Pelo que pude entender, ele utiliza HTML5 e jQuery (HTML5 sim – jQuery não tenho certeza) para renderizar a fonte utilizada “ChunkFive”. Vamos ao que interessa!

    Abra a pagina cabeçalho (header) e localize o código: “”Cufon.replace(‘h1, h2, h3, .site-title’, { fontFamily: ‘ChunkFive’ });”” – agora substitua esta fonte por outra que possua acentuação; dica: coloque Arial e não tenha mais problemas heheheh…

    É isso aí, pra galera que estava com problemas na acentuação do tema Bueno para WordPress!

    #fui

  32. 15 de outubro de 2010 2:49 PM

    meu tema é TWENTY TEN:

    keria saber como eu troco o banner nao axo header de jeito num O.O

  33. 18 de novembro de 2010 3:30 PM

    Parabens pelo Blog, animal fia…

    Por Favor, eu coloquei o structure, mas não tem opção de cabeçalho…

    poderiA ME PASSAR O LINK desse tema?

    Te agradeço…

    Ah, vc é bem gatinha hein? ta lokoooo…

    Bjos,

    Ricardo

  34. 20 de janeiro de 2011 1:27 PM

    excelente !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! adorei as dicas!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! dá uma passada no meu blog viviancarla2010.wordpress.com/

  35. 9 de fevereiro de 2011 10:16 PM

    Oi sumidaaaaa
    Amiga vc arrasou nas dicas amei, viu…bjus

    http://mariaassanhada.wordpress.com

  36. 10 de fevereiro de 2011 8:01 AM

    Oi querida, tudo bem?

    Eu uso o MistyLook e já fiz várias alterações, mas minha única chateação é que queria que tivesse o link do blog no cabeçalho, sabe?
    Mas não sei como faço e não sei se funciona para esse tema específico, já que ele tem além a opção Título do Blog que fica acima do cabeçalho…eu até deixei em branco, pq já tem o título no cabeçalho…senão ficaria redundante demais!

    Se vc tiver alguma dica me passa!

    Beijinhos

  37. 19 de fevereiro de 2011 8:51 PM

    No Twent da pra colocar imagem de fundo sim…

  38. nathalia permalink
    3 de março de 2011 8:09 PM

    adorei vc ta de parabens vc sabe explicar muito bem valeu vc me ajudou muito thauc!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  39. 4 de abril de 2011 11:18 PM

    Oi, Jéssica, tudo bom? Eu queria pedir um help pra você! Eu instalei o tema Bueno no meu blog. Mas não sei pq não aparece os acentos e pontuações nos títulos dos posts! Você tem ideia de como eu faço pra mudar isso? Obrigada! Bjs.

  40. geazeve permalink
    10 de abril de 2011 9:59 PM

    Jessica, você poderia me explicar como eu faço para tocar a imagem de um tema? aquela que é 930 X 198, quero fazer uma própria mas não sei como se tira e coloca outra.
    Grato pela ajuda.

  41. recargaseder permalink
    22 de abril de 2011 9:50 PM

    Olá Jessica como faço para retirar o nome que coloquei no blog no cabeçário, pois coloquei uma imagem no cabeçário aí o nome fica repetindo, me dê uma dica por favor! Abraços Eder.

  42. 7 de maio de 2011 7:30 PM

    Olá Jessica, gostei bastante do seu blog.
    Tenho uma dúvida.
    Eu uso o tema Bueno, mas não gosto da fonte usada para o título.
    Existe a possibilidade de trocá-la?

    Loren-Louise

Trackbacks

  1. Personalizando Seu Tema no bWordpress/b « Bombando Horrores | riquezavirtual.net
  2. Tweets that mention Personalizando Seu Tema no Wordpress « Bombando Horrores -- Topsy.com
  3. White is the new Black? « Fresh! Beauty! Trendy!
  4. Rapidinhas de hoje | Hey Jasey

Os comentários estão desativados.

%d blogueiros gostam disto: