Como Colocar Um Menu Fixo
no Topo do Site WordPress

Atualizado em Março de 2019, por Tiago Dantas

Como Colocar Um Menu Fixo no Topo do Site WordPress

Atualizado em Março de 2019, por Tiago Dantas

Como Colocar Um Menu Fixo no Topo do Site WordPress

Atualizado em Março de 2019, por Tiago Dantas

Neste tutorial vais aprender como colocar um menu fixo no teu site do WordPress passo a passo – um menu flutuante no topo ao rolar a página.

> Obtém aqui a extensão do menu fixo OceanWP <

Queres aprender a criar um site como o do vídeo acima? Assiste aqui ao tutorial completo de criação de sites.

1.) Método Gratuito – Funciona em todos os temas do WordPress

O plugin myStickymenu é sem dúvida a melhor alternativa gratuita para colocar um menu fixo ao rolar a página no teu site do WordPress.

Segue os seguintes passos para colocares um menu fixo no topo do site:

1.) Faz login no painel do teu WordPress

2.) Vai ao menu Plugins do lado esquerdo e clica em Adicionar Novo

3.) Na barra de pesquisa dos Plugins procura por “myStickymenu”

4.) Instala e ativa este plugin

5.) No menu Configurações do lado esquerdo clica em myStickymenu

6.) Nas configurações do myStickymenu, no campo “Sticky Class” do menu General Settings substitui o texto “.navbar” pelo texto “.site-header” e no campo “Disable at Small Screen Sizes” substitui “0” por “1” se queres ativar o menu flutuante em celular. Vê como fiz na imagem abaixo:

plugin menu fixo wordpress

7.) Nas configurações do plugin myStickymenu clica no menu Style. Tens duas opções importantes nesta página: a cor do menu fixo e a transparência.

Nota: Se queres um menu fixo transparente coloca o valor “0” em Sticky Opacity. Se queres uma cor de fundo completa, coloca o valor de opacidade em 100 como tenho no exemplo abaixo.

plugin menu flutuante wordpress

8.) A cor de fundo é definida na caixa de texto do CSS style à frente da palavra “background”. Vais reparar que está escrito “none” à frente da palavra background. Apaga a palavra “none” e coloca o código hex correspondente à cor que desejas. Por exemplo o código hex da cor preta é: #000000 e o da cor branca é #ffffff

Nota: Podes usar a paleta do campo “Sticky Background Color” do menu Style para encontrares qual é o código hex da cor que desejas e depois basta copiares esse código para o campo do CSS style em frente a background

9. No menu “Advanced” podes desativar o menu flutuante em determinadas páginas do teu site

10. Quando terminares as edições clica em “Salvar alterações” e pronto já tens um menu flutuante no teu site!

Vantagens deste método:

1.) Grátis

2.) Simples

3.) Rápido

Desvantagens:

1.) Transição pouco suave e sem a animação da redução do logótipo

2.) Pode deixar de funcionar a qualquer momento pois é um plugin que não pertence ao tema

2.) Método Profissional para colocar um menu fixo no OceanWP

2.1) Menu flutuante no Tema OceanWP

Segue os seguintes passos para colocar um menu fixo no tema OceanWP usando o método profissional.

Atenção: Temos de criar uma conta no site OceanWP para instalar a extensão do menu fixo

1.) Clica aqui para visitar o site do OceanWP

2.) Clica no menu “Sign Up” no canto superior direito do menu principal

3.) Preenche os seguintes campos com o nome de utilizador, o email, a senha e confirma a senha. Por fim clica em REGISTER

Agora és membro do OceanWP e vais ser redirecionado para a página da tua conta (Your Account)

4.) Clica no menu Extensões que se encontra no menu do site

como colocar um menu flutuante no oceanwp

3.) Procura pela extensão com o nome “Sticky Header” e clica em Learn More

menu fixo oceanwp

5.) Clica em Checkout no canto superior direito da página para finalizar a compra

6.) Confirma os dados da compra e opta por um dos meios de pagamento disponíveis: Paypal ou Cartão de Crédito

7.) Preenche os campos da informação pessoal (PERSONAL INFO) com o email, primeiro e último nome

8.) Confirma os termos e condições e clica em PURCHASE

9.) Após a compra verifica a tua caixa de email e procura pelo email com o recibo da compra

10.) Abre o email e clica no link com o ficheiro zip para fazer download da extensão do Sticky Header (menu flutuante)

11.) Faz login no painel do WordPress

12.) Vai ao menu Plugins do lado esquerdo e clica em Adicionar Novo

13.) Clica em Enviar plugin no topo da página e a seguir clica em Escolher ficheiro

14.) Procura pelo nome do ficheiro zip “ocean-sticky.header-xxx.zip” que baixaste do email e clica em Abrir

14.) Clica em Instalar agora e de seguida clica em Ativar

15.) Vai ao menu Aparência do lado esquerdo e clica em Personalizar

16.) Vais reparar que foi adicionada uma extensão com o nome Sticky Header ao menu Personalizar – Clica em Sticky Header

17. Experimenta as várias opções para configurar o Sticky Header

menu fixo configurar

18.) Podes usar as mesmas definições que usei no site demo https://lojavirtualdemo.com

  • Sticky Mobile (flutuante em celular): Sim
  • Sticky Style: Shrink (reduz tamanho do logo e menu)
  • Sticky Effect: No Effect
  • Sticky Height (atura do menu flutuante): 54
  • Sticky Opacity (opacidade da cor): 1
  • Logo Height On Sticky (altura do logo no menu flutuante): 30
  • Background color (cor de fundo): #000000

Vantagens do método profissional

1.) Transição suave, visualmente apelativa e profissional

2.) Menu fixo 100% responsivo em todos os dispositivos

Desvantagem do método profissional

1.) Custa dinheiro

2.2) Menu fixo no tema GeneratePress

Segue os seguintes passos para colocar um menu fixo no tema GeneratePress (GP) usando o método profissional.

1.) Clica aqui para visitar o site do GeneratePress

2.) Clica no menu que diz Premium ou no botão que diz Premium que aparece na página inicial do site do GeneratePress

menu flutuante generatepress

3.) Na próxima página clica em Pricing

3.) Clica em Add to Cart para comprar a versão profissional do GP

4.) Escolhe o método de pagamento preferido (PayPal or Cartão de Crédito) e preenche os seguintes campos: email, primeiro nome, nome de utilizador, password e confirma a password.

comprar generatepress

5.) Por fim clica em Purchase para criar a conta e confirmar a compra!

6.) Após a compra podes baixar o GP Premium na página da tua conta do GP. Clica com o botão do lado direito sobre o ficheiro GP Premium para guardar no Ambiente de trabalho.

7.) Faz login no painel do WordPress

8.) Vai ao menu Plugins do lado esquerdo e clica em Adicionar Novo

9.) Clica em Enviar plugin no topo da página e a seguir clica em Escolher ficheiro

10.) Procura pelo nome do ficheiro zip “gp-premium.zip”

11.) Clica em Instalar agora e de seguida clica em Ativar

12.) Vai ao menu Aparência do lado esquerdo e clica em Personalizar > Layout > Sticky Navigation

Podes ativar o menu flutuante apenas em mobile, desktop, ambos ou desativar

Transição do menu flutuante no GP (Sticky Navigation Transition)

Temos 3 opções na transição do menu flutuante

  • Fade (aparecimento)- o menu flutuante aparece gradualmente assim que rolamos para baixo
  • Slide (deslizar) – o menu flutuante desliza para baixo assim que rolamos para baixo
  • None (nenhuma) – não há transição, assim que rolamos o menu simplesmente colado no topo

Esconder o menu ao rolar para baixo no GP (Hide when scrolling down)

Ao selecionarmos esta opção o menu flutuante desaparece, exceto quando rolamos para cima. Isto vai permitir poupar algum espaço no topo, útil especialmente em celulares.

Altura do menu (Menu Item Height)

Com esta opção podemos alterar a altura do menu quando ele se torna flutuante

Vantagens do método profissional

1.) Transição suave, visualmente apelativa e profissional

2.) Menu fixo 100% responsivo em todos os dispositivos

Desvantagem do método profissional

1.) Custa dinheiro

Recapitulando

Como vimos existem duas formas de criar um menu flutuante no nosso site do WordPress. Uma gratuita com o plugin myStickymenu e outra profissional usando as versões profissionais dos temas GeneratePress e OceanWP respetivamente.

A versão gratuita tem a vantagem de ser grátis e simples e a desvantagem de não ter uma transição tão profissional em comparação com a versão paga. Podes observar a versão paga tanto no VIVEDANET como neste site: https://lojavirtualdemo.com e comparar com a versão gratuita do myStickymenu.

Por isso fica ao critério de cada um qual dos métodos usar!

Espero que este artigo tenha sido útil e te tenha ajudado a melhorar o design do teu site 🙂

Tutoriais Populares

Como Criar Um Site (OceanWP)
Como Criar Um Site (GeneratePress)
Como Criar Uma Loja Virtual

Como Alterar os Créditos Rodapé

Neste tutorial vais aprender como colocar um menu fixo no teu site do WordPress passo a passo – um menu flutuante no topo ao rolar a página.

> Obtém aqui a extensão do menu fixo OceanWP <

Queres aprender a criar um site como o do vídeo acima?  Assiste aqui ao tutorial completo de criação de sites.

1.) Método Gratuito – Funciona em todos os temas do WordPress

O plugin myStickymenu é sem dúvida a melhor alternativa gratuita para colocar um menu fixo ao rolar a página no teu site do WordPress.

Segue os seguintes passos para colocares um menu fixo no topo do site:

1.) Faz login no painel do teu WordPress

2.) Vai ao menu Plugins do lado esquerdo e clica em Adicionar Novo

3.) Na barra de pesquisa dos Plugins procura por “myStickymenu”

4.) Instala e ativa este plugin

5.) No menu Configurações do lado esquerdo clica em myStickymenu

6.) Nas configurações do myStickymenu, no campo “Sticky Class” do menu General Settings substitui o texto “.navbar” pelo texto “.site-header” e no campo “Disable at Small Screen Sizes” substitui “0” por “1” se queres ativar o menu flutuante em celular. Vê como fiz na imagem abaixo:

plugin menu fixo wordpress

7.) Nas configurações do plugin myStickymenu clica no menu Style. Tens duas opções importantes nesta página: a cor do menu fixo e a transparência.

Nota: Se queres um menu fixo transparente coloca o valor “0” em Sticky Opacity. Se queres uma cor de fundo completa, coloca o valor de opacidade em 100 como tenho no exemplo abaixo.

plugin menu flutuante wordpress

8.) A cor de fundo é definida na caixa de texto do CSS style à frente da palavra “background”. Vais reparar que está escrito “none” à frente da palavra background. Apaga a palavra “none” e coloca o código hex correspondente à cor que desejas. Por exemplo o código hex da cor preta é: #000000 e o da cor branca é #ffffff

Nota: Podes usar a paleta do campo “Sticky Background Color” do menu Style para encontrares qual é o código hex da cor que desejas e depois basta copiares esse código para o campo do CSS style em frente a background

9. No menu “Advanced” podes desativar o menu flutuante em determinadas páginas do teu site

10. Quando terminares as edições clica em “Salvar alterações” e pronto já tens um menu flutuante no teu site!

Vantagens deste método:

1.) Grátis

2.) Simples

3.) Rápido

Desvantagens:

1.) Transição pouco suave e sem a animação da redução do logótipo

2.) Pode deixar de funcionar a qualquer momento pois é um plugin que não pertence ao tema

2.) Método Profissional para colocar um menu fixo no OceanWP

2.1) Menu flutuante no Tema OceanWP

Segue os seguintes passos para colocar um menu fixo no tema OceanWP usando o método profissional.

Atenção: Temos de criar uma conta no site OceanWP para instalar a extensão do menu fixo

1.) Clica aqui para visitar o site do OceanWP

2.) Clica no menu “Sign Up” no canto superior direito do menu principal

3.) Preenche os seguintes campos com o nome de utilizador, o email, a senha e confirma a senha. Por fim clica em REGISTER

Agora és membro do OceanWP e vais ser redirecionado para a página da tua conta (Your Account)

4.) Clica no menu Extensões que se encontra no menu do site

como colocar um menu flutuante no oceanwp

3.) Procura pela extensão com o nome “Sticky Header” e clica em Learn More

menu fixo oceanwp

5.) Clica em Checkout no canto superior direito da página para finalizar a compra

6.) Confirma os dados da compra e opta por um dos meios de pagamento disponíveis: Paypal ou Cartão de Crédito

7.) Preenche os campos da informação pessoal (PERSONAL INFO) com o email, primeiro e último nome

8.) Confirma os termos e condições e clica em PURCHASE

9.) Após a compra verifica a tua caixa de email e procura pelo email com o recibo da compra

10.) Abre o email e clica no link com o ficheiro zip para fazer download da extensão do Sticky Header (menu flutuante)

11.) Faz login no painel do WordPress

12.) Vai ao menu Plugins do lado esquerdo e clica em Adicionar Novo

13.) Clica em Enviar plugin no topo da página e a seguir clica em Escolher ficheiro

14.) Procura pelo nome do ficheiro zip “ocean-sticky.header-xxx.zip” que baixaste do email e clica em Abrir

14.) Clica em Instalar agora e de seguida clica em Ativar

15.) Vai ao menu Aparência do lado esquerdo e clica em Personalizar

16.) Vais reparar que foi adicionada uma extensão com o nome Sticky Header ao menu Personalizar – Clica em Sticky Header

17. Experimenta as várias opções para configurar o Sticky Header

menu fixo configurar

18.) Podes usar as mesmas definições que usei no site demo https://lojavirtualdemo.com

  • Sticky Mobile (flutuante em celular): Sim
  • Sticky Style: Shrink (reduz tamanho do logo e menu)
  • Sticky Effect: No Effect
  • Sticky Height (atura do menu flutuante): 54
  • Sticky Opacity (opacidade da cor): 1
  • Logo Height On Sticky (altura do logo no menu flutuante): 30
  • Background color (cor de fundo): #000000

Vantagens do método profissional

1.) Transição suave, visualmente apelativa e profissional

2.) Menu fixo 100% responsivo em todos os dispositivos

Desvantagem do método profissional

1.) Custa dinheiro

2.2) Menu fixo no tema GeneratePress

Segue os seguintes passos para colocar um menu fixo no tema GeneratePress (GP) usando o método profissional.

1.) Clica aqui para visitar o site do GeneratePress

2.) Clica no menu que diz Premium ou no botão que diz Premium que aparece na página inicial do site do GeneratePress

menu flutuante generatepress

3.) Na próxima página clica em Pricing

3.) Clica em Add to Cart para comprar a versão profissional do GP

4.) Escolhe o método de pagamento preferido (PayPal or Cartão de Crédito) e preenche os seguintes campos: email, primeiro nome, nome de utilizador, password e confirma a password.

comprar generatepress

5.) Por fim clica em Purchase para criar a conta e confirmar a compra!

6.) Após a compra podes baixar o GP Premium na página da tua conta do GP. Clica com o botão do lado direito sobre o ficheiro GP Premium para guardar no Ambiente de trabalho.

7.) Faz login no painel do WordPress

8.) Vai ao menu Plugins do lado esquerdo e clica em Adicionar Novo

9.) Clica em Enviar plugin no topo da página e a seguir clica em Escolher ficheiro

10.) Procura pelo nome do ficheiro zip “gp-premium.zip”

11.) Clica em Instalar agora e de seguida clica em Ativar

12.) Vai ao menu Aparência do lado esquerdo e clica em Personalizar > Layout > Sticky Navigation

Podes ativar o menu flutuante apenas em mobile, desktop, ambos ou desativar

Transição do menu flutuante no GP (Sticky Navigation Transition)

Temos 3 opções na transição do menu flutuante

  • Fade (aparecimento)- o menu flutuante aparece gradualmente assim que rolamos para baixo
  • Slide (deslizar) – o menu flutuante desliza para baixo assim que rolamos para baixo
  • None (nenhuma) – não há transição, assim que rolamos o menu simplesmente colado no topo

Esconder o menu ao rolar para baixo no GP (Hide when scrolling down)

Ao selecionarmos esta opção o menu flutuante desaparece, exceto quando rolamos para cima. Isto vai permitir poupar algum espaço no topo, útil especialmente em celulares.

Altura do menu (Menu Item Height)

Com esta opção podemos alterar a altura do menu quando ele se torna flutuante

Vantagens do método profissional

1.) Transição suave, visualmente apelativa e profissional

2.) Menu fixo 100% responsivo em todos os dispositivos

Desvantagem do método profissional

1.) Custa dinheiro

Recapitulando

Como vimos existem duas formas de criar um menu flutuante no nosso site do WordPress. Uma gratuita com o plugin myStickymenu e outra profissional usando as versões profissionais dos temas GeneratePress e OceanWP respetivamente.

A versão gratuita tem a vantagem de ser grátis e simples e a desvantagem de não ter uma transição tão profissional em comparação com a versão paga. Podes observar a versão paga tanto no VIVEDANET como neste site: https://lojavirtualdemo.com e comparar com a versão gratuita do myStickymenu.

Por isso fica ao critério de cada um qual dos métodos usar!

Espero que este artigo tenha sido útil e te tenha ajudado a melhorar o design do teu site 🙂

Tutoriais Populares

Como Criar Um Site (OceanWP)
Como Criar Um Site (GeneratePress)
Como Criar Uma Loja Virtual

Como Alterar os Créditos Rodapé

Neste tutorial vais aprender como colocar um menu fixo no teu site do WordPress passo a passo – um menu flutuante no topo ao rolar a página.

> Obtém aqui a extensão do menu fixo OceanWP <

Queres aprender a criar um site como o do vídeo acima? Assiste aqui ao tutorial completo de criação de sites.

1.) Método Gratuito – Funciona em todos os temas do WordPress

O plugin myStickymenu é sem dúvida a melhor alternativa gratuita para colocar um menu fixo ao rolar a página no teu site do WordPress.

Segue os seguintes passos para colocares um menu fixo no topo do site:

1.) Faz login no painel do teu WordPress

2.) Vai ao menu Plugins do lado esquerdo e clica em Adicionar Novo

3.) Na barra de pesquisa dos Plugins procura por “myStickymenu”

4.) Instala e ativa este plugin

5.) No menu Configurações do lado esquerdo clica em myStickymenu

6.) Nas configurações do myStickymenu, no campo “Sticky Class” do menu General Settings substitui o texto “.navbar” pelo texto “.site-header” e no campo “Disable at Small Screen Sizes” substitui “0” por “1” se queres ativar o menu flutuante em celular. Vê como fiz na imagem abaixo:

plugin menu fixo wordpress

7.) Nas configurações do plugin myStickymenu clica no menu Style. Tens duas opções importantes nesta página: a cor do menu fixo e a transparência.

Nota: Se queres um menu fixo transparente coloca o valor “0” em Sticky Opacity. Se queres uma cor de fundo completa, coloca o valor de opacidade em 100 como tenho no exemplo abaixo.

plugin menu flutuante wordpress

8.) A cor de fundo é definida na caixa de texto do CSS style à frente da palavra “background”. Vais reparar que está escrito “none” à frente da palavra background. Apaga a palavra “none” e coloca o código hex correspondente à cor que desejas. Por exemplo o código hex da cor preta é: #000000 e o da cor branca é #ffffff

Nota: Podes usar a paleta do campo “Sticky Background Color” do menu Style para encontrares qual é o código hex da cor que desejas e depois basta copiares esse código para o campo do CSS style em frente a background

9. No menu “Advanced” podes desativar o menu flutuante em determinadas páginas do teu site

10. Quando terminares as edições clica em “Salvar alterações” e pronto já tens um menu flutuante no teu site!

Vantagens deste método:

1.) Grátis

2.) Simples

3.) Rápido

Desvantagens:

1.) Transição pouco suave e sem a animação da redução do logótipo

2.) Pode deixar de funcionar a qualquer momento pois é um plugin que não pertence ao tema

2.) Método Profissional para colocar um menu fixo no OceanWP

2.1) Menu flutuante no Tema OceanWP

Segue os seguintes passos para colocar um menu fixo no tema OceanWP usando o método profissional.

Atenção: Temos de criar uma conta no site OceanWP para instalar a extensão do menu fixo

1.) Clica aqui para visitar o site do OceanWP

2.) Clica no menu “Sign Up” no canto superior direito do menu principal

3.) Preenche os seguintes campos com o nome de utilizador, o email, a senha e confirma a senha. Por fim clica em REGISTER

Agora és membro do OceanWP e vais ser redirecionado para a página da tua conta (Your Account)

4.) Clica no menu Extensões que se encontra no menu do site

como colocar um menu flutuante no oceanwp

3.) Procura pela extensão com o nome “Sticky Header” e clica em Learn More

menu fixo oceanwp

5.) Clica em Checkout no canto superior direito da página para finalizar a compra

6.) Confirma os dados da compra e opta por um dos meios de pagamento disponíveis: Paypal ou Cartão de Crédito

7.) Preenche os campos da informação pessoal (PERSONAL INFO) com o email, primeiro e último nome

8.) Confirma os termos e condições e clica em PURCHASE

9.) Após a compra verifica a tua caixa de email e procura pelo email com o recibo da compra

10.) Abre o email e clica no link com o ficheiro zip para fazer download da extensão do Sticky Header (menu flutuante)

11.) Faz login no painel do WordPress

12.) Vai ao menu Plugins do lado esquerdo e clica em Adicionar Novo

13.) Clica em Enviar plugin no topo da página e a seguir clica em Escolher ficheiro

14.) Procura pelo nome do ficheiro zip “ocean-sticky.header-xxx.zip” que baixaste do email e clica em Abrir

14.) Clica em Instalar agora e de seguida clica em Ativar

15.) Vai ao menu Aparência do lado esquerdo e clica em Personalizar

16.) Vais reparar que foi adicionada uma extensão com o nome Sticky Header ao menu Personalizar – Clica em Sticky Header

17. Experimenta as várias opções para configurar o Sticky Header

menu fixo configurar

18.) Podes usar as mesmas definições que usei no site demo https://lojavirtualdemo.com

  • Sticky Mobile (flutuante em celular): Sim
  • Sticky Style: Shrink (reduz tamanho do logo e menu)
  • Sticky Effect: No Effect
  • Sticky Height (atura do menu flutuante): 54
  • Sticky Opacity (opacidade da cor): 1
  • Logo Height On Sticky (altura do logo no menu flutuante): 30
  • Background color (cor de fundo): #000000

Vantagens do método profissional

1.) Transição suave, visualmente apelativa e profissional

2.) Menu fixo 100% responsivo em todos os dispositivos

Desvantagem do método profissional

1.) Custa dinheiro

2.2) Menu fixo no tema GeneratePress

Segue os seguintes passos para colocar um menu fixo no tema GeneratePress (GP) usando o método profissional.

1.) Clica aqui para visitar o site do GeneratePress

2.) Clica no menu que diz Premium ou no botão que diz Premium que aparece na página inicial do site do GeneratePress

menu flutuante generatepress

3.) Na próxima página clica em Pricing

3.) Clica em Add to Cart para comprar a versão profissional do GP

4.) Escolhe o método de pagamento preferido (PayPal or Cartão de Crédito) e preenche os seguintes campos: email, primeiro nome, nome de utilizador, password e confirma a password.

comprar generatepress

5.) Por fim clica em Purchase para criar a conta e confirmar a compra!

6.) Após a compra podes baixar o GP Premium na página da tua conta do GP. Clica com o botão do lado direito sobre o ficheiro GP Premium para guardar no Ambiente de trabalho.

7.) Faz login no painel do WordPress

8.) Vai ao menu Plugins do lado esquerdo e clica em Adicionar Novo

9.) Clica em Enviar plugin no topo da página e a seguir clica em Escolher ficheiro

10.) Procura pelo nome do ficheiro zip “gp-premium.zip”

11.) Clica em Instalar agora e de seguida clica em Ativar

12.) Vai ao menu Aparência do lado esquerdo e clica em Personalizar > Layout > Sticky Navigation

Podes ativar o menu flutuante apenas em mobile, desktop, ambos ou desativar

Transição do menu flutuante no GP (Sticky Navigation Transition)

Temos 3 opções na transição do menu flutuante

  • Fade (aparecimento)- o menu flutuante aparece gradualmente assim que rolamos para baixo
  • Slide (deslizar) – o menu flutuante desliza para baixo assim que rolamos para baixo
  • None (nenhuma) – não há transição, assim que rolamos o menu simplesmente colado no topo

Esconder o menu ao rolar para baixo no GP (Hide when scrolling down)

Ao selecionarmos esta opção o menu flutuante desaparece, exceto quando rolamos para cima. Isto vai permitir poupar algum espaço no topo, útil especialmente em celulares.

Altura do menu (Menu Item Height)

Com esta opção podemos alterar a altura do menu quando ele se torna flutuante

Vantagens do método profissional

1.) Transição suave, visualmente apelativa e profissional

2.) Menu fixo 100% responsivo em todos os dispositivos

Desvantagem do método profissional

1.) Custa dinheiro

Recapitulando

Como vimos existem duas formas de criar um menu flutuante no nosso site do WordPress. Uma gratuita com o plugin myStickymenu e outra profissional usando as versões profissionais dos temas GeneratePress e OceanWP respetivamente.

A versão gratuita tem a vantagem de ser grátis e simples e a desvantagem de não ter uma transição tão profissional em comparação com a versão paga. Podes observar a versão paga tanto no VIVEDANET como neste site: https://lojavirtualdemo.com e comparar com a versão gratuita do myStickymenu.

Por isso fica ao critério de cada um qual dos métodos usar!

Espero que este artigo tenha sido útil e te tenha ajudado a melhorar o design do teu site 🙂

Tutoriais Populares

Como Criar Um Site (OceanWP)
Como Criar Um Site (GeneratePress)
Como Criar Uma Loja Virtual

Como Alterar os Créditos Rodapé

Dicas Exclusivas Para Web Designers Não-Programadores

Aprende a criar sites bonitos, responsivos e personalizados, de maneira rápida e fácil. Basta arrastar e soltar. Recebe as minhas melhores dicas, exclusivamente para inscritos.

Dicas Exclusivas Para Web Designers Não-Programadores

Aprende a criar sites bonitos, responsivos e personalizados, de maneira rápida e fácil. Basta arrastar e soltar. Recebe as minhas melhores dicas, exclusivamente para inscritos.

Dicas Exclusivas Para Web Designers Não-Programadores

Aprende a criar sites bonitos, responsivos e personalizados, de maneira rápida e fácil. Basta arrastar e soltar. Recebe as minhas melhores dicas, exclusivamente para inscritos.

Fechar Menu

Criar Um Menu Fixo é Apenas 1 Peça Para Um Design Incrível…

Recomendo assistires a este tutorial para aprenderes tudo sobre como criar um design profissional passo a passo. 

Dizem que não há melhor do que isto no YouTube 😎

Criar Um Menu Fixo é Apenas 1 Peça Para Um Design Incrível…

Recomendo assistires a este tutorial para aprenderes tudo sobre como criar um design profissional passo a passo. 

Dizem que não há melhor do que isto no YouTube 😎

Usamos cookies para garantir que tem a melhor experiência possível no nosso site.

Usamos cookies para garantir que tem a melhor experiência possível no nosso site. Aprender mais

Usamos cookies para garantir que tem a melhor experiência possível no nosso site.

Espera, Isso é Abandono!

70% dos visitantes do teu site fazem isso e nunca mais voltam.

Neste tutorial grátis mostro como converter visitantes que abandonam o teu site em subscritores e clientes usando o Elementor.

Dicas exclusivas para designers não-programadores

Recebe o Modelo no teu Email

Detesto SPAM e prometo manter o teu endereço de e-mail seguro. Podes ler a minha política de privacidade.

Já subscrito? Podes submeter o formulário, não te preocupes, não serás adicionado à lista duas vezes.

Recebe as Minhas Melhores Dicas

Subscreve para receberes as novidades e as minhas melhores dicas para Elementor, WordPress, Tutoriais e Cursos. Descadastra com 1 clique quando quiseres.

Detesto SPAM e prometo manter o teu endereço de e-mail seguro. Podes ler a minha política de privacidade.

Já subscrito? Podes submeter o formulário, não te preocupes, não serás adicionado à lista duas vezes.