Você já viu um menu responsivo em tela cheia em blogs populares? Esses menus são exibidos ao clicar no ícone do menu. Quando um usuário clica nele, uma sobreposição desliza na tela e exibe o conteúdo do menu.

Neste tutorial, mostrarei como exibir um menu responsivo e de tela cheia no seu blog WordPress, sem precisar escrever uma única linha de código.

Menu fullscreen-preview

A primeira coisa a fazer é instalar e ativar o plugin DC Fullscreen menu Responsive. Depois de ativar o plug-in, você deve visitar o " Aparência> Menu DC Fullscreen“, Para configurar o menu.

fullscreenmenusettings

Nesta nova interface, você deve escolher o menu que deseja exibir. Se você ainda não criou um menu, você tem que pensar em fazê-lo.

Depois disso, você precisa selecionar a direção da animação (da esquerda para a direita ou da direita para a esquerda) Você pode escolher entre vários tipos de entretenimento.

DC Fullscreen Responsive permite que você escolha uma imagem de fundo e texto também para o menu. Certifique-se de escolher uma ótima combinação que seja suave para os olhos e que corresponda ao seu esquema de cores.

Ao escolher um texto ou uma cor de fundo, você deve sempre considerar o caractere de legibilidade.

Você pode escolher uma política Google Fonts para o seu menu. Basta especificar o nome da fonte e o plug-in fará o resto.

Não se esqueça de desmarcar a caixa " Fazer a ligação pequena com o autor", O que o impedirá de postar um link para o site do autor (a menos que você quiser dar-lhe o seu apoio, que não será de qualquer recusa).

E, finalmente, você deve clicar no botão "Enviar" para salvar seu menu. Agora você pode visitar seu blog para vê-lo em ação. Tente redimensionar as dimensões da janela do navegador, se você não pode testar este menu em outros dispositivos.

Para este tutorial é isso, não hesite em compartilhá-lo com seus amigos em suas redes sociais favoritas. E aproveito novamente para desejar a vocês um excelente e feliz ano novo de 2016.

4 ações
ação4
chilrear
Enregistrer