Como trocar o cabeçalho no wordpress

Links Patrocinados


Como trocar o cabeçalho no wordpress, no tema kubrick (Default)?Agora que o leitor já sabe como enviar ficheiros para site, através do programa filezilla, já pode trocar a imagem que vem por defeito no tema Kubrick. Tudo o que tem de fazer é seguir as indicações neste post e customizar o cabeçalho (header) ao seu gosto. Como trocar a imagem do header no wordpress (deader do tema kubruick), por uma que seja a cara do seu blog?

Como trocar a imagem do cabeçalho no worpdress?

Links Patrocinados


Para trocar a imagem que vem no cabeçalho do template kubrick, vai necessitar de dois (ou três) programas, no minimo. Um para enviar a imagem por FTP (Filezilla), outro para editar a imagem e outro para editar ficheiros em php. Se quiser saber como usar o Filezilla, sugiro que leia o post anterior. Para além do filezilla, que serve para enviar a imagem para o seu servidor, vai necessitar de um programa de edição de imagens, de modo a criar uma imagem personalizada, com o tamanho idêntico ao da imagem que vez por defeito no header do kubrick.

Existem muitos programas que servem para o efeito, uns pagos, outros gratuitos. Sugiro o uso do Paint.net, que é um programa gratuito e de fácil utilização.

Baixe o programa e instale o mesmo no seu computador.

Criar / Customizar a imagem do cabeçalho

Em seguida, crie (customize) uma imagem com o mesmo tamanho da imagem original, ou seja,760×200, e salve a imagem com o mesmo nome:

  • kubrickheader.jpg

Use o filezilla para enviar essa imagem para a pasta:

  • /wp-content/themes/default/images

O filezilla vai perguntar se deseja alterar a imagem, ou se deseja trocar a imagem que antiga pela nova. Confirme se está um visto em “Substituir” e clique em OK para fazer a substituição da mesma.

Alterar ficheiro header-img.php

Depois de fazer o upload da imagem e trocar a velha pela nova, deve alterar o ficheiro header-img.php. Pode fazê-lo de duas formas:

  1. Através do Wordpress
  2. Editar o ficheiro no seu computador

Editar o ficheiro através do Wordpress

A forma mais rápida, é editar o ficheiro no proprio wordpress. Siga os passos em baixo para editar o ficheiro no painel administrativo do WP:

  • Appearance
  • Editor
  • header-img.php

Clique no ficheiro header-img.php que se encontra do lado esquerdo do ecrã.

Comente o seguinte trecho de código, colocando /** no inicio e **/ no fim. Este código fará com que o word press ignore o código que se encontra entre essas tags que adicionou, ou seja, comenta.

Abrir tags:

trocar cabecalho wordpress Como trocar o cabeçalho no wordpress

trocar cabeçalho wordpress: abre tags

Fechar tags

trocar imagem cabecalho wordpress Como trocar o cabeçalho no wordpress

trocar imagem cabeçalho wordpress: fecha tags

Salve e já está.

Editar o ficheiro no seu computador

Para editar o ficheiro no seu computador, pode usar um editor web gratuito, o notepad++.

Baixe o programa, instale o mesmo no seu PC. Em seguida, use o filezilla para fazer o download do ficheiro header-img.php do servidor para o seu computador. O procedimento é o inverso do que usou para enviar um ficheiro do seu computador para o servidor, ou seja, basta arrastar o ficheiro do lado direito do filezilla (servidor) para o lado esquerdo (PC).

Depois de baixar o ficheiro, abra o mesmo com o notepad++.

Use as mesmas tags para comentar o trecho de código, conforme exemplo nas imagens em cima. Salve as alterações e em seguida use o filezilla para enviar novamente o ficheiro para a mesma pasta onde o baixou, mas com as devidas alterações. Coloque um visto em “substituir” e clique em OK para fazer a substituição.

Retirar o titulo do Blog

Agora que já trocou a imagem, vai reparar que o titulo do blog aparece por cima da imagem. Para que fique como deve ser, deve eliminar o titulo e deixar apenas a imagem que customizou. Para tal, sugiro que instale o plugin All in One SEO no wordpress. Pode fazê-lo com a ajuda do filezilla. Primeiro baixe o plugin da internet, descomprima o mesmo e envie para a pasta “plugins”.

  • /wp-content/plugins

Em seguida, acesse o painel administrativo do wordpress e active o plugin.

  • Plugins
  • All in one SEO (clique em Activate)

Depois, clique em:

  • Settings
  • All in one SEO

Copie a informação que tem em “Geral”, e cole no plugin SEO:

  • Titulo
  • Descrição
  • Keywords
trocar imagem cabecalho wordpress painel admin plugin SEO Como trocar o cabeçalho no wordpress

trocar imagem cabeçalho wordpress painel admin: plugin SEO

Agora que já tem o plugin SEO a funcionar já pode apagar a mesma informação que tem em “Geral”.

trocar imagem cabecalho wordpress painel admin geral Como trocar o cabeçalho no wordpress

trocar imagem cabeçalho wordpress painel admin geral

Assim vai fazer com que apenas apareça a imagem que enviou, no cabeçalho do wordpress. Para finalizar, apenas tem de transformar o cabeçalho customizado numa imagem clicável, para fazer o mesmo efeito que o titulo anterior.

Tornar o cabeçalho clicável

No painel administrativo, vá a:

  • Appearance
  • Editor
  • Header

Troque o trecho de código que se encontra no fim do ficheiro pelo que está na imagem a seguir:

trocar cabecalho wordpress imagem clicavel Como trocar o cabeçalho no wordpress

trocar cabeçalho wordpress imagem clicavel

Salve e já está.

Abra o seu blog e confirme se o cabeçalho tem a imagem clicável. Caso tenha alguma questão quer queira colocar sobre como trocar o cabeçalho do wordpress (tema kubrick) por uma imagem customizada e clicável, deixe comentário.

Posts Relacionados

  • Sem posts relacionados

Tags: ,

2 Comentarios para “Como trocar o cabeçalho no wordpress”

  1. Rudy says:

    não consegui fazer funcionar, quando comento o ficheiro ignorando com *// simplesmente o head volta a ficar azul.

  2. Olá,

    Óptima explicação e muito útil.

    Bjs
    Paula

Deixa um comentario