Pular para o conteúdo

Personalizando Seu Tema no WordPress

14 14America/Recife maio 14America/Recife 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

59 Comentários
  1. 14 14America/Recife maio 14America/Recife 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 14America/Recife maio 14America/Recife 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 14America/Recife maio 14America/Recife 2010 7:43 AM

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

    Bjoo

  4. 14 14America/Recife maio 14America/Recife 2010 10:38 AM

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

    bjss

  5. 14 14America/Recife maio 14America/Recife 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 Link Permanente*
      14 14America/Recife maio 14America/Recife 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 14America/Recife maio 14America/Recife 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 Link Permanente*
      14 14America/Recife maio 14America/Recife 2010 11:21 AM

      bem lembrado Raquel! Ótima ideia!!!

  7. 14 14America/Recife maio 14America/Recife 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 14America/Recife maio 14America/Recife 2010 2:42 PM

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

  9. 14 14America/Recife maio 14America/Recife 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 14America/Recife maio 14America/Recife 2010 9:27 PM

    Oi Jessica!

    Ótimo post, adorei as dicas!!

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

  11. 14 14America/Recife maio 14America/Recife 2010 9:42 PM

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

    • jeskchan Link Permanente*
      14 14America/Recife maio 14America/Recife 2010 10:00 PM

      Vou tentar fazer, Ana ;]

  12. 14 14America/Recife maio 14America/Recife 2010 10:09 PM

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

  13. 15 15America/Recife maio 15America/Recife 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 15America/Recife maio 15America/Recife 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 Link Permanente
    15 15America/Recife maio 15America/Recife 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 15America/Recife maio 15America/Recife 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 Link Permanente
    16 16America/Recife maio 16America/Recife 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. 17 17America/Recife maio 17America/Recife 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 18America/Recife maio 18America/Recife 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 Link Permanente*
      18 18America/Recife maio 18America/Recife 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 26America/Recife maio 26America/Recife 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 Link Permanente*
      27 27America/Recife maio 27America/Recife 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 07America/Recife junho 07America/Recife 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 09America/Recife junho 09America/Recife 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 Link Permanente
    10 10America/Recife junho 10America/Recife 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 Link Permanente*
      11 11America/Recife junho 11America/Recife 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. :D

  24. 28 28America/Recife junho 28America/Recife 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. 23 23America/Recife julho 23America/Recife 2010 3:59 PM

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

  26. 23 23America/Recife julho 23America/Recife 2010 3:59 PM

    Ju não, desculpa…Jessica!

  27. 4 04America/Recife agosto 04America/Recife 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 Link Permanente*
      5 05America/Recife agosto 05America/Recife 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 12America/Recife agosto 12America/Recife 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 Link Permanente
      12 12America/Recife agosto 12America/Recife 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 Link Permanente*
      12 12America/Recife agosto 12America/Recife 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 Link Permanente
        12 12America/Recife agosto 12America/Recife 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 Link Permanente*
        12 12America/Recife agosto 12America/Recife 2010 12:54 PM

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

  29. 24 24America/Recife agosto 24America/Recife 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. 9 09America/Recife setembro 09America/Recife 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 21America/Recife setembro 21America/Recife 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 15America/Recife outubro 15America/Recife 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 18America/Recife novembro 18America/Recife 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 20America/Recife janeiro 20America/Recife 2011 1:27 PM

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

  35. 9 09America/Recife fevereiro 09America/Recife 2011 10:16 PM

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

    http://mariaassanhada.wordpress.com

  36. 10 10America/Recife fevereiro 10America/Recife 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 19America/Recife fevereiro 19America/Recife 2011 8:51 PM

    No Twent da pra colocar imagem de fundo sim…

  38. nathalia Link Permanente
    3 03America/Recife março 03America/Recife 2011 8:09 PM

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

  39. 4 04America/Recife abril 04America/Recife 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. 10 10America/Recife abril 10America/Recife 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. 22 22America/Recife abril 22America/Recife 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 07America/Recife maio 07America/Recife 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 fechados.

Seguir

Obtenha todo post novo entregue na sua caixa de entrada.

Join 29 other followers