Bombando Horrores » Blog Archive » Personalizando Seu Tema no Wordpress
Personalizando Seu Tema no WordPress

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


" data-count="horizontal" data-via="JessicaaaChan">Tweet

Comentários:

51 comments para “Personalizando Seu Tema no WordPress”

    Gravatar Clarice
    14 maio 2010

    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!

    [Responder]


    Gravatar Sissi
    14 maio 2010

    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.

    [Responder]


    Gravatar Personalizando Seu Tema no bWordpress/b « Bombando Horrores | riquezavirtual.net
    14 maio 2010

    [...] original post here:  Personalizando Seu Tema no bWordpress/b « Bombando Horrores Compartilhe este [...]

    [Responder]


    Gravatar Nayane
    14 maio 2010

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

    Bjoo

    [Responder]


    Gravatar Jade G.
    14 maio 2010

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

    bjss

    [Responder]


    Gravatar Tweets that mention Personalizando Seu Tema no Wordpress « Bombando Horrores -- Topsy.com
    14 maio 2010

    [...] This post was mentioned on Twitter by Blog FB Trendy and Clarice Freire, bombando horrores. bombando horrores said: pra vc q nao viu, to ensinando a mudar e customizar seu proprio tema: http://tinyurl.com/26shaju se gostou passa adiante! [...]

    [Responder]


    Gravatar Luciana Stabile
    14 maio 2010

    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! =*

    [Responder]


    Gravatar Quel Baccarini
    14 maio 2010

    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

    [Responder]


    Gravatar jeskchan
    14 maio 2010

    bem lembrado Raquel! Ótima ideia!!!

    [Responder]


    Gravatar jeskchan
    14 maio 2010

    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…

    [Responder]


    Gravatar coisasdeamiga
    14 maio 2010

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

    Beijoss

    [Responder]


    Gravatar ceciiribeiro
    14 maio 2010

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

    [Responder]


    Gravatar Joyce Nunes
    14 maio 2010

    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

    [Responder]


    Gravatar White is the new Black? « Fresh! Beauty! Trendy!
    14 maio 2010

    [...] e Meninos Bloggers , a Jess do Bombando Horrores fez o post mais útil ever para nós. Olha aqui. E ela ainda disse que toda semana vai ter post novo sobre o assunto layout e etc. Fiquem de olho. [...]

    [Responder]


    Gravatar Geise
    14 maio 2010

    Oi Jessica!

    Ótimo post, adorei as dicas!!

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

    [Responder]


    Gravatar Ana Rezende
    14 maio 2010

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

    [Responder]


    Gravatar jeskchan
    14 maio 2010

    Vou tentar fazer, Ana ;]

    [Responder]


    Gravatar Amanda
    14 maio 2010

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

    [Responder]


    Gravatar Isa
    14 maio 2010

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

    Beijos, Isa

    [Responder]


    Gravatar supertendencias
    14 maio 2010

    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 ;*

    [Responder]


    Gravatar Lílian
    15 maio 2010

    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/

    [Responder]


    Gravatar Tati Gallo
    15 maio 2010

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

    [Responder]


    Gravatar BelfdaftZed
    16 maio 2010

    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

    [Responder]


    Gravatar Fá Mota
    17 maio 2010

    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

    [Responder]


    Gravatar cn56mat56
    18 maio 2010

    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

    [Responder]


    Gravatar Jéssica
    18 maio 2010

    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).
    ;]

    [Responder]


    Gravatar lojagamo
    26 maio 2010

    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!!

    [Responder]


    Gravatar Jéssica
    26 maio 2010

    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

    [Responder]


    Gravatar Larissa Hott
    7 junho 2010

    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 :]

    [Responder]


    Gravatar Vânia de Paula . Designer
    9 junho 2010

    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!

    [Responder]


    Gravatar Leonardo Portela
    10 junho 2010

    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

    [Responder]


    Gravatar Jéssica
    11 junho 2010

    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

    [Responder]


    Gravatar Fá Mota
    27 junho 2010

    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!

    [Responder]


    Gravatar Larissa Rehem
    23 julho 2010

    Ju não, desculpa…Jessica!

    [Responder]


    Gravatar Larissa Rehem
    23 julho 2010

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

    [Responder]


    Gravatar caioarroyo
    4 agosto 2010

    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?

    [Responder]


    Gravatar Jéssica
    4 agosto 2010

    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á…

    [Responder]


    Gravatar caioarroyo
    5 agosto 2010

    Muito obrigado pela ajuda

    [Responder]


    Gravatar caioarroyo
    12 agosto 2010

    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!

    [Responder]


    Gravatar caioarroyo
    12 agosto 2010

    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

    [Responder]


    Gravatar Jéssica
    12 agosto 2010

    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…

    [Responder]


    Gravatar caioarroyo
    12 agosto 2010

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

    [Responder]


    Gravatar Jéssica
    12 agosto 2010

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

    [Responder]


    Gravatar Rapidinhas de hoje | Hey Jasey
    18 agosto 2010

    [...] fundo, coloquei um ou outro widget diferente e voilá! Espero que tenham gostado. Me guiei por esse post maravilhoso do blog “Bombando Horrores”. Pra quem tem wordpress free, como eu, é muito bom. Não é [...]

    [Responder]


    Gravatar Victor
    24 agosto 2010

    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?

    [Responder]


    Gravatar Jéssica
    24 agosto 2010

    Vixe… Complicado nunca tive esses problemas.
    É problema nos acentos, né, vê se esse tutorial te ajuda: http://madlyluv.com/extras/tutoriais/wordpress/acentuacao/
    Bjs

    [Responder]


    Gravatar Helaine Martins
    14 dezembro 2010

    Oi Jéssica, tudo bem?
    Sei que faz tempo que esse post foi publicado, mas me arrisco a fazer uma perguntinha. Estou criando meu blog com o structure theme, achei tudo lindo, mas não a imagem de destaque fica duplicada logo abaixo. Há alguma maneira de a foto de destaque não ser inserida no post? Obrigada!

    [Responder]


    Gravatar shore excursions in St.Petersburg
    27 agosto 2011

    Apenas matando alguns entre o tempo de aula no Digg e achei seu artigo. Normalmente não o que eu desejo de ler sobre , mas certamente era absolutamente valor meu tempo. Graças .

    [Responder]


    Gravatar outdoor lighting manufacturers canada
    31 agosto 2011

    Eu sei que isso não é precisamente sobre o tema , mas eu tenho uma página web utilizando o mesmo programa que eu recebo de forma adequada e problemas com os meus comentários exibindo. Existe uma configuração que estou em falta ? é factível que você poderia me ajudar? thanx .

    [Responder]

    Jéssica Chan Resposta:

    Infelizmente não posso te ajudar sem conhecer o HTML e os códigos… Mas tente ver algo na página comments.php pode ser que o erro esteja lá. Ou no style.css na classe #comments

    [Responder]


    Gravatar NEX-5
    17 novembro 2011

    Olá lá. Encontrei seu site através do Google enquanto procurava por uma questão similar, o seu site tem aqui para cima. Parece bom. Eu tenho bookmarked-lo em meu google bookmarks para voltar mais tarde.

    [Responder]


Comentar