Alterar o template theme do wordpress

wordpress design templatesEste post pretende fornecer as instruções necessárias, passo a passo, para a instalação de um novo template/tema/theme no teu blog wordpress (wordpress.com não funciona do mesmo modo).

1. Encontrar o Theme WordPress Adequado

O primeiro passo é encontrar o tema que se adeque ao vosso blog. Existem milhares de temas gratuitos para o wordpress, dos mais variados feitios e cores, com duas colunas, três colunas, etc. Um bom ponto de partida para a vossa pesquisa é o site Themes.WordPress.net. Aqui encontram tudo o tipo de templates, com a possibilidade de filtrar a pesquisa de acordo com os vossos requisitos. Outra alternativa é fazer uma pesquisa no google. Aqui vão encontrar mais uma dezenas de templates gratuitos.
Assim que encontrares o template que mais se adequa ao teu blog tens de o guardar no teu computador, fazendo o download do ficheiro zip.

2. Fazer o Upload do tema para o host.

Faz o unzip dos ficheiros para uma pasta no teu PC. De seguida faz o upload da pasta para a directoria no teu host onde está instalado o wordpress. Esta pasta tem de ficar colocada no folder existente para os temas wordpress, em wp-content -> themes. Para isto deves usar um cliente de FTP, que é um programa que faz o interface entre o teu PC e a tua conta de hosting. Aconselho o FileZilla ou, se usas o Firefox (que também aconselho) deves usar a extensão FireFTP (é o que eu uso).

3. Activar o novo tema do blog

Entra na área de administração do blog (wordpress blog back-office) e vai até à tab “Presentation”. O novo theme já deve aparecer disponível para selecção, bastando carregar na imagem para activar. Se desejares voltar ao tema antigo é só carregar na imagem correspondente.

4. Alterar cores e images do template

Caso percebas alguma coisa de código html e css podes tentar editar o template, de modo a customizá-lo à tua medida, de acordo com aquilo que pretendes para o teu blog. O que aconselho é alterar a imagem do header para uma imagem mais de acordo com o teu tema, criar um logótipo, alterar as cores base do template. O objectivo é criar uma imagem única, apesar de se tratar de um template gratuito. Não se esqueçam de manter os créditos de quem criou o template base!

Para alterar o template basta ires à área de administração do wordpress, na tab “Design -> Theme Editor”. Aqui tens os ficheiros que são a base do teu template. Ao nível das cores e restante formatação deves tentar editar o ficheiro Stylesheet (style.css). A estrutura e conteúdo do blog está nos outros ficheiros. Caso não percebas de html e php não os deves editar. O mais simples de entender talvez seja o Sidebar (sidebar.php), que contem o conteúdo que aparece na barra lateral.

Não alteres o template sem antes fazer um backup!!

21 comentários:

  1. Artuir magalhaes em 4 - Setembro - 2008 [11:30]

    boas dicas sim senhor!

     
  2. Cristina em 9 - Dezembro - 2008 [18:30]

    ok, então eu tenho que fazer o download do wordpress no meu computador e colocálo no filezilla? e depois pego o template que eu escolhi certo e ponho na pasta que tu indicastes certo?

    Ultimo post de Cristina: LOL

     
  3. ricardo dias em 10 - Dezembro - 2008 [9:57]

    Cristina, primeiro tens de ter o wordpress já instalado no teu servidor. Podes ver este post sobre como instalar o wordpress.

    Quando o tiveres instalado só tens de fazer o upload para a pasta wp-content/themes com o filezila e activar.

    Se precisares de ajuda avisa.

     
  4. Sombri em 16 - Janeiro - 2009 [2:35]

    Obrigada me Ajudo muitos..

     
  5. wellington em 28 - Janeiro - 2009 [0:05]

    eu nao to conseguindo
    eu cliko na pasta do novo theme ai cliko pra trasferi para wp-content -> themes
    ai fla working 23 files
    ai acbaa e nao acontesse nada :S
    alguem me ajuda?
    add : weellingtonn@msn.com
    ou se nao responde por aquie mexmo *-*

     
  6. ricardo dias em 28 - Janeiro - 2009 [8:34]

    @wellington
    Tens de ir activar o novo theme. Vais a “appearence” > “themes” e ja deve aparecer o theme que transferiste. Depois é só activar!

     
  7. Sergio Andre Mendonça em 5 - Fevereiro - 2009 [23:37]

    Meu seu artigo é show, nunca vi nada igual, fiz extamente o que vc indicou para Cristina e deu certo na primeira, eu nem imaginava que poderia dar certo, parabéns, tens agora um fã, sou estudante em php, no momento estudo o joomla, mas como tenho um blog resolvi pesquisar um pouco mais sobre wordpress, e me encantei com sua dica de primeira, um grande abraço, se precisar de algo que eu possa ajudar e se estiver ao meu alcance lhe estou de coração aberto.Caso meu link de blog não funcione digite no google Sergio Andre Mendonça.

     
  8. Harley em 15 - Abril - 2009 [21:01]

    alguém sabe como trocar o cabeçalho? Tenho um kubrick, já mudei a imagem, coloquei no ftp tudo, o q. vejo q. acontece…. chega a mudar, porem o cabeçalho antigo, não sai! alguma sugestão? Obrigado

     
  9. Arthur em 18 - Junho - 2009 [14:27]

    Olá. Estou tentando editar o tamanho do cabeçalho de meu blog do wordpress mas não estou conseguindo. O template que está (tema Braincast e wordpress 2.7) tem um tamanho de width:239px;height:139px. Quero alterar o width para 1000px. Quando vou no editor de aparência do worpress, lá embaixo do box de edição aparece o seguinte: “Você precisa tornar este arquivo gravável para poder salvar suas alterações. Consulte o Codex para mais informação.”
    Eu tenho o FileZilla instalado e não sei o que faço… Consultei e modifiquei a permissão do index.php para 666 e 777 mas não adiantou, o que eu modifico não altera e não tem opção de salvar.
    Se alguém conseguir me ajudar agradeço muito.
    Arthur´s last blog ..Never Stop Frenesí My ComLuv Profile

     
  10. ricardo dias em 18 - Junho - 2009 [22:01]

    Oi Arthur! Tens de aceder via FTP (com o FileZilla) e ir à directoria wp-content/themes. Dentro desta entras na que corresponde ao teu theme. Os ficheiros que lá estão são os ficheiros do tema que estás a usar. Selecciona todos e altera a permissão para 777. A partir daí já vais conseguir editar os ficheiros a partir do editor do wordpress.

    Abraço
    ricardo dias´s last blog ..Criar Tabs na Sidebar do blog My ComLuv Profile

     
  11. Arthur em 22 - Junho - 2009 [12:39]

    Valeu Ricardo!!! É isso mesmo cara, deu certo!
    Um abraço!

     
  12. Adolfo Eduardo em 17 - Agosto - 2009 [1:57]

    Parabens pelo site

     
  13. Webmarketing Blog em 24 - Agosto - 2009 [4:28]

    Mudando o tema os post automaticamente vao para o novo?
    ultimo blog de Webmarketing Blog: Google Insights for Search – Uma poderosa ferramenta para suas campanhas de marketing My ComLuv Profile

     
  14. Jhonatta em 6 - Setembro - 2009 [20:07]

    Eaew fera blz? To iniciando no wordpress e estou editando um template, tenho algumas dúvidas, se puder ajudar…

    Estou tentando fazer o layout conforme estas imagens:
    http://img413.imageshack.us/i/homey.jpg/ (apenas uma coluna, e ao lado de cada seta um link)
    http://img136.imageshack.us/i/paginas.jpg/ (Página resultante de clicar nos links da página acima citada)
    http://img7.imageshack.us/i/subpagina.jpg/ (Subpágina da página anterior, ao clicar no link ” mais informações”)

    Aqui o template um pouco modificado:
    http://www.gigasize.com/get.php?d=pb2nmmgdbrd

    Aqui o template original:
    http://www.wordpress-love.com/2008/10/template-wordpress-newsmag-em-portugues/

    Considerações:
    Na home
    1-Não sei como fazer as setas aparecerem ao lado dos links, conforme a demo do template original…
    2-EM outros navegadores parece que estou no caminho certo, mas o template editado fica todo errado no IE.

    Páginas
    Como faço pra colocar a coluna no meio e tirar as opções de widgets da sidebar direita?
    E pra colocar a imagem em um local exato?

    Subpáginas
    Como criar uma layout de três colunas com widget do google maps e galeria de imagens?

     
  15. ricardo dias em 22 - Setembro - 2009 [22:16]

    @webmarketing blog
    Sim, se mudar o tema os posts vão ficar disponiveis como no tema antigo. O que vai mudar é a forma como são apresentados.

     
  16. Najara em 18 - Outubro - 2009 [23:39]

    Boa Noite, Ricardo.
    Preciso de sua ajuda. É o seguinte, comecei a atualizar um blog feito no wordprees agora, que era atualizado por outra pessoa, me passaram o login e a senha, e agora tenho que alterar o template, mas não tenho o wordprees instalado no pc. Minha dúvida é a seguinte, como vou alterar o template desse site sem o wordprees instalado no pc, pq pelo que eu entendi quando eu instalo eu estou criando um novo blog não é verdade, há uma forma de fazer uma ligação entre o wordprees e esse blog já existente, ou algo do tipo.
    Aguardo retorno. Se possível me responda pelo meu e-mail najara251@yahoo.com.br.
    Grata.
    ultimo blog de Najara : Conheça o piso ecológico que drena a água da chuva My ComLuv Profile

     
  17. luan em 3 - Fevereiro - 2010 [18:23]

    querido autor é possivel mudar o tema do wordpress.com?
    como faço isso:????

     
  18. junior em 1 - Março - 2010 [19:34]

    ola!
    cara gostaria de saber como acessar esse wordpress blog back-office! ja add o theme requerido mas n consigo acessar a area para atualiza-lo!

     
  19. Gabriel em 23 - Março - 2010 [23:32]

    Gente eu não entendi essa parte de botar os arquivos no host de teu servidor…
    Para trocar blog dessa maneira precisa ter o blog com hospedagem?
    Por favor alguem entre em contato pelo E-Mail: gabriel_cabedelo@hotmail.com

     
  20. Divino Silva em 8 - Junho - 2010 [17:51]

    oi amigo como faço para mudar as sidebar de lugar quero colocar as duas do lado esquerdo valeu parabens…

    meu SIte http://www.sodicasnet.com/ ……..

     
  21. Sylvio Mayort em 17 - Julho - 2010 [13:47]

    Boas dicas cara, estou começando a criar um blog na plataforma wordpress e suas dicas tem me ajudado bastante.
    ultimo blog de Sylvio Mayort: Como ganhar dinheiro com programas de afiliados – Parte 1 My ComLuv Profile

     

Escreve o teu comentário:

CommentLuv (um link para o teu blog grátis)