{"id":10,"date":"2017-07-21T11:32:35","date_gmt":"2017-07-21T14:32:35","guid":{"rendered":"http:\/\/www.masterbox.ind.br\/site\/?p=10"},"modified":"2017-07-21T15:03:17","modified_gmt":"2017-07-21T18:03:17","slug":"criando-menus-personalizados-no-wordpress","status":"publish","type":"post","link":"https:\/\/www.masterbox.ind.br\/site\/criando-menus-personalizados-no-wordpress\/","title":{"rendered":"Criando menus personalizados no WordPress"},"content":{"rendered":"<p>Uma das novidades do WordPress, a partir da vers&atilde;o <strong>3.0<\/strong> &eacute; o gerenciamento de menus. Nas vers&otilde;es anteriores o gerenciamento de itens de menus era feito atrav&eacute;s da quantidade de p&aacute;ginas que seu site possuia, vamos aqui por exemplo, no painel administrativo, vamos acessar a sess&atilde;o &#8220;P&aacute;ginas&#8221;. Vamos ver aqui, que temos duas p&aacute;ginas cadastradas &#8220;Contato&#8221; e &#8220;Sobre&#8221; esses itens v&atilde;o virar itens de menu. O WordPress e o item &#8220;In&iacute;cio&#8221; onde voc&ecirc; ser&aacute; direcionado para a p&aacute;gina principal.<\/p>\n<p>A partir de agora ganhamos um importante recurso para criar menus personalizados independente da quantidade e do conte&uacute;do das p&aacute;ginas criadas. Vamos aprender como criar menus e como inseri-los em nosso site em um tutorial dividido em duas partes.<\/p>\n<p>&Eacute; importante destacar que para podermos utilizar todos os recursos de menus no WordPress, seu tema deve ser compat&iacute;vel com eles, no nosso caso, estamos utilizando o tema Twenty Ten, que j&aacute; vem pr&eacute;-instalado no WordPress 3.0, mas n&atilde;o se preocupe na segunda parte desse tutorial veremos como utilizar menus em casos onde o tema n&atilde;o suporte o recurso.<\/p>\n<p>Vamos voltar ao painel de controle e na sess&atilde;o &#8220;Apar&ecirc;ncia&#8221; vamos clicar em &#8220;Menus&#8221;. Se por acaso o seu tema n&atilde;o for compat&iacute;vel uma mensagem ser&aacute; exibida logo abaixo do item &#8220;Menus&#8221; informando que seu tema n&atilde;o possui a compatibilidade. No canto direito vamos colocar um nome para o menu, vou chamar de &#8220;Menu01&#8221; e clicar sobre o bot&atilde;o &#8220;Criar Menu&#8221;. Se voc&ecirc; quiser criar outro menu, basta clicar no s&iacute;mbolo de &#8220;+&#8221; digitar o nome &#8220;Menu02&#8221; clicando em &#8220;Criar Menu&#8221;. Perceba logo acima que agora tenho o &#8220;Menu02&#8221; e o &#8220;Menu01&#8221; e eles podem ser personalizados separadamente.<\/p>\n<p>Voltando ao &#8220;Menu01&#8221; vamos configur&aacute;-lo como nosso menu principal, no canto esquerdo recebemos a informa&ccedil;&atilde;o de que o tema atual suporta apenas 1 menu na parte superior, que &eacute; exatamente essa &aacute;rea. Devemos ent&atilde;o escolher qual o menu que colocaremos. &#8220;Menu01&#8221; &eacute; a nossa op&ccedil;&atilde;o. Vamos primeiro criar o nosso item de navega&ccedil;&atilde;o principal. Vamos digitar o endere&ccedil;o do nosso site (&#8220;<a href=\"http:\/\/www.comocriarmeusite.com.br\/\" rel=\"nofollow\">www.comocriarmeusite.com.br<\/a>&#8220;) e como r&oacute;tulo vamos colocar &#8220;In&iacute;cio&#8221; em seguida, clicar em &#8220;Adicionar ao menu&#8221;.<\/p>\n<p>No canto direito, j&aacute; foi criado o item &#8220;In&iacute;cio&#8221;. Vamos repetir o mesmo processo e criar um segundo item, que vai ser o nosso menu principal, chamado de &#8220;Categorias&#8221;. Vou criar um link pro mesmo endere&ccedil;o que &eacute; o nosso endere&ccedil;o principal, s&oacute; que no r&oacute;tulo eu vou colocar &#8220;Categorias&#8221;. Agora n&oacute;s temos dois itens no canto direito. Vamos agora criar os subitens de categorias.<\/p>\n<p>No meu site, eu tenho 3 categorias, vamos selecionar todas, clicando em &#8220;Selecionar Tudo&#8221; e &#8220;Adicionar ao menu&#8221; da &aacute;rea &#8220;Categorias&#8221;. Agora n&oacute;s temos 5 itens de menu. Sendo que &#8220;Not&iacute;cias&#8221;, &#8220;Hist&oacute;rias e &#8220;V&iacute;deos&#8221; eu quero dentro do item &#8220;Categorias&#8221;.<\/p>\n<p>Vamos come&ccedil;ar com &#8220;Not&iacute;cias&#8221;. Clique sobre o item e arraste um pouco pro lado direito, automaticamente, ele ser&aacute; deslocado horizontalmente. Solte o mouse e repita o processo com as outras categorias.<\/p>\n<p>Vamos criar tamb&eacute;m, um link para a p&aacute;gina de &#8220;Contato&#8221;. Selecionando apenas &#8220;Contato&#8221; e &#8220;Adicionar ao menu&#8221;. O item &#8220;Contato&#8221; n&atilde;o vai ser colocado dentro de &#8220;Categorias&#8221;. Temos ent&atilde;o, uma ordem hier&aacute;rquica. Na parte superior, clique em &#8220;Salvar Menu&#8221;. Vamos voltar ao nosso site e atualiz&aacute;-lo. Agora eu tenho os itens &#8220;In&iacute;cio&#8221;, &#8220;Categorias&#8221; e &#8220;Contato&#8221;. Sendo que dentro de &#8220;Categorias&#8221; eu tenho &#8220;Not&iacute;cias&#8221;, &#8220;Hist&oacute;rias e &#8220;V&iacute;deos&#8221;.<\/p>\n<p>Podemos ainda criar submenus de submenus. Vamos voltar ao nosso &#8220;Gerenciador de Menus&#8221; e por exemplo, a minha sess&atilde;o &#8220;V&iacute;deos&#8221; vai estar dentro da sess&atilde;o de &#8220;Not&iacute;cias&#8221;. Eu arrasto ela um pouquinho pra cima e tamb&eacute;m um pouco para a direita, criando uma nova ordem hier&aacute;rquica, mais uma vez vamos subir e clicar em &#8220;Salvar Menu&#8221; e voltando ao site, atualiz&aacute;-lo. Vamos a sess&atilde;o de &#8220;Categorias&#8221; e ver que agora s&oacute; existe &#8220;Not&iacute;cias&#8221; e &#8220;Hist&oacute;rias porque a sess&atilde;o de &#8220;V&iacute;deos&#8221; est&aacute; dentro de &#8220;Not&iacute;cias&#8221;.<\/p>\n<p><strong>A partir de agora criar menus no WordPress &eacute; muito simples e &uacute;til para melhorar a navegabilidade do seu usu&aacute;rio.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Uma das novidades do WordPress, a partir da vers&atilde;o 3.0 &eacute; o gerenciamento de menus. Nas vers&otilde;es anteriores o gerenciamento de itens de menus era feito atrav&eacute;s da quantidade de p&aacute;ginas que seu site possuia, vamos aqui por exemplo, no painel administrativo, vamos acessar a sess&atilde;o &#8220;P&aacute;ginas&#8221;. Vamos ver aqui, que temos duas p&aacute;ginas cadastradas [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":42,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-10","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-curso-wordpress"],"_links":{"self":[{"href":"https:\/\/www.masterbox.ind.br\/site\/wp-json\/wp\/v2\/posts\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.masterbox.ind.br\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.masterbox.ind.br\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.masterbox.ind.br\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.masterbox.ind.br\/site\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":1,"href":"https:\/\/www.masterbox.ind.br\/site\/wp-json\/wp\/v2\/posts\/10\/revisions"}],"predecessor-version":[{"id":11,"href":"https:\/\/www.masterbox.ind.br\/site\/wp-json\/wp\/v2\/posts\/10\/revisions\/11"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.masterbox.ind.br\/site\/wp-json\/wp\/v2\/media\/42"}],"wp:attachment":[{"href":"https:\/\/www.masterbox.ind.br\/site\/wp-json\/wp\/v2\/media?parent=10"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.masterbox.ind.br\/site\/wp-json\/wp\/v2\/categories?post=10"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.masterbox.ind.br\/site\/wp-json\/wp\/v2\/tags?post=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}