Aprenda como criar um cabeçalho fixo no site WordPress ✔️
Vamos supor que você tenha um site e queira que seu cabeçalho esteja sempre visível no topo.
Você pode fazer isso facilmente seguindo nossos 2 passos simples.
Então, vamos começar!👇
🎬 𝗧𝗮𝗯𝗹𝗲 𝗱𝗼𝘀 𝗰𝗼𝗻𝘁𝗲ú𝗱𝗼𝘀
0:00 Introdução
0:41 Instalar o Plugin ‘MyStickyMenu’
1:35 Tornar o Cabeçalho Fixo
2:26 Mudar a cor da seção do cabeçalho
3:43 Tornar o cabeçalho fixo para qualquer tema
📌 𝗙𝗼𝗹𝗹𝗼𝘄 𝗲𝘀𝘀𝗲𝘀 𝗽𝗮𝘀𝘀𝗼𝘀 𝘀𝗶𝗺𝗽𝗹𝗲𝘀
Passo 1: Instalar o Plugin ‘MyStickyMenu’
Vá para o Painel do WordPress ► Plugins ► Adicionar Novo
Agora pesquise por ‘MyStickyMenu’ e clique em ‘Instalar’ & ‘Ativar’.
Passo 2: Tornar o Cabeçalho Fixo
Vá para o Painel do WordPress ► myStickymenu ► Configurações do menu fixo
Agora selecione ‘Menu Principal’ na Classe Fixa & clique em ‘Salvar’.
Em seguida, vamos ver como você pode mudar a cor da seção do cabeçalho.
Vá para o Painel do WordPress ► myStickymenu ► Configurações do menu fixo
Agora, em ‘Cor de Fundo Fixa’, escolha a cor & clique em ‘Salvar’.
Para alguns temas no seu site, o plugin não conseguiu encontrar o cabeçalho.
Então, para tornar o cabeçalho fixo para esses temas,
Vá para o Painel do WordPress ► myStickymenu ► Configurações do menu fixo
Agora, na ‘Classe Fixa’ selecione ‘Outra Classe ou ID’
Agora você precisa inserir o ID ou classe do cabeçalho.
Para obter isso, vá para o seu site
Agora clique com o botão direito no cabeçalho e clique em ‘Inspecionar’.
E você encontrará o ID e a Classe do seu cabeçalho.
Agora basta copiar um deles e colar no campo da classe fixa.
Certifique-se de inserir ‘#’ se estiver inserindo ID e ‘. (ponto)’ se estiver inserindo classe.
Uma vez que você tenha inserido ID ou Classe, clique em ‘Salvar’.
É assim que você pode criar um cabeçalho fixo no site WordPress.
❤️ 𝗢𝘂𝗿 𝗥𝗲𝗰𝗼𝗺𝗺𝗲𝗻𝗱𝗲𝗱 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀 𝗧𝗼𝗼𝗹𝘀
🔥 𝗚𝘂𝗶𝗮 𝗱𝗼 𝗦𝗶𝘁𝗲 - 𝗣𝗮𝘀𝘀𝗼𝘀 𝗦𝗶𝗺𝗽𝗹𝗲𝘀 & 𝗘𝗮𝘀𝘆 𝗦𝘁𝗲𝗽𝘀 𝗽𝗮𝗿𝗮 𝗹𝗮𝘂𝗻𝗰𝗵𝗮𝗿 𝘀𝘂𝗮 𝗽𝗿𝗶𝗺𝗲𝗶𝗿𝗮 𝗦𝗶𝘁𝗲
🎓 𝗥𝗲𝘀𝗼𝘂𝗿𝗰𝗲𝘀 𝗽𝗮𝗿𝗮 𝗴𝗲𝘁 𝗯𝗲𝘁𝘁𝗲𝗿 𝗮𝘁 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀
🎁 𝗖𝗼𝘂𝗽𝗼𝗻𝘀
🙌 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹𝗹𝘆:
Quer que seu site seja desenvolvido por nós? Envie-nos suas necessidades para contact@websitelearners.com
💬 𝗙𝗼𝗹𝗹𝗼𝘄 & 𝗖𝗵𝗮𝘁 𝘄𝗶𝘁𝗵 𝘂𝘀: