fbpx

Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Revisão do plug-in: UberMenu 2.3

Você está em:

Revisão do plug-in: UberMenu 2.3

Muitas vezes me pergunto, o que faz um visitante gostar de um site? É apenas o conteúdo? É o desenho? Ou são os dois? Eu estive pensando sobre isso por um bom tempo agora, e cheguei a uma conclusão. Um dos elementos-chave em qualquer bom site é a clareza. Um site limpo e bem categorizado com bom conteúdo (incluindo texto, imagens, áudio e/ou vídeo) é nada menos que brilhante.

As pessoas gastam muito tempo e esforço para melhorar seus sitemaps XML, SEO e marketing de mídia social. Isso é ótimo para fazer com que seu usuário encontre seu site no Google/Twitter. O que acontece quando uma pessoa chega ao seu site? Será que ele vai gostar do que vê? Ele irá marcar esse site? O que acionaria seus nervos felizes e pressionaria o botão Curtir/Seguir?

Insira a experiência do usuário. Muitas pessoas prestam pouca atenção a isso. Felizmente, Tom explicou recentemente como melhorar a experiência do usuário do seu site.  Ele divide o UX (abreviação de experiência do usuário) em três componentes – design, usabilidade e conteúdo. Em suma, eu gosto de chamar isso de clareza.

No artigo de hoje, vou revisar um plugin de aprimoramento de menu WordPress muito popular chamado UberMenu . Custando apenas 16 USD, este plugin cruzou mais de 17.000 vendas no CodeCanyon. Seu cérebro já fez as contas – mais de 272.000 USD – apenas com um plugin. Agora que tenho sua atenção, vamos começar.

Instalação

Instalar o UberMenu é muito fácil. Existem duas maneiras de instalá-lo, uma é onde você extrai o arquivo e carrega todos os 261 arquivos e 39 pastas para sua pasta de plugins em wp_content via FTP ou simplesmente instala a partir do painel do WordPress em Plugins> Adicionar novo> Carregar carregando diretamente o arquivo zip.

Depois de ativar o plug-in, um bom tutorial é exibido que o orienta na configuração básica do plug-in. Eu recomendo que você siga esse guia, pois ele lhe dará uma visão panorâmica do que está reservado para você – e você não ficará desapontado.

Revisão do menu Uber 01

Começando com o básico

O desenvolvedor do plugin, Chris Mavricos, não deixou pedra sobre pedra quando se trata de documentar seu plugin. A documentação também inclui tutoriais em vídeo. Eu me humilhei para ler a documentação por 2 minutos, o que me deu uma compreensão básica do plugin. O recurso MegaMenu é extremamente útil quando se trata de categorizar seu conteúdo até o último bit. Se você é um cara frenético de gravadoras (como o Dr. Sheldon Cooper), você vai adorar isso.

MegaMenu

MegaMenu é uma versão avançada do menu padrão do WordPress com opções altamente personalizáveis. O layout CSS padrão do MegaMenu suporta 3 níveis básicos de hierarquia. Felizmente, você tem a opção de executar seu CSS personalizado, o que praticamente permite alterar todos os aspectos do layout do MegaMenu.

Para aqueles que não entendem o sistema de menus do WordPress, preparei o seguinte guia para você:

Menus do WordPress: um guia rápido

Suponha que você tenha um blog onde fala sobre seus programas de TV, músicas, livros e filmes favoritos. Vamos aprender como criar um menu onde você pode indexar o conteúdo do seu site corretamente. Para começar, você precisa criar um menu (Aparência > Menus) e atribuí-lo ao local suportado pelo tema. Para este tutorial, estamos usando o tema Twenty Eleven WordPress que suporta 1 menu principal. Agora que você criou o menu, é hora de construí-lo. Criamos uma entrada primária chamada “TV”.

Isso o torna nível 1, no topo da lista de hierarquia. Em seguida, dividimos os programas de TV de acordo com seu gênero – digamos Realidade, Drama e Sitcoms. Esses três gêneros estão no nível 2, ou seja, no segundo nível da lista hierárquica. Finalmente, em cada gênero, entramos na série de TV de acordo. Agora, cada programa de TV é o 3º nível. Obtemos algo assim:

Entendendo os menus do WordPressAqui está como ficaria no layout de menu padrão do WordPress:

Sem Menu Uber

E é assim que fica com o MegaMenu:

MegaMenu-1

Classificação limpa, simples e livre de desordem.

MegaMenu com Imagens e Descrição

Adicionando imagens e descrição a cada entrada do menu como cereja no topo do bolo. O UberMenu permite atribuir uma imagem e uma descrição a quase todos os elementos do menu, além de remover o texto visível (caso você queira apenas as imagens) ou destacar entradas individuais do menu. Tudo graças a esta incrível lista de controle disponível em cada elemento do menu.

Opções do menu

No entanto, as imagens no menu não serão redimensionadas automaticamente se você não tiver ativado o Timthumb, portanto, você precisa carregar/atribuir imagens do tamanho exato que deseja exibir. No meu exemplo, usei imagens de 300×300 pixels.

No entanto, se você ativar o Timthumb, todas as imagens carregadas serão redimensionadas nas dimensões que você atribuir às configurações.

MegaMenu Com Imagens

Veja como um item de menu fica com descrições:

Descrições do MegaMenu

Widgets nos menus

Este é o recurso final que torna o UberMenu o rei de todos os plugins de menu. O conceito é bastante simples, mas totalmente brilhante. Você define o número de slots de widget que deseja (que pode ser quantos quiser) nas configurações do UberMenu e, em seguida, coloca os widgets de acordo na página Widgets.

Widgets

Para colocar o widget no menu, simplesmente expanda o elemento do menu e selecione o widget que deseja atribuir. Certifique-se de marcar as caixas de seleção Desativar texto e Desativar links.

Aqui está um exemplo das maravilhas que os widgets (dentro dos menus) podem fazer:

Widgets dentro do Menu

Personalização poderosa

UberMenu tem muitas opções de personalização CSS3 poderosas disponíveis no Gerador de Estilos que você pode usar para dar ao seu menu uma aparência única. Ele também suporta um CSS totalmente personalizado e ajustes personalizados parciais.

Opções de CSS

Ele também vem com muitos modelos de estilo bem projetados, qualquer um dos quais você pode usar em seu menu.

Predefinições de estilo

Outro recurso digno de nota é o Assistente de Personalização,  que é muito útil quando você deseja ver as possíveis opções de personalização do menu.

Diversos

Integração de temas

A maioria dos temas por aí funciona com o UberMenu, mas se você estiver usando um tema que usa uma estrutura básica, como a estrutura de temas Genesis ou Headway, a integração do tema pode ser um pouco complicada. Felizmente, Chris documentou essa parte maravilhosamente, fornecendo a você o conhecimento exato necessário para integrar o UberMenu em seu tema personalizado.

Painel de controle

O painel de controle do plugin é bem simples de usar. Ele funciona em um sistema estritamente binário – ative ou desative um recurso. Na minha opinião é uma das melhores formas de representar as opções disponíveis.

Velocidade do site

Um dos fatores mais importantes no SEO e nos rankings dos mecanismos de busca, a velocidade do site é de importância fundamental. O UberMenu tem um impacto insignificante no tempo de carregamento do site. Eu usei o Pingdom para realizar um teste de tempo de carregamento da página antes e depois de instalar o plugin. O UberMenu aumentou o tempo de carregamento em apenas 0,25 segundos. Você pode notar que o tamanho da página aumentou muito, mas isso é porque eu usei 3 imagens no menu “Top Picks”.

Antes da instalação do plug-in

Antes da instalação do plug-in

Após a instalação do plug-in

Após a instalação do plug-in

Design responsivo

UberMenu tem regras lógicas individuais para iPhone, iPad e navegador Android. Eu tentei redimensionar meu navegador para ver como o menu responde. Funcionou como um encanto. Assim que meu navegador cruzou uma certa largura, o menu mudou para um layout diferente e responsivo.

Compatibilidade do navegador

UberMenu é totalmente compatível com os navegadores modernos populares como Chrome, Firefox, Safari, IE 9 e IE 10.

Apoiar

Outra razão pela qual este plugin é tão popular. UberMenu tem uma ampla gama de opções de suporte disponíveis. Inclui uma base de conhecimento bem projetada, um fórum de suporte, um canal do YouTube cheio de tutoriais e um guia de solução de problemas. Todos estes são bem mantidos e amplamente documentados.

Pensamentos finais

UberMenu é facilmente o melhor plugin de menu do WordPress com uma infinidade de opções de personalização. No entanto, ele não deve ser usado por iniciantes absolutos, pois requer uma sólida compreensão dos menus e widgets do WordPress. É mais um sonho tornado realidade para desenvolvedores avançados do WordPress, graças às suas poderosas opções de personalização de CSS.

Aconselho a todos que leiam cuidadosamente a extensa documentação para ter uma compreensão clara dos recursos do plugin. Por apenas 16 USD isso é um roubo!

OBTENHA O UBERMENU AGORA

Você já usou o UberMenu antes? Deixe-nos saber suas opiniões!

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

Meu carrinho
🎁 Faltam R$100,00 para liberar a Black da FULL
Seu carrinho está vazio.

Parece que você não adicionou nada ao seu carrinho =(