Passo 1: Acesse o Elementor Header & Footer Builder
- Login no WordPress:
- Acesse seu painel do WordPress.
- Faça login com suas credenciais.
- Acesse o Elementor Header & Footer Builder:
- No menu lateral, vá até Aparência > Header Footer & Blocks.
- Localize o cabeçalho que deseja editar e clique em Edit with Elementor (Editar com Elementor).
Passo 2: Editar Imagens para Desktop e Tablet com a Galeria
- Selecione a Seção do Cabeçalho:
- Clique na seção que contém a galeria de imagens usada no cabeçalho.
- Abrir Configurações da Galeria:
- Na seção selecionada, clique no ícone de lápis para editar a galeria.
- No painel esquerdo do Elementor, vá até a aba Content (Conteúdo).
- Substituir Imagens na Galeria:
- Na opção Images (Imagens), clique para abrir a biblioteca de mídia.
- Adicione ou substitua as imagens desejadas.
- Faça o upload das novas imagens ou selecione imagens já existentes na biblioteca.
- Clique em Create a New Gallery (Criar nova galeria) e em seguida Insert Gallery (Inserir Galeria).
- Configurar Exibição para Desktop e Tablet:
- Certifique-se de que as imagens estão configuradas corretamente para exibição em desktops e tablets.
- Na aba Advanced (Avançado), ajuste as margens, padding e outras configurações conforme necessário.
Passo 3: Editar Imagem para Mobile
- Mudar para Visualização Mobile:
- No rodapé do painel Elementor, clique no ícone de dispositivo (ícone de monitor) e selecione Mobile (Mobile).
- Selecione a Seção do Cabeçalho Mobile:
- Clique na seção que contém a imagem usada no cabeçalho mobile.
- Abrir Configurações da Imagem:
- Na seção selecionada, clique no ícone de lápis para editar a imagem.
- No painel esquerdo do Elementor, vá até a aba Style (Estilo).
- Substituir a Imagem:
- Na opção Image (Imagem), clique para abrir a biblioteca de mídia.
- Faça o upload de uma nova imagem ou selecione uma imagem já existente na biblioteca.
- Ajuste as configurações da imagem, como tamanho, posição e outras opções de estilo conforme necessário.
Passo 4: Revisar e Publicar as Alterações
- Visualizar as Alterações:
- Utilize os modos de visualização para verificar como o cabeçalho ficará em diferentes dispositivos (desktop, tablet e mobile).
- Publicar as Alterações:
- Se tudo estiver conforme desejado, clique no botão Update (Atualizar) no rodapé do painel Elementor para salvar as mudanças.
- Testar o Cabeçalho no Site:
- Acesse seu site em diferentes dispositivos para garantir que as imagens do cabeçalho estão aparecendo corretamente conforme as configurações aplicadas.
Dicas Finais:
- Resolução das Imagens: Certifique-se de que as imagens possuem resoluções adequadas para cada tipo de dispositivo.
- Performance: Otimize as imagens para garantir que o cabeçalho carregue rapidamente.
- Backup: Antes de fazer grandes alterações, considere fazer um backup do site para evitar qualquer perda de dados.
Seguindo esses passos, você conseguirá editar e substituir as imagens do cabeçalho para diferentes dispositivos usando o Elementor Header & Footer Builder de forma eficiente e organizada.
Após concluir essa etapa certifique de ler o conteúdo Gerenciando seu site de esportes – Redirecionamento de logos de times para que o redirecionamento funcione para Desktop e Tablet.