COMO CRIAR E CONFIGURAR O MENU DO SEU SITE COM ELEMENTOR (NAV MENU) - ELEMENTOR
fala pessoal que é o bruno da escola de sites no vídeo de hoje eu vou te ensinar a fazer um menu profissional para o seu site ele é utilizado em vários outros sites ele está bem na moda e ele é bem fácil de fazer se você tiver a metodologia correta inclusive esse vídeo aqui é um pedaço de um outro vídeo maior que ensina a fazer uma página inteira baseada no site da régis fez então se você tem interesse em ver esse trabalho completo dá uma olhadinha depois no link da inscrição mas é isso aí vamos
fazer esse mesmo profissional vamos lá vamos lá vamos aqui abrir o nosso painel do wordpress ea primeira coisa que a gente vai fazer é vir aqui e adicionar uma imagem para essa primeira coluna pra isso muito simples a gente vem aqui nos nossos feeds selecionar que o ebit de imagem que cá e simplesmente arrastar ele a posição que a gente quer voltar ele aqui e clicar uma vez aqui em escolher a imagem aqui na aba de enviar arquivos eu vou selecionar o arquivo aqui ou então simplesmente arrastar
aqui uma imagem do nosso logotipo para ele fazer o upload aqui eu já tenho outras aqui que eu peguei o próprio redes fez e esse logotipo que eu fiz exemplo ele é bem simples e feito é só que um círculo pode ser monocromático nesse caso que adicione um degradê bem sutil e que uma fonte bem fina em caixa alta escrito aqui o nome da marca a escola de sites você pode repetir esse procedimento aqui para o seu site também esse logotipo aqui é bem simples de ser feito ou é claro se você já tiver
um outro logotipo você pode adicionar ele aqui talvez um designer tenha feito pra você maravilha hoje aqui portanto é que ele esteja em png e otimizado para web eu vou usar esse como exemplo e também você pode vir aqui diminuir um pouquinho o tamanho dessa como o segundo passo para a gente voltar aqui pra nossa referência nesse adicionar que todos esses itens do menu que ele tem aqui do lado então vamos lá pra você vai ver também que é um processo bem tranquil o pra isso a gente vai vir aqui nos
elementos novamente e o ideal seria a gente utilizar aqui o na'vi minuto do elemento pronto ainda mais se você estiver fazendo um site para sua empresa um site com fins comerciais eu recomendo demais você investir nas ferramentas corretas em vez de comprar um tema todo pronto que vai deixar todo travado sem liberdade nenhuma eu acho muito mais vantajoso se compra o elemento própria e desbloquear digamos assim todas essas funcionalidades sensacionai s que ele te dá aqui tem várias outras coisas
internas também do wordpress e facilitam demais sua vida e deixa o seu site com aspecto bem mais profissional e de um jeito sempre muito fácil de mexer se você tiver um elemento própria usa que a função do navio menino que vai facilitar demais a vida vai estar muito mais flexibilidade no design e aí é só arrastar e aqui em pessoa criar um menu aqui internamente lá no wordpress eu criei aqui que tem algumas páginas principais assim que v ocê pode usar mas é claro você pode mudar o nome delas aqui
de acordo com o planejamento que você fez o seu site que tem uma página de início uma página de produtos contato uma área blog e uma central aqui de ajuda para os seus clientes para editar isso aqui eu colocaria o alinhamento na direita vou retirar esse ponteiro que deixarem nome não vou mexer aqui no indicador do subgrupo que a gente não está utilizando um submarino mas poderíamos utilizar sem problema aqui com esse menu do eleitor próprio e aí porque eu só faltando a gente fazer algumas
modificações na aba que de estilo então em cor do texto eu vou colocar esse cinza meio azulado aqui e vou fazer algumas modificações na tipografia a gente pode alterar praticamente tudo aqui tamanho peso da fonte transformação que vou deixar aqui maiúsculo peso eu vou deixar aqui em 300 ou 400 e também acho que vale a pena diminuir um pouquinho o tamanho dessa fonte talvez ao entorno aqui de 14 13 fique legal a g ente ainda pode fazer várias modificações aqui passamento da fonte por exemplo
poderia ser em um preço fica mais espaçado que pode mudar aqui a distância entre os itens que o espaçamento também entre eles ajustar isso aqui pra fazer um ajuste bem fino totalmente visual e se você ainda não tem um elemento por prótese no link nosso na descrição que você vai pro site oficial da elemento toma muito cuidado não cumprir de outras fontes que pelo site oficial do elemento é a única form a legal de se comprar o software e aqui você realmente tem a garantia que você vai está
instalando um software original no seu site problema de softwares falsificados é que eles podem comprometer a segurança do seu site eo pior de tudo a segurança dos clientes que estão entrando no seu site então toma muito cuidado se você tiver uma mentalidade de um empreendedor de uma empresa realmente vai ver que esse investimento aqui não é tão alto já em torno de si 80 você vai ver que é um investimento que vale bastante a pena se tiver confuso em como essas licenças funcionam dá uma olhadinha
no vídeo aqui da escola de sites quente explica que custa e como que funciona cada uma dessas licenças do elemento surpresa então dá uma olhadinha neste vídeo é só você escolher sua licença que querem comprar e selecionar a forma de pagamento aqui você vai precisar ou de um cartão internacional ea maioria dos bancos hoje em dia te dá um cartão internacional talvez só precise de sbloquear essa função dele ou então você pode também pagar com o paypal você vai precisar de uma conta lá que ensina me
engano você pode usar qualquer tipo de cartão de crédito brasileiro e isso lembrando se você for comprar essa licença usa o nosso link que você está ajudando demais o nosso canal uma vez que preencha os dados só clicar em check out a gente tem outro vídeo que ensina como fazer a instalação do alimento o próprio dá uma olhada nele que vai desbloquear todas essas func ionalidades que eu estou mostrando se mesmo assim você não que investir num elemento o próprio está fazendo um site para um cliente
ele não quer pagar a licença do elemento o próprio uma outra possibilidade que você tem é fazer um menu usando a lista de ícones e aí mais um vídeo na discrição pra você vou deixá-la uma forma de fazer um menu parecido com esse aqui usando o lista de ícones que é da versão gratuita do ano então pode ser uma boa você dá uma olhadinha nisso aqui também mas é isso aí vamos seguir que ainda tem bastante caminho pela frente e vou fazer aqui de uma maneira um pouco mais acelerada tão com base aqui na
nossa referência ainda falta que esse botão de login e esse aqui diz de assinar gratuitamente então pra isso eu vou duplicar essa nossa coluna aqui do menu deletar esse nosso menu e talvez seja necessário a gente fazer algumas modificações aqui nos tamanhos e os espaçamentos de todos esses itens aqui é interessante também que a gente sempre v ai ficando nessa setinha prevendo como está ficando nesse caso aqui tá tudo ok a gente talvez só precise vim aqui editar essa sessão e colocar a largura de
conteúdo como largura total verificar de uma ponta a outra perfeito que pode inclusive diminuir aqui um pouquinho tamanho desse logotipo ainda e acho que estamos prontos para adicionar nossos botões aqui do lado vamos lá meu primeiro dia aqui nos nossos elementos um elemento gratuito de botão vai arrastar equipe o ato beleza a gen te vai fazer aqui a modificação no texto dele vamos colocar login além disso retirar o fundo desse botão aqui então em cor de fundo eu vou deixar ele como transparente
em cor de texto que vai colocar uma outra cor aqui eu vou usar um clube que eu sempre recomendo uma extensão do google chrome na verdade que esse pique collor eu vim aqui simplesmente clicar nessa cor eu falo dele em vários vídeos aqui no canal eu vim aqui simplesmente não control v ac em várias detenções aqui do googl e chrome que eu sempre utilizo facilitam demais meu trabalho inclusive pode ser um tópico em um próximo vídeo em minhas cinco extensões de google chrome preferidas para quem é web
design já fica a dica então você não inscrito no nosso canal já se inscreve para não perder os próximos vídeos em que a gente fizer além disso pra gente continuar vamos criar um outro botão e pra isso eu vou duplicar novamente essa coluna pra deixar um aqui do lado eu posso arrastar um botão de novo pra cá ou simplesmente editar esse aqui já está pronto e o segundo botão é aqui um botão de se inscrever então a gente vai vir aqui alterar esse texto para algo como inscreva-se vai precisar fazer
algumas outras modificações do estilo como por exemplo a cor do texto vou colocar como branco ea cor de fundo vou colocar com a mesma coisa aqui do nosso logotipo que poderia também usar as mesmas cores aqui que ele está utilizando nesse caso vamos fazer um teste que e vendo como é que fica se n ão ficar com um design muito legal se as cores não combinarem tanto assim a gente vai lá e muda aqui no tutorial esse aqui é mais como se fosse um esboço aqui do site mostrando o processo que eu uso para
criar uma página que totalmente do zé e tenho certeza que envolve muita tentativa e erro aqui que vai sempre ajustando detalhes vizinhos que ficaram faltando corrigindo algumas coisas até chegar no resultado que a gente realmente deseja que eu posso ir alterando bastante aqui das ses sões até ficar aqui da forma que eu realmente desejo colar que esses dois itens aqui o mais próximo que eu consegui faltou aqui fazer uma pequena modificação nesse botão aqui um estilo que pode colocar arredondamento
em 60 para ele ficar aqui redondinho além disso na tipografia a gente vai deixar aqui como maiúsculo ea gente pode também diminuir um pouquinho essa fonte e também diminuir o peso dela aqui pra 400 ou 300 e após alguns ajustes aqui de espaçamento também percebi que nesse botão aqui o ideal é que eu vim aqui em estilo e vem aqui pedem exerce esse pé e isso vai ser a aborda o botão faz com que ele ocupe menos espaço a gente ver como está ficando que já está começando a tomar alguma forma além
disso a gente precisa alinhar todos esses elementos para que eles fiquem na mesma linha que estão para isso estiverem aqui na nossa coluna alinhamento vertical que vai deixar todas elas como meio pode ver que já estão ajustando aqui e assim vai ficar muito mai s bonito e assim nosso site vai ficar bem mais padronizado e também a gente pode aumentar um pouquinho o tamanho de toda essa sessão para isso tem várias formas a minha preferida teria vim aqui em altura e clicar aqui em altura mínima de
fini ao entorno aqui de sangue pode ver como está ficando aqui maravilha está ficando bem parecido com o resultado que a gente espera claro que essa que é uma adaptação tão vai ficar um pouco diferente e o ideal mesmo é que você altere o que você a char necessário por exemplo você acha que o inscrever-se gratuitamente está muito grande não está combinando muito não tá muito legível então tire ele teste aqui com inscreva-se teste com outras palavras até você chegar a um resultado que fique melhor
pra você claro que pra isso é bom que se tenha feito um bom planejamento isso vai conseguinte orientar e durante o caminho e como você viu pra fazer esse menu profissional da maneira mais fácil possível a gente utilizou o elemento por p róprio vou deixar um link na descrição desse vídeo para que você compre ele da fonte oficial do elemento e não tenha problema nenhum no seu site além disso se você quiser aprender a fazer esse menu rolar e acompanhar a página do seu usuário dá uma olhadinha no
outro vídeo que eu fiz o link dele tá na descrição também se chama escola e até que é bem fácil explicou lá o passo a passo se você gostou desse vídeo aqui não se esquece que gostei e se inscrevem no nosso canal para não per der os próximos vídeos e se você gostou de civis e te ajudou de alguma forma deixa o seu leque se inscreve no nosso canal ativo seguiu pra não perder nenhum dos próximos vídeos que a gente possa estar por aqui deixe um comentário deixa suas dúvidas em baixo e isso aí te vejo
no próximo vídeo
0 Comentários