Mudando a logomarca no WordPress

De Wiki Hostnet
Ir para: navegação, pesquisa

Veja como editar sua logomarca no WordPress..

Será que só os blogs profissionais podem ter aquelas logomarcas no canto esquerdo? Veja como é simples mudar a logo do seu blog no Wordpress mudando algumas linhas do arquivo de cabeçalho.



Versão em texto do vídeo:

Depois de configurar a parte visual do seu blog, normalmente você vai querer configurar uma logomarca para dar um tom mais profissional ao seu site. Nesse vídeo você vai ver como substituir o título e a descrição do seu blog por uma imagem.

Em primeiro lugar, vamos criar fazer a imagem utilizando um programa gráfico. No nosso caso é importante que essa imagem tenha um fundo transparente, para que possamos encaixá-la no design do site.

Salvamos a nossa imagem em um formato .gif transparente, mas você também pode escolher o formato .png, que tem uma melhor resolução.

Agora podemos enviar a imagem que criamos para nosso servidor, utilizando o painel de controle Hostnet, vamos procurar a ferramenta ‘Gerenciador de Arquivos’. Dentro da pasta ‘www’ que é onde está o nosso site podemos criar uma pasta de imagens (utilizando o ícone ‘Nova Pasta) e dentro dela, enviamos o arquivo, selecionando a imagem gerada anteriormente e a enviamos ao servidor.

Através do vídeo poderá conferir o caminho da imagem para seu site.

Depois retornamos ao nosso site e acessamos o painel administrativo do blog, selecionamos o item ‘Aparência’ >> ‘Editor’. Antes de mexer no arquivo, recomendamos que você faça um backup dele dentro da sua própria máquina. Para isso clique com o botão direito, selecione tudo, copie o código, em seguida abra o aplicativo de Bloco de Notas, clique em ‘Editar’ e cole o código copiado anteriormente e salve o arquivo.

Caso a sua alteração não funcione ou gere algum erro, basta selecionar esse arquivo todo de novo e colar de volta no seu "WordPress".

Para fazer essa alteração, vamos ter que achar em uma div, uma área chamada header, para isso vamos clicar na barra de ferramentas do navegador em ‘Editar’ >> ‘Localizar’ e digitar header.

A primeira ocorrência não é a que queremos, a segunda também, clicamos em ‘Próxima’.  E achamos a área que procuramos: <div id=”header”>.

Pelo vídeo, poderá verificar a parte do código que foi marcada, que é aonde vai aparecer o nome do blog e onde vamos trocar para colocar uma imagem. Preste atenção no vídeo e veja onde vai apagar para inserir o código.

No local indicado, coloque <img src = “”> e no meio das aspas insira o caminho de sua imagem, poderá ver como ficou em nosso caso, através vídeo.

Se você quiser poderá colocar o endereço completo da imagem também. Salvamos as alterações e vamos ver como ficou o nosso site.

No caso desse tema, ficamos com um problema de interface, onde a descrição ficou sobre a barra horizontal. Vamos removê-la, voltando para o painel administrativo.

Na área ‘header’, removemos o código blog description (confira no vídeo), em seguida atualizamos o arquivo.

Não se preocupe em remover linhas ou modificar o seu tema, pois você já tem um backup dele que foi criado e salvo anteriormente.

Depois vemos como o site ficou e verificamos que não temos mais o título e a logo está no local correto.

Não deixe de visitar o site "Como Criar Meu Site" onde encontrará muitas dicas como essa.


Conteúdo importante para WordPress: