{"id":10718,"date":"2023-05-07T08:46:51","date_gmt":"2023-05-07T11:46:51","guid":{"rendered":"https:\/\/categoriaoutros.com.br\/?p=10718"},"modified":"2023-05-07T08:47:45","modified_gmt":"2023-05-07T11:47:45","slug":"wordpress-como-adicionar-botoes-com-links","status":"publish","type":"post","link":"https:\/\/categoriaoutros.com.br\/?p=10718","title":{"rendered":"WordPress: Como Adicionar Bot\u00f5es com Links?"},"content":{"rendered":"\n<p>Vamos ver como adicionar bot\u00f5es onde os usu\u00e1rios podem clicar para irem para outra p\u00e1gina ou local da mesma. Bot\u00f5es s\u00e3o \u00fateis e embelezam a p\u00e1gina.<\/p>\n\n\n\n<p>Esse artigo \u00e9 baseado no da p\u00e1gina oficial do WordPress e cont\u00e9m pequenas varia\u00e7\u00f5es e ajustes.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"adicionar-o-bloco-de-botoes\">Adicionar o bloco de bot\u00f5es<\/h4>\n\n\n\n<p>Para adicionar o&nbsp;<strong>bloco de bot\u00f5es<\/strong>, clique no&nbsp;<strong>\u00edcone de inser\u00e7\u00e3o de blocos<\/strong>&nbsp;<strong>(+)<\/strong>&nbsp;e pesquise \u201cbot\u00f5es\u201d. Clique no bloco para adicion\u00e1-lo ao post ou \u00e0 p\u00e1gina. Depois de adicionar o primeiro bot\u00e3o, digite o texto que voc\u00ea quer que ele exiba.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/en-support.files.wordpress.com\/2020\/12\/adding-a-buttons-block-min.gif\"><img decoding=\"async\" src=\"https:\/\/en-support.files.wordpress.com\/2020\/12\/adding-a-buttons-block-min.gif\" alt=\"Como adicionar um bloco de bot\u00f5es \"\/><\/a><figcaption class=\"wp-element-caption\">Como adicionar um bloco de bot\u00f5es no wordpress<\/figcaption><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Usando o teclado, voc\u00ea tamb\u00e9m pode digitar&nbsp;<code>\/bot\u00f5es<\/code>&nbsp;em uma nova linha e pressionar Enter para adicionar rapidamente um novo&nbsp;<strong>bloco de bot\u00f5es<\/strong>.<\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/en-support.files.wordpress.com\/2020\/12\/add-a-buttons-block-with-slash-inserter.png?w=688\" alt=\"Como adicionar um bloco de bot\u00f5es usando uma barra\" class=\"wp-image-176044\"\/><figcaption class=\"wp-element-caption\">Adicione um bloco de bot\u00f5es usando uma barra<\/figcaption><\/figure>\n\n\n\n<p>Voc\u00ea encontra instru\u00e7\u00f5es detalhadas sobre como adicionar blocos&nbsp;<a href=\"https:\/\/wordpress.com\/pt-br\/support\/editor-do-wordpress\/#como-adicionar-um-bloco\">neste link<\/a>.<\/p>\n\n\n\n<p><a href=\"https:\/\/wordpress.com\/pt-br\/support\/editor-do-wordpress\/blocos\/bloco-de-botao\/#barra-de-ferramentas-do-bloco\"><\/a><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"barra-de-ferramentas-do-bloco\">Barra de ferramentas do bloco<\/h4>\n\n\n\n<p>Existem dois n\u00edveis no&nbsp;<strong>bloco de bot\u00f5es<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>O&nbsp;<strong>bloco de bot\u00f5es<\/strong>&nbsp;geral, contendo um ou mais bot\u00f5es. Ele \u00e9 conhecido como o bloco&nbsp;<em>principal<\/em>.<\/li>\n\n\n\n<li>Os blocos de&nbsp;<strong>bot\u00f5es<\/strong>&nbsp;individuais dentro do bloco de&nbsp;<strong>bot\u00f5es<\/strong>&nbsp;principal.<\/li>\n<\/ul>\n\n\n\n<p>Ao clicar no&nbsp;<strong>bloco de bot\u00f5es<\/strong>&nbsp;principal, aparecer\u00e1 uma barra de ferramentas com op\u00e7\u00f5es:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Alterar o bloco de bot\u00f5es para outro tipo de bloco<\/li>\n\n\n\n<li>Arrastar as al\u00e7as do bloco para alterar a posi\u00e7\u00e3o dele<\/li>\n\n\n\n<li>Mover para cima e para baixo<\/li>\n\n\n\n<li>Alterar a justifica\u00e7\u00e3o do item (<a href=\"https:\/\/wordpress.com\/pt-br\/support\/editor-do-wordpress\/blocos\/bloco-de-botao\/#bot%c3%b5es-de-alinhamento\">falaremos sobre isso mais para frente<\/a>)<\/li>\n\n\n\n<li>Mudar o alinhamento vertical<\/li>\n\n\n\n<li>Outras op\u00e7\u00f5es da barra de ferramentas<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/en-support.files.wordpress.com\/2022\/04\/buttons-block-parent-toolbar-1.png?w=552\" alt=\"Barra de ferramentas do bloco de bot\u00f5es principal\" class=\"wp-image-196803\"\/><figcaption class=\"wp-element-caption\">Barra de ferramentas do&nbsp;<strong>bloco de bot\u00f5es<\/strong>&nbsp;principal<\/figcaption><\/figure>\n\n\n\n<p>A barra de ferramentas dos&nbsp;<strong>blocos de bot\u00f5es<\/strong>&nbsp;individuais oferece as seguintes op\u00e7\u00f5es:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Selecionar o bloco de bot\u00f5es principal<\/li>\n\n\n\n<li>Estilos de bot\u00e3o (<a href=\"https:\/\/wordpress.com\/pt-br\/support\/editor-do-wordpress\/blocos\/bloco-de-botao\/#estilos\">falaremos sobre isso mais para frente<\/a>)<\/li>\n\n\n\n<li>Arrastar as al\u00e7as do bloco<\/li>\n\n\n\n<li>Mover para cima (esquerda) e para baixo (direita)<\/li>\n\n\n\n<li>Alterar a justifica\u00e7\u00e3o do item (<a href=\"https:\/\/wordpress.com\/pt-br\/support\/editor-do-wordpress\/blocos\/bloco-de-botao\/#bot%c3%b5es-de-alinhamento\">falaremos sobre isso mais para frente<\/a>)<\/li>\n\n\n\n<li>Mudar o alinhamento vertical<\/li>\n\n\n\n<li>Mudar o alinhamento<\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.com\/pt-br\/support\/editor-do-wordpress\/blocos\/bloco-de-botao\/#como-adicionar-um-link-a-um-bot%c3%a3o\">Incluir link<\/a><\/li>\n\n\n\n<li>Negrito, it\u00e1lico e mais op\u00e7\u00f5es de formata\u00e7\u00e3o de texto<\/li>\n\n\n\n<li>Outras op\u00e7\u00f5es da barra de ferramentas<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/en-support.files.wordpress.com\/2022\/04\/buttons-block-parent-toolbar.png?w=688\" alt=\"Barra de ferramentas dos blocos de bot\u00f5es individuais\" class=\"wp-image-196797\"\/><figcaption class=\"wp-element-caption\">Barra de ferramentas dos&nbsp;<strong>blocos de bot\u00f5es<\/strong>&nbsp;individuais<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/en-support.files.wordpress.com\/2020\/12\/button-block-toolbar.png?w=688\" alt=\"Barra de ferramentas do bloco de bot\u00f5es\" class=\"wp-image-176046\"\/><figcaption class=\"wp-element-caption\">Barra de ferramentas dos&nbsp;<strong>blocos de bot\u00f5es<\/strong>&nbsp;individuais<\/figcaption><\/figure>\n\n\n\n<p><a href=\"https:\/\/wordpress.com\/pt-br\/support\/editor-do-wordpress\/blocos\/bloco-de-botao\/#como-adicionar-um-link-a-um-botao\"><\/a><\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"como-adicionar-um-link-a-um-botao\">Como adicionar um link a um bot\u00e3o<\/h5>\n\n\n\n<p>Para adicionar um link ao seu bot\u00e3o, clique no respectivo \u00edcone exibido na barra de ferramentas suspensa que aparece ao clicar no bloco. Ele se assemelha ao elo de uma corrente. Voc\u00ea poder\u00e1 colar um link ou pesquisar as p\u00e1ginas e posts existentes do seu site.<\/p>\n\n\n\n<p>Os links ser\u00e3o abertos na mesma guia a menos que voc\u00ea os configure para abrir em uma nova.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/en-support.files.wordpress.com\/2020\/12\/linking-a-button-2.gif\"><img decoding=\"async\" src=\"https:\/\/en-support.files.wordpress.com\/2020\/12\/linking-a-button-2.gif\" alt=\"Inclus\u00e3o de um link em um bot\u00e3o\"\/><\/a><figcaption class=\"wp-element-caption\">Inclus\u00e3o de um link em um bot\u00e3o (clique para ampliar)<\/figcaption><\/figure>\n\n\n\n<p><a href=\"https:\/\/wordpress.com\/pt-br\/support\/editor-do-wordpress\/blocos\/bloco-de-botao\/#botoes-de-alinhamento\"><\/a><\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"botoes-de-alinhamento\">Bot\u00f5es de alinhamento<\/h5>\n\n\n\n<p>Tamb\u00e9m \u00e9 poss\u00edvel alinhar os bot\u00f5es \u00e0 esquerda e \u00e0 direita ou centraliz\u00e1-los. Primeiro, selecione o&nbsp;<strong>bloco de bot\u00f5es<\/strong>&nbsp;principal, como mostrado a seguir:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/en-support.files.wordpress.com\/2021\/03\/slect-parent-button.png?w=577\" alt=\"A op\u00e7\u00e3o para selecionar o bloco principal est\u00e1 indicada por uma seta.\" class=\"wp-image-180803\"\/><\/figure>\n\n\n\n<p>Em seguida, selecione a op\u00e7\u00e3o de alinhamento na barra de ferramentas:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/en-support.files.wordpress.com\/2021\/06\/center-a-button.png?w=370\" alt=\"\" class=\"wp-image-183557\"\/><\/figure>\n\n\n\n<p>Voc\u00ea pode alinhar os bot\u00f5es \u00e0 esquerda e \u00e0 direita ou centraliz\u00e1-los.<\/p>\n\n\n\n<p>Tamb\u00e9m \u00e9 poss\u00edvel escolher a op\u00e7\u00e3o&nbsp;<strong>Espa\u00e7o entre os itens<\/strong>&nbsp;para adicionar o mesmo espa\u00e7o entre os v\u00e1rios bot\u00f5es no bloco automaticamente.<\/p>\n\n\n\n<p><a href=\"https:\/\/wordpress.com\/pt-br\/support\/editor-do-wordpress\/blocos\/bloco-de-botao\/#configuracoes-do-bloco\"><\/a><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"configuracoes-do-bloco\">Configura\u00e7\u00f5es do bloco<\/h4>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/en-support.files.wordpress.com\/2021\/07\/block-settings.png?w=399\" alt=\"As configura\u00e7\u00f5es do bloco est\u00e3o na barra lateral direita.\" class=\"wp-image-184533\"\/><figcaption class=\"wp-element-caption\">Configura\u00e7\u00f5es do bloco<\/figcaption><\/figure>\n\n\n\n<p><a href=\"https:\/\/wordpress.com\/pt-br\/support\/editor-do-wordpress\/blocos\/bloco-de-botao\/#estilos\"><\/a><\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"estilos\">Estilos<\/h5>\n\n\n\n<p>Na op\u00e7\u00e3o Estilos, voc\u00ea poder\u00e1 configurar o bot\u00e3o para ser preenchido com alguma cor (Preenchimento) ou definir uma borda s\u00f3lida (Contorno).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/en-support.files.wordpress.com\/2020\/12\/buttons-block-styles.png\" alt=\"Estilos do bloco de bot\u00f5es\" class=\"wp-image-176051\"\/><\/figure>\n\n\n\n<p><a href=\"https:\/\/wordpress.com\/pt-br\/support\/editor-do-wordpress\/blocos\/bloco-de-botao\/#tipografia\"><\/a><\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"tipografia\">Tipografia<\/h5>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/en-support.files.wordpress.com\/2021\/06\/button-block-typography.png?w=260\" alt=\"\" class=\"wp-image-183563\"\/><\/figure>\n\n\n\n<p>A configura\u00e7\u00e3o&nbsp;<strong>Tipografia&nbsp;<\/strong>cont\u00e9m op\u00e7\u00f5es para controlar o tamanho do texto exibido no seu bot\u00e3o.<\/p>\n\n\n\n<p><a href=\"https:\/\/wordpress.com\/pt-br\/support\/editor-do-wordpress\/blocos\/bloco-de-botao\/#raio-da-borda\"><\/a><\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"raio-da-borda\">Raio da borda<\/h5>\n\n\n\n<p>Com a op\u00e7\u00e3o de raio de borda, voc\u00ea pode deixar os bot\u00f5es mais arredondados. Definir essa op\u00e7\u00e3o como 0 deixa as bordas mais pontiagudas.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/en-support.files.wordpress.com\/2020\/12\/buttons-block-border-radius-setting.png\" alt=\"Configura\u00e7\u00e3o do raio da borda do bloco de bot\u00f5es\" class=\"wp-image-176048\"\/><\/figure>\n\n\n\n<p><a href=\"https:\/\/wordpress.com\/pt-br\/support\/editor-do-wordpress\/blocos\/bloco-de-botao\/#configuracoes-de-cor\"><\/a><\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"configuracoes-de-cor\">Configura\u00e7\u00f5es de cor<\/h5>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/en-support.files.wordpress.com\/2020\/12\/buttons-block-color-settings.png\" alt=\"Configura\u00e7\u00f5es de cor do bloco de bot\u00f5es\" class=\"wp-image-176049\"\/><\/figure>\n\n\n\n<p>Voc\u00ea pode escolher as cores de fundo e do texto dos bot\u00f5es.<br><br>Selecione as cores que destacar\u00e3o o bot\u00e3o e encontre um n\u00edvel bom de contraste para que o texto fique leg\u00edvel. Par\u00e2metros de acessibilidade est\u00e3o integrados no novo editor para avisar voc\u00ea quando o texto estiver ileg\u00edvel devido a dificuldades visuais.<\/p>\n\n\n\n<p><a href=\"https:\/\/wordpress.com\/pt-br\/support\/editor-do-wordpress\/blocos\/bloco-de-botao\/#configuracoes-de-preenchimento\"><\/a><\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"configuracoes-de-preenchimento\">Configura\u00e7\u00f5es de preenchimento<\/h5>\n\n\n\n<p>Preenchimento \u00e9 o espa\u00e7o vazio entre o texto e a borda do bloco. Isso pode deixar seu conte\u00fado mais claro e ajustar o equil\u00edbrio do layout da p\u00e1gina. Encontre a op\u00e7\u00e3o de configurar o preenchimento de um bot\u00e3o espec\u00edfico na se\u00e7\u00e3o&nbsp;<strong>Dimens\u00f5es<\/strong>&nbsp;das configura\u00e7\u00f5es na barra lateral do bloco. Voc\u00ea pode definir o mesmo valor para todas as quatro bordas ou valores diferentes para os preenchimentos verticais e horizontais.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/en-support.files.wordpress.com\/2021\/09\/buttons-padding1.gif?w=600\" alt=\"\" class=\"wp-image-187280\"\/><\/figure>\n\n\n\n<p>Digite um valor nas configura\u00e7\u00f5es de preenchimento para adicionar o mesmo preenchimento \u00e0s quatro bordas do bot\u00e3o.<\/p>\n\n\n\n<p>Se voc\u00ea clicar no \u00edcone de remover link, poder\u00e1 adicionar valores de preenchimento diferentes para as bordas verticais e horizontais.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/en-support.files.wordpress.com\/2021\/09\/buttons_padding2.gif\" alt=\"\" class=\"wp-image-187283\"\/><\/figure>\n\n\n\n<p><a href=\"https:\/\/wordpress.com\/pt-br\/support\/editor-do-wordpress\/blocos\/bloco-de-botao\/#configuracoes-de-largura\"><\/a><\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"configuracoes-de-largura\">Configura\u00e7\u00f5es de largura<\/h5>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/en-support.files.wordpress.com\/2020\/12\/buttons-block-width-settings.png?w=554\" alt=\"Porcentagem da largura do bloco de bot\u00f5es\" class=\"wp-image-176147\"\/><\/figure>\n\n\n\n<p>As configura\u00e7\u00f5es de largura permitem que voc\u00ea defina a largura de cada bot\u00e3o em termos de porcentagem.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/en-support.files.wordpress.com\/2020\/12\/changing-buttons-width-min.gif\"><img decoding=\"async\" src=\"https:\/\/en-support.files.wordpress.com\/2020\/12\/changing-buttons-width-min.gif\" alt=\"Altera\u00e7\u00e3o da largura dos bot\u00f5es\"\/><\/a><figcaption class=\"wp-element-caption\">Altera\u00e7\u00e3o da largura dos bot\u00f5es (clique para ampliar)<\/figcaption><\/figure>\n\n\n\n<p><a href=\"https:\/\/wordpress.com\/pt-br\/support\/editor-do-wordpress\/blocos\/bloco-de-botao\/#botoes-verticais-e-horizontais\"><\/a><\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"botoes-verticais-e-horizontais\">Bot\u00f5es verticais e horizontais<\/h5>\n\n\n\n<p>Quando voc\u00ea adiciona v\u00e1rios bot\u00f5es ao&nbsp;<strong>bloco de bot\u00f5es<\/strong>&nbsp;principal pela primeira vez, eles s\u00e3o exibidos na horizontal. Para exibi-los na vertical (por exemplo, empilhados em uma coluna), use a configura\u00e7\u00e3o&nbsp;<em>Transformar em varia\u00e7\u00e3o<\/em>&nbsp;no&nbsp;<strong>bloco de bot\u00f5es<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/en-support.files.wordpress.com\/2021\/03\/transform-buttons.png?w=564\" alt=\"Imagem da caixa suspensa &quot;Transformar em varia\u00e7\u00e3o&quot; nas configura\u00e7\u00f5es do bloco de bot\u00f5es para organizar os bot\u00f5es enfileirados na horizontal ou empilhados na vertical.\" class=\"wp-image-180685\"\/><figcaption class=\"wp-element-caption\">Transforme os bot\u00f5es<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/en-support.files.wordpress.com\/2021\/03\/align-buttons-block-1.gif\"><img decoding=\"async\" src=\"https:\/\/en-support.files.wordpress.com\/2021\/03\/align-buttons-block-1.gif\" alt=\"GIF mostrando como alinhar um bloco de bot\u00f5es.\"\/><\/a><figcaption class=\"wp-element-caption\">Alinhamento dos bot\u00f5es (clique para ampliar)<\/figcaption><\/figure>\n\n\n\n<p><a href=\"https:\/\/wordpress.com\/pt-br\/support\/editor-do-wordpress\/blocos\/bloco-de-botao\/#avancado\"><\/a><\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"avancado\">Avan\u00e7ado<\/h5>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/en-support.files.wordpress.com\/2021\/06\/buttons-block-advanced.png?w=266\" alt=\"\" class=\"wp-image-183562\"\/><\/figure>\n\n\n\n<p>O&nbsp;<strong>Rel do link<\/strong>&nbsp;controla o&nbsp;<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Attributes\/rel\"><code>atributo<\/code>&nbsp;rel<\/a>&nbsp;do link do bot\u00e3o para adicionar&nbsp;<code>nofollow<\/code>, entre outros.<\/p>\n\n\n\n<p>O campo \u00c2ncora de HTML pode ser usado para criar um&nbsp;<a href=\"https:\/\/wordpress.com\/pt-br\/support\/splitting-content\/page-jumps\/\">atalho na p\u00e1gina<\/a>&nbsp;para o seu bot\u00e3o.<\/p>\n\n\n\n<p>Use&nbsp;<strong>Classe CSS adicional<\/strong>&nbsp;para escrever um CSS personalizado e estilizar o bloco como quiser.&nbsp;<a href=\"https:\/\/wordpress.com\/pt-br\/support\/adding-additional-css-classes-to-blocks\/\">Saiba mais.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vamos ver como adicionar bot\u00f5es onde os usu\u00e1rios podem clicar para irem para outra p\u00e1gina ou local da mesma. Bot\u00f5es s\u00e3o \u00fateis e embelezam a p\u00e1gina. Esse artigo \u00e9 baseado no da p\u00e1gina oficial do WordPress e cont\u00e9m pequenas varia\u00e7\u00f5es e ajustes. Adicionar o bloco de bot\u00f5es Para adicionar o&nbsp;bloco de bot\u00f5es, clique no&nbsp;\u00edcone de&#8230;<\/p>\n<p class=\"more-link-wrap\"><a href=\"https:\/\/categoriaoutros.com.br\/?p=10718\" class=\"more-link\">Read More<span class=\"screen-reader-text\"> &ldquo;WordPress: Como Adicionar Bot\u00f5es com Links?&rdquo;<\/span> &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[933],"class_list":["post-10718","post","type-post","status-publish","format-standard","hentry","category-informatica-dicas","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>WordPress: Como Adicionar Bot\u00f5es com Links? - Categoria Outros<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/categoriaoutros.com.br\/?p=10718\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress: Como Adicionar Bot\u00f5es com Links? - Categoria Outros\" \/>\n<meta property=\"og:description\" content=\"Vamos ver como adicionar bot\u00f5es onde os usu\u00e1rios podem clicar para irem para outra p\u00e1gina ou local da mesma. Bot\u00f5es s\u00e3o \u00fateis e embelezam a p\u00e1gina. Esse artigo \u00e9 baseado no da p\u00e1gina oficial do WordPress e cont\u00e9m pequenas varia\u00e7\u00f5es e ajustes. Adicionar o bloco de bot\u00f5es Para adicionar o&nbsp;bloco de bot\u00f5es, clique no&nbsp;\u00edcone de...Read More &ldquo;WordPress: Como Adicionar Bot\u00f5es com Links?&rdquo; &raquo;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/categoriaoutros.com.br\/?p=10718\" \/>\n<meta property=\"og:site_name\" content=\"Categoria Outros\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/categoriaoutros\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-07T11:46:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-07T11:47:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/en-support.files.wordpress.com\/2020\/12\/adding-a-buttons-block-min.gif\" \/>\n<meta name=\"author\" content=\"Categoria: Outros\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CategoriaOutros\" \/>\n<meta name=\"twitter:site\" content=\"@CategoriaOutros\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Categoria: Outros\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=10718#article\",\"isPartOf\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=10718\"},\"author\":{\"name\":\"Categoria: Outros\",\"@id\":\"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/ba0f432708449436912bd6736864bb40\"},\"headline\":\"WordPress: Como Adicionar Bot\u00f5es com Links?\",\"datePublished\":\"2023-05-07T11:46:51+00:00\",\"dateModified\":\"2023-05-07T11:47:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=10718\"},\"wordCount\":1023,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/#organization\"},\"keywords\":[\"wordpress\"],\"articleSection\":[\"Inform\u00e1tica\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/categoriaoutros.com.br\/?p=10718#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=10718\",\"url\":\"https:\/\/categoriaoutros.com.br\/?p=10718\",\"name\":\"WordPress: Como Adicionar Bot\u00f5es com Links? - Categoria Outros\",\"isPartOf\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/#website\"},\"datePublished\":\"2023-05-07T11:46:51+00:00\",\"dateModified\":\"2023-05-07T11:47:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=10718#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/categoriaoutros.com.br\/?p=10718\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=10718#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/categoriaoutros.com.br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress: Como Adicionar Bot\u00f5es com Links?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/categoriaoutros.com.br\/#website\",\"url\":\"https:\/\/categoriaoutros.com.br\/\",\"name\":\"Categoria Outros\",\"description\":\"Assuntos Diversos\",\"publisher\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/categoriaoutros.com.br\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/categoriaoutros.com.br\/#organization\",\"name\":\"Categoria Outros\",\"alternateName\":\"Categoria Outros\",\"url\":\"https:\/\/categoriaoutros.com.br\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/categoriaoutros.com.br\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/08\/categoriaoutros-logo.jpg\",\"contentUrl\":\"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/08\/categoriaoutros-logo.jpg\",\"width\":400,\"height\":400,\"caption\":\"Categoria Outros\"},\"image\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/categoriaoutros\",\"https:\/\/twitter.com\/CategoriaOutros\",\"https:\/\/br.pinterest.com\/CategoriaOutros\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/ba0f432708449436912bd6736864bb40\",\"name\":\"Categoria: Outros\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ed97775f0ab50750ed638ed3417ea85e19ced2c648da167a108e393ae5fd9e33?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ed97775f0ab50750ed638ed3417ea85e19ced2c648da167a108e393ae5fd9e33?s=96&d=mm&r=g\",\"caption\":\"Categoria: Outros\"},\"sameAs\":[\"http:\/\/categoriaoutros.com.br\"],\"url\":\"https:\/\/categoriaoutros.com.br\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WordPress: Como Adicionar Bot\u00f5es com Links? - Categoria Outros","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/categoriaoutros.com.br\/?p=10718","og_locale":"pt_BR","og_type":"article","og_title":"WordPress: Como Adicionar Bot\u00f5es com Links? - Categoria Outros","og_description":"Vamos ver como adicionar bot\u00f5es onde os usu\u00e1rios podem clicar para irem para outra p\u00e1gina ou local da mesma. Bot\u00f5es s\u00e3o \u00fateis e embelezam a p\u00e1gina. Esse artigo \u00e9 baseado no da p\u00e1gina oficial do WordPress e cont\u00e9m pequenas varia\u00e7\u00f5es e ajustes. Adicionar o bloco de bot\u00f5es Para adicionar o&nbsp;bloco de bot\u00f5es, clique no&nbsp;\u00edcone de...Read More &ldquo;WordPress: Como Adicionar Bot\u00f5es com Links?&rdquo; &raquo;","og_url":"https:\/\/categoriaoutros.com.br\/?p=10718","og_site_name":"Categoria Outros","article_publisher":"https:\/\/www.facebook.com\/categoriaoutros","article_published_time":"2023-05-07T11:46:51+00:00","article_modified_time":"2023-05-07T11:47:45+00:00","og_image":[{"url":"https:\/\/en-support.files.wordpress.com\/2020\/12\/adding-a-buttons-block-min.gif"}],"author":"Categoria: Outros","twitter_card":"summary_large_image","twitter_creator":"@CategoriaOutros","twitter_site":"@CategoriaOutros","twitter_misc":{"Escrito por":"Categoria: Outros","Est. tempo de leitura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/categoriaoutros.com.br\/?p=10718#article","isPartOf":{"@id":"https:\/\/categoriaoutros.com.br\/?p=10718"},"author":{"name":"Categoria: Outros","@id":"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/ba0f432708449436912bd6736864bb40"},"headline":"WordPress: Como Adicionar Bot\u00f5es com Links?","datePublished":"2023-05-07T11:46:51+00:00","dateModified":"2023-05-07T11:47:45+00:00","mainEntityOfPage":{"@id":"https:\/\/categoriaoutros.com.br\/?p=10718"},"wordCount":1023,"commentCount":0,"publisher":{"@id":"https:\/\/categoriaoutros.com.br\/#organization"},"keywords":["wordpress"],"articleSection":["Inform\u00e1tica"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/categoriaoutros.com.br\/?p=10718#respond"]}]},{"@type":"WebPage","@id":"https:\/\/categoriaoutros.com.br\/?p=10718","url":"https:\/\/categoriaoutros.com.br\/?p=10718","name":"WordPress: Como Adicionar Bot\u00f5es com Links? - Categoria Outros","isPartOf":{"@id":"https:\/\/categoriaoutros.com.br\/#website"},"datePublished":"2023-05-07T11:46:51+00:00","dateModified":"2023-05-07T11:47:45+00:00","breadcrumb":{"@id":"https:\/\/categoriaoutros.com.br\/?p=10718#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/categoriaoutros.com.br\/?p=10718"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/categoriaoutros.com.br\/?p=10718#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/categoriaoutros.com.br\/"},{"@type":"ListItem","position":2,"name":"WordPress: Como Adicionar Bot\u00f5es com Links?"}]},{"@type":"WebSite","@id":"https:\/\/categoriaoutros.com.br\/#website","url":"https:\/\/categoriaoutros.com.br\/","name":"Categoria Outros","description":"Assuntos Diversos","publisher":{"@id":"https:\/\/categoriaoutros.com.br\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/categoriaoutros.com.br\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/categoriaoutros.com.br\/#organization","name":"Categoria Outros","alternateName":"Categoria Outros","url":"https:\/\/categoriaoutros.com.br\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/categoriaoutros.com.br\/#\/schema\/logo\/image\/","url":"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/08\/categoriaoutros-logo.jpg","contentUrl":"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/08\/categoriaoutros-logo.jpg","width":400,"height":400,"caption":"Categoria Outros"},"image":{"@id":"https:\/\/categoriaoutros.com.br\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/categoriaoutros","https:\/\/twitter.com\/CategoriaOutros","https:\/\/br.pinterest.com\/CategoriaOutros\/"]},{"@type":"Person","@id":"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/ba0f432708449436912bd6736864bb40","name":"Categoria: Outros","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ed97775f0ab50750ed638ed3417ea85e19ced2c648da167a108e393ae5fd9e33?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ed97775f0ab50750ed638ed3417ea85e19ced2c648da167a108e393ae5fd9e33?s=96&d=mm&r=g","caption":"Categoria: Outros"},"sameAs":["http:\/\/categoriaoutros.com.br"],"url":"https:\/\/categoriaoutros.com.br\/?author=1"}]}},"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/posts\/10718","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10718"}],"version-history":[{"count":1,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/posts\/10718\/revisions"}],"predecessor-version":[{"id":10719,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/posts\/10718\/revisions\/10719"}],"wp:attachment":[{"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10718"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=10718"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=10718"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}