Aula 10# Curso de WordPress: O Que São e Como Criar MENU e RODAPÉ no WordPress

Vamos para a aula 10 do nosso Curso de WordPress, nessa aula eu vou te ensinar o que é menu e rodapé e como criá-los. Fala pessoal, tudo bem? Aqui é a  Micaela do Descomplicando Sites.

Antes de Partir para tutorial vou pedir para você deixar um like  nesse vídeo e para você se inscrever no canal. Bom pessoal, se você ainda não viu as últimas aulas  aqui do nosso curso de WordPress eu vou deixar o link no card e na descrição da playlist Onde fica  organizada todas as aulas ok na última aula você aprendeu personalizações e configurações do tema  como colocar a logo no site e como mudar o favicon do site tá E hoje eu vou te ensinar o que que é  menu e rodapé então menu é um conjunto de links que a gente usa para organizar e facilitar  a navegação no site e aí existe vários tipos diferentes de menus aqui no meu site por exemplo  eu tenho este menu aqui que ele é um menu onde a gente clica e a gente muda para páginas diferentes  então tem a página de aulas a página de blog a página de portfólio kit de ferramentas e a página  de contato tem esse tipo de menu aqui também que é o menu que a gente chama de menu Âncora que  eu ensinei a criar neste site aqui eu ensinei a criar esse site aqui no canal tá é um site de  nutricionista e ele é um site que a gente chama de one page uma página só então neste menu aqui  a gente usou os links para organizar as sessões do site então aqui ó quando eu clico em sobre nós  ele me leva como uma Âncora por isso que a gente chama de menu Âncora para a parte do site onde eu  tô falando de sobre nós especialidades também a mesma coisa contato também a mesma coisa só temos  um link externo aqui que é o de blog que aí ele nos leva aqui pra página de blog né mas a maioria  aqui do menu ele é Âncora então nos leva para uma parte aqui do site tem esse outro menu aqui que é  um menu que tem algumas partes de submenus que a gente também chama de dropdown em inglês tá então  se a gente passar o mouse aqui em cima de brincos a gente vai ter uma categoria aqui embaixo  de argolas então quando a gente tem algumas informações que podem ser hierárquicas como aqui  no caso de brincos a gente consegue fazer isso poderia ser também no site institucional então  aqui como eu tenho especialidades né eu tenho nutrição esportiva Clínica Pediátrica eu poderia  fazer essa mesma coisa que eu fiz aqui ó de menu drop Down neste da aqui aí Se eu passasse o mouse  em especialidades aí eu poderia Abrir nutrição esportiva nutrição Clínica Mas isso acontece mais  quando a gente tem páginas com mais informações né detalhadas sobre cada uma das coisas e isso ajuda  a facilitar a navegação do usuário né aqui também eu tenho pulseiras, sobrancelhas aqui é um site  que eu fiz dois tipos de menus então eu tenho esse menu aqui em cima que é um menu que eu separei as  páginas e tenho esse menu aqui com esses links que eu separei as categorias da loja essa aqui é uma  loja que eu ensinei vocês a criar no canal essa loja que eu também ensinei vocês a criar no canal  foi a primeira loja que eu ensinei Inclusive essa daqui e aí nela você consegue ver ó que eu clico  E aí eu vou pra categoria de blusas aqui eu clico e vou pra categoria de calças então nós temos dois  menus diferentes esse daqui e esse daqui tá então o menu é isso é um conjunto de links para poder  navegar no site existe uma diferença entre menu e cabeçalho cabeçalho que a gente chama em inglês de  header é bom que você memorize essas palavras tá Às vezes quando você for fazer alguma configuração  em algum plugin no próprio Elementor no tema vai ter esses dois nomes aqui cabeçalho ou header se  tiver escrito em inglês o cabeçalho ou header é essa parte aqui onde a gente coloca o menu né  o menu é só os links o cabeçalho é toda essa parte aqui de cima onde a gente estiliza a gente  coloca com fundo de cor diferente a gente pode colocar uma logo aqui no meu caso eu tenho uma  lupinha para poder buscar posts aqui no no canal né tenho aqui ícones de redes sociais no caso  dessa daqui também eu fiz bem parecida né deixei a logo o menu aqui e um botão e aí aqui em cima  coloquei mais informações de contato neste caso aqui no caso de loja eu coloquei aqui uma lupinha  aberta ícone pra página de minha conta aqui no caso desse cabeçalho eu coloquei dois menus né um  menu aqui em cima um menu aqui embaixo e aqui no meio coloquei logo busca né então cabeçalho  é toda essa parte aqui de cima que comporta os links do menu e mais informações tá então são  coisas diferentes menu é os links e o cabeçalho é essa parte aqui essa são que comporta todas essas  informações aqui no início do site tá já o rodapé que a gente também conhece como footer em inglês  é essa parte aqui de baixo do site essa última sessão aqui do site onde a gente também coloca  algumas informações geralmente o que não pode faltar são essas informações aqui de copywriter ou  de de marca registrada né políticas de privacidade tem muito aqui também ícones de redes sociais esse  botãozinho de voltar pro topo a depender do tipo de site você pode precisar de mais informações  no rodapé então sites institucionais né sites de empresas de instituições a gente geralmente  coloca isso daqui mais informações né a gente não deixa Nenhum espaço pra pessoa Sair do site sem  ter o que ela precisa Então como às vezes ela tá chegando aqui no final do site a gente já deixa  informações de contato e links importantes para que ela não precise subir no site novamente para  achar isso a gente já deixa aqui telefone contato e-mail né endereço a logo outros links podem ser  até os mesmos links que tem no menu porque às vezes tem menus que não descem até aqui embaixo né  outras informações mais detalhadas ícones de redes sociais e também o que não pode faltar que são  as informações de copywriter ou marca registrada e políticas de privacidade tá E aí vai ter menus  diferentes para cada situação aqui no caso de loja por exemplo ó a gente coloca formas de pagamento  também né coisas que se referem à segurança do site aqui o meu menu ele está repetido depois eu  tenho até que corrigir aqui nessa loja tá vendo ó Eu deixei o menu ele se repetiu aqui mas enfim  coisas que são necessárias para navegação aqui na loja né rastremento de produtos informação também  né de contato que é o que geralmente não falta em sites institucionais e novamente aqui ó marca  registrada copywriter e no caso de empresas que vendem alguma coisa é importante que tenha o CNPJ  aqui nessa loja também a mesma coisa né deixei aqui algumas lista de algumas categorias né aqui  CNPJ endereço né links importantes segurança forma de pagamento Mas a gente sempre deixa aglomerados  de informações que que Vai facilitar a navegação do site Tá bom então o rodapé ou também chamado  de footer é isso E aí agora como criar no caso do menu é emum lugar bem específico sempre vai  ser no mesmo lugar que é aqui em aparência menus E aí essa é uma configuração do próprio WordPress  lembre-se menus são esses links aqui tá E aí você pode ter vários menus no mesmo site como esse  aqui da Aurora Fashion ó tem um menu diferente aqui para cima um menu diferente aqui no meio  e também tem menus aqui embaixo né então você poderia criar menus lá no WordPress vários menus e  distribuir eles no layout se você quiser menus são esses aglomerados de link E aí aqui você coloca o  nome dado para seu menu se você for criar apenas um menu no site você pode colocar Só menu mesmo o  nome se você for diferenciar né se você colocar o menu em cima o menu embaixo o menu no rodapé você  pode colocar nomes diferentes por exemplo menu principal E aí depois você coloca menu topo menu  do rodapé eu vou colocar menu principal porque eu vou criar dois aqui para você ver a diferença aí  aqui você coloca o título o nome que vai ser esse menu aqui onde já que ele vai ser adicionado  né se você quiser já selecionar se ele vai ser adicionado no cabeçalho ou no rodapé Vou colocar  aqui cabeçalho vou clicar criar menu e aí pronto aí agora eu vou começar a criar os links do meu  menu quando você tem várias páginas no seu site ele já fica aqui ó em páginas né já fica aqui  para você aqui fica as mais recentes adicionar se você clicar em ver tudo Você consegue ver  todas as páginas aí eu vou colocar a página home a de blog né vou colocar essa de teste aqui  também vou clicar em adicionar ao menu tá vendo tenho todas essas páginas aqui uma vez que você  adicionou se você selecionou elas aqui você vai ter selecionado o link delas mas você pode mudar  esse título que aparece aqui por exemplo o nome da página é home né se você quiser você pode  mudar para início né ou pode deixar home ou no caso aqui de teste tá vendo que tá escrito  em em minúsculo você fosse para corrigir Você poderia só corrigir a palavra e colocar a letra  maiúscula ou mudar totalmente vou colocar por exemplo sobre nós mudei e o link continua o mesmo  aí uma vez que você mudou é só você clicar aqui em salvar menu você pode mudar a ordem também  ó colocar home sobre nós e blog aqui no final você pode criar links personalizados ó páginas é  quando já tem a página e você seleciona e vai pra página direto link personalizado é realmente  link personalizado a você pode pôr o link que você quiser você pode pôr um link Ancora como no  caso desse aqui que você vai para alguma sessão você pode colocar o link de alguma categoria se  for eh no caso desse Portal de Notícias aqui eu deixei algumas categorias aqui no menu então  se a pessoa clica Ela vai para a categoria de lifestyle aqui no blog então você pode colocar  link de categorias link de categoria de produto links para WhatsApp link para rede social o que  você quiser colocar de link você consegue colocar aqui em links personalizados tá se você quiser  fazer um link Âncora como esse daqui você vai precisar ter nessa são aqui o id e você vai puxar  ele tem um vídeo específico só sobre menu Ancora eu vou ensinar para você lá quando a gente tiver  usando o elemento tá então por enquanto não vou mostrar aqui neste vídeo não tá mas só para você  saber que aí você vem aqui e você coloca o link Então vamos supor que eu vou colocar o link do  meu YouTube né vamos supor que eu quero colocar o link do meu YouTube eu venho aqui e coloco e aqui  eu coloco o texto Então colocar YouTube adiciono pronto tá vendo e aí aqui quando a pessoa  clicar ela vai ser redirecionada lá pro meu YouTube eu posso se eu quiser fazer dessa forma  do amorel joias que é assim com o menu dropDown é só você arrastar pro lado então por exemplo eu  tenho aqui o YouTube né se eu quiser colocar ele abaixo aqui de blog é só arrastar pro lado quando  ele fica assim pro lado significa que lá no menu vai ficar dessa forma vai ter blog E aqui embaixo  vai ter o YouTube posso arrastar para outro canto também ó posso deixar ele aqui do lado de sobre  não se eu quiser deixar ele normal eu deixo ele rente à extremidade se eu arrasto pro lado aí ele  fica aqui como submenu né como menu dropdown que a gente chama Ok E aí você faz isso você pode  colocar Quantos você quiser aqui e clicar em salvar menu às vezes se você quiser criar o o  menu E aí depois adicionar o link pode também você pode vir aqui em links personalizados  Aí você coloca por exemplo especialidades E aí você coloca só uma hashtag para marcar aqui se  você não colocar nada você não consegue adicionar ele mas se você pôr hashtag você consegue tá  vendo aí eu coloco aqui especialidades coloco aqui por exemplo contato vamos P depois eu vou  criar a página de contato e depois eu venho aqui linko pronto salvei o menu aí você já criou aqui  aí depois que tiver pronto né que você souber os links que você for colocar aqui aí você volta aqui  e coloca o link então aqui na página de contato né É só você substituir a URL por essa daqui né aqui  nesse Campo aqui na na de Especialidades também ó onde tem URL aí você escua esse hashtag e cola  o link que você quis e clica em salvar se você quiser excluir algumas partes também é só você  clicar por exemplo quero excluir YouTube abre clica aqui em remover Pronto já excluiu e clica  aqui em salvar ok se você quiser adicionar outro menu É só você clicar aqui em cima tá vendo ó  criar um novo menu aí você clica aqui aí você vai criar um outro menu vou colocar por exemplo  menu do rodapé vou selecionar rodapé aqui vou clicar em criar menu e aí eu vou criar outro  aí Aqui tem outras opções também tá vendo que tem aqui categorias se eu quiser vir aqui em ver  tudo e pegar essas categorias que eu tenho aqui eu posso colocar também posso selecioná-las todas  de uma vez adicionar todas ao menu aqui em links Personalizado se eu quiser adicionar alguma coisa  eu posso colocar também vou colocar por exemplo últimas notícias coloco hashtag aqui e ponho  adicionar menu Pronto coloquei o que eu quero ó se eu quiser fazer submenu eu faço assim se não  se deixa assim e vou clicar em salvar e se você quiser ver todos os menus você clica aqui em menus  ele vai ficar aqui para você mexer o último que você criou se você quiser alterar entre os menus  ó é só você vir aqui em cima seleciona o menu para editar eu quero voltar lá naquele cabeçalho  clica aqui clica em selecionar pronto aí já vai estar aberto aqui para você mexer Tá vou criar  um um outro link personalizado aqui só pra gente poder só pra gente poder colocar  aqui como submenu para que você veja o efeito lá na na tela na hora  que eu tiver te mostrando pronto Aí clica aqui em salvar beleza aí se  a gente acessar aqui o nosso site agora vai estar mostrando aqui o menu em cima  tá vendo ó e aqui tem o submenu tá vendo Então como eu selecionei ele para ele ficar aparecendo  no cabeçalho ele já fica mostrando aqui para mim como eu selecionei aquele do rodapé para já ficar  mostrando aqui no rodapé ele já fica mostrando aqui para mim tá então menus que são esses links  se cria assim agora o rodapé vai depender muito do tema então lembra que a gente aprendeu lá na aula  sobre tema que para você editar as configurações do tema você vem aqui em aparência temas clica  em personalizar ou então você pode clicar aqui em personalizar direto ou então se você tiver fora  aqui ó em alguma página você pode clicar aqui em cima em personalizar todos vai para essa mesma  telinha E aí você consegue editar as configurações do tema por aqui só que aí aqui nesse tema que é  o Hello Elementor não nos deixa criar só com ele o rodapé a gente precisa usar o Elementor que é  um plugin adicional é um plugin gratuito mas é um plugin adicional então eu não consigo mostrar para  você editando o rodapé aqui vai depender de cada tema tem tema que vai te deixar editar tudo tem  tema que não vai deixar eu vou mudar o tema aqui ó vou adicionar um novo tema vou colocar esse tema  Astra aqui vou instalar ele só para você ver que a depender do tipo de tema que você instalar vai  ter as configurações diferentes eu gosto de usar esse que a gente está mesmo que é o Hello porque  eu gosto de criar tudo com Elementor então eu crio todo o cabeçalho com Elementor todo rodapé  a página inteira com elemento então eu gosto disso mas só para te mostrar aqui a diferença nós  vamos mudar o tema então ó tô aqui com tema Astra ó tá vendo que ele já muda a estrutura já muda as  cores já muda tudo então se eu vier aqui dar uma pesquisada vamos ver se ele nos deixa ó construtor  de rodapé ó ele nos deixa criar o rodapé aqui então aqui o copyright que é aquela essa mensagem  aqui que fica embaixo ele nos deixa editar aqui se a gente quiser tá vendo ó tá escrito aqui em  inglês se você quiser você pode mudar inclusive esse link aqui do tema astral se você quiser você  pode tirar também tá vendo aí você vai tirando e vai salvando aqui também ele deixa adicionar o  widgets né então aqui por exemplo ó redes sociais se você quiser colocar ó tá vendo apareceu ali em  cima as redes sociais aí você consegue editar as redes sociais né você clica no lapizinho aí você  clica aqui coloca URL se você quiser adicionar outras coisas como por exemplo o menu aqui do  footer né que é o menu do rodapé você consegue também aí ele aparece ali já você clica aqui nele  e você vai editando então só para te mostrar que a depender do tema ele vai te dar opções só que  como a gente usa o elementor a gente ignora todas essas configurações aqui do tema no rodapé que a  gente vai criar tudo com elementor você vai ver mais para a frente no curso tá bom mas é isso menu  rodapé espero que vocês tenham gostado dessa aula, deixa aqui nos comentários se você ficou  com alguma dúvida, o que você achou. Deixa um like no vídeo se inscreve no canal, te  vejo na próxima aula, um abraço, tchau.