Como alterar uma imagem de cabeçalho do WordPress quando seu tema não tiver uma configuração para ele

So ändern Sie ein WordPress-Header-Bild, wenn Ihr Thema keine Einstellung dafür hat
⏱️ 3 min read

WordPress é um construtor de sites e um sistema de gerenciamento de conteúdo incrivelmente poderoso e fácil de usar. Sua vasta quantidade de temas para cada tipo de site que você possa imaginar (blog, e-commerce, portfólio de artista, site de negócios, etc.) chega a dezenas de milhares. No entanto, em sua simplicidade, os modelos do WordPress (especialmente os gratuitos) podem ser bastante limitados em funcionalidade e opções de personalização.

Caso em questão: Adicionar ou alterar uma imagem de cabeçalho do WordPress quando o personalizador do tema não permitir. Provavelmente, o tema que você já está usando tem uma imagem de cabeçalho padrão. Seu trabalho é localizar essa imagem de cabeçalho embutida e substituí-la pela sua. Aqui está uma solução alternativa rápida e suja sobre como fazer isso acontecer.

1. Faça login em sua conta de administrador do WordPress.

2. Passe o mouse sobre o ícone da página inicial e o nome do site na parte superior esquerda da janela de administração do WordPress. Selecione “Visitar site”.

3. Dependendo do seu navegador da web, haverá pequenas variações nesta próxima etapa. No entanto, essencialmente o mesmo conceito se aplica aqui a todos os navegadores da web. Por exemplo: ao usar o Google Chrome, clique com o botão direito do mouse na área do cabeçalho do seu site e selecione a opção “Inspecionar”.

Isso traz uma grande quantidade de informações de bastidores sobre o código CSS, PHP e HTML. No entanto, você não precisa ser um codificador para realizar o seguinte truque.

4. Procure o código que existe no <div id="header"> e <div id="logo"> e (na imagem a seguir) <div id="splash"> Tags HTML. Lá você provavelmente encontrará o caminho do URL para onde a imagem do cabeçalho está hospedada, algo como este: http: //www.domain-name/wp-content/themes/theme-name/images/image-name.jpg

Usar o recurso 'inspecionar' do navegador ajuda a localizar arquivos de sites específicos.

5. Neste ponto, você localizou onde a imagem de cabeçalho padrão está sendo hospedada e agora é hora de entrar no sistema de arquivos da sua conta de hospedagem na web e procurar essa mesma imagem para substituí-la.

Mas antes de fazer isso, você precisa anotar a altura e a largura em pixels do cabeçalho da imagem padrão porque aquele pelo qual você está substituindo deve ter exatamente o mesmo tamanho. Provavelmente, você pode clicar com o botão direito do mouse na própria imagem, salvá-la na área de trabalho e inspecionar as propriedades / informações do arquivo, que geralmente incluem as dimensões em pixels da imagem.

6. Os serviços de hospedagem na web são geralmente gerenciados por meio de uma interface fácil de usar chamada “CPanel”. Dentro de “CPanel” está o “Gerenciador de Arquivos”. Você precisa fazer login no gerenciador de arquivos e clicar em um caminho semelhante ao onde a imagem do cabeçalho está localizada, algo como “/home/userdirectory/public_html/wp-content/themes/theme-name/images/image-name.jpg

O 'Gerenciador de Arquivos' do CPanel permite que você acesse um arquivo de componente do tema WordPress.

7. Clique com o botão direito do mouse no arquivo de imagem de cabeçalho existente e renomeie-o para algo como “nome-da-imagem-old.jpg”.

8. Faça upload da nova imagem de cabeçalho para esse diretório específico. Certifique-se de que o novo nome do arquivo de imagem seja exatamente igual ao antigo.

Usando o 'Gerenciador de Arquivos' do CPanel para renomear o arquivo de imagem de cabeçalho antigo e substituí-lo por um novo.

9. Limpe os arquivos de cache de imagem do seu navegador.

10. Volte para a página inicial do seu site e atualize.

Usando os recursos de 'inspeção' de código embutidos de um navegador da web e o gerenciador de arquivos de um site, você pode alterar a imagem do cabeçalho sem codificar.

Agora você deve ver uma nova imagem de cabeçalho em seu modelo WordPress.

Como Corrigir O Erro “Este Acess...
Como Corrigir O Erro “Este Acessório Pode Não Ser Compatível” No IPhone

Conclusão

Sem saber como codificar nas três linguagens principais do WordPress (por exemplo, CSS, PHP e HTML), você pode fazer muitas coisas sob o capô de um modelo WordPress simplesmente manipulando os arquivos que compõem o modelo. Tudo que você precisa fazer é saber onde o arquivo (como um arquivo de imagem) está localizado para que você possa localizá-lo e substituí-lo por seu próprio design personalizado!

Join our Newsletter and receive offers and updates! ✅

0 0 votes
Article Rating
Avatar of Routech

Routech

Routech is a website that provides technology news, reviews and tips. It covers a wide range of topics including smartphones, laptops, tablets, gaming, gadgets, software, internet and more. The website is updated daily with new articles and videos, and also has a forum where users can discuss technology-related topics.

Você pode gostar...

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x