{"id":2091,"date":"2023-02-05T21:33:57","date_gmt":"2023-02-06T00:33:57","guid":{"rendered":"https:\/\/www.deboravenancio.com.br\/?p=2091"},"modified":"2023-02-09T10:52:30","modified_gmt":"2023-02-09T13:52:30","slug":"como-inserir-botao-download-post-wordpress","status":"publish","type":"post","link":"https:\/\/www.deboravenancio.com.br\/como-inserir-botao-download-post-wordpress\/","title":{"rendered":"Como inserir um bot\u00e3o de download de PDF no WordPress"},"content":{"rendered":"<span class=\"rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Reading Time: <\/span> <span class=\"rt-time\">2<\/span> <span class=\"rt-label rt-postfix\">minutes<\/span><\/span>\n<p>No meu post anterior, onde escrevi sobre o <a href=\"https:\/\/www.deboravenancio.com.br\/rastreador-habito-habit-tracker\/\">Rastreador de H\u00e1bito<\/a>, precisava colocar um bot\u00e3o para fazer o download dos arquivos que queria disponibilizar. Apesar de nunca ter feito isso antes, achei super f\u00e1cil de implementar.  Veja logo abaixo o passo a passo.<\/p>\n\n\n\n<h2 class=\"has-medium-font-size wp-block-heading\" style=\"font-style:normal;font-weight:600\">1. Inserindo o bot\u00e3o no texto ou p\u00e1gina<\/h2>\n\n\n\n<p>Abra o menu de adi\u00e7\u00e3o de blocos, digite as letras b e o, para aparecer o \u00edcone <strong>Bot\u00f5es<\/strong>, entre as op\u00e7\u00f5es e selecione essa op\u00e7\u00e3o.<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video autoplay loop muted src=\"https:\/\/www.deboravenancio.com.br\/wp-content\/uploads\/2023\/02\/inserir-botao-wordpress-online-video-cutter.com_.mp4\"><\/video><\/figure>\n\n\n\n<h2 class=\"has-medium-font-size wp-block-heading\" style=\"font-style:normal;font-weight:600\">2. Defina um nome para o bot\u00e3o<\/h2>\n\n\n\n<p>Na caixa Adicionar texto, insira o nome para o seu bot\u00e3o de download de arquivo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"731\" height=\"187\" src=\"https:\/\/www.deboravenancio.com.br\/wp-content\/uploads\/2023\/02\/image-1.png\" alt=\"\" class=\"wp-image-2094\" srcset=\"https:\/\/www.deboravenancio.com.br\/wp-content\/uploads\/2023\/02\/image-1.png 731w, https:\/\/www.deboravenancio.com.br\/wp-content\/uploads\/2023\/02\/image-1-300x77.png 300w\" sizes=\"(max-width: 731px) 100vw, 731px\" \/><\/figure>\n\n\n\n<h2 class=\"has-medium-font-size wp-block-heading\" style=\"font-style:normal;font-weight:600\">3. Adicione o link do arquivo na Biblioteca de M\u00eddia<\/h2>\n\n\n\n<p>Fa\u00e7a upload dos arquivos no menu M\u00eddia, clicando em <strong>M\u00eddia<\/strong> (1) -&gt; <strong>Adicionar novo<\/strong> (2)<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"738\" height=\"363\" src=\"https:\/\/www.deboravenancio.com.br\/wp-content\/uploads\/2023\/02\/image-6.png\" alt=\"\" class=\"wp-image-2108\" srcset=\"https:\/\/www.deboravenancio.com.br\/wp-content\/uploads\/2023\/02\/image-6.png 738w, https:\/\/www.deboravenancio.com.br\/wp-content\/uploads\/2023\/02\/image-6-300x148.png 300w\" sizes=\"(max-width: 738px) 100vw, 738px\" \/><\/figure>\n\n\n\n<p>A tela de upload de arquivo <strong>Enviar nova m\u00eddia<\/strong> abrir\u00e1. Ent\u00e3o, selecione o arquivo que voc\u00ea deseja fazer o upload (1). O arquivo ir\u00e1 aparecer um bot\u00e3o <strong>Copiar URL para \u00e1rea de transfer\u00eancia<\/strong> (2). Agora clique nesse bot\u00e3o para copiar o arquivo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"367\" src=\"https:\/\/www.deboravenancio.com.br\/wp-content\/uploads\/2023\/02\/image-7-1024x367.png\" alt=\"\" class=\"wp-image-2110\" srcset=\"https:\/\/www.deboravenancio.com.br\/wp-content\/uploads\/2023\/02\/image-7-1024x367.png 1024w, https:\/\/www.deboravenancio.com.br\/wp-content\/uploads\/2023\/02\/image-7-300x108.png 300w, https:\/\/www.deboravenancio.com.br\/wp-content\/uploads\/2023\/02\/image-7-768x276.png 768w, https:\/\/www.deboravenancio.com.br\/wp-content\/uploads\/2023\/02\/image-7.png 1137w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Com o link copiado para a \u00e1rea de transfer\u00eancia, clique o \u00edcone de <strong>Link<\/strong> do bot\u00e3o, <strong>cole a URL copiada<\/strong> previamente e d\u00ea um <strong>Enter<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video autoplay loop muted src=\"https:\/\/www.deboravenancio.com.br\/wp-content\/uploads\/2023\/02\/botao-download-inserindo-arquivo-online-video-cutter.com_.mp4\"><\/video><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"has-medium-font-size wp-block-heading\" style=\"font-style:normal;font-weight:600\">4. Configurando a apar\u00eancia do bot\u00e3o<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.341), 17px);font-style:normal;font-weight:600\">Voc\u00ea pode alterar o alinhamento dos itens do bot\u00e3o.<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"703\" height=\"339\" src=\"https:\/\/www.deboravenancio.com.br\/wp-content\/uploads\/2023\/02\/image-2.png\" alt=\"\" class=\"wp-image-2097\" srcset=\"https:\/\/www.deboravenancio.com.br\/wp-content\/uploads\/2023\/02\/image-2.png 703w, https:\/\/www.deboravenancio.com.br\/wp-content\/uploads\/2023\/02\/image-2-300x145.png 300w\" sizes=\"(max-width: 703px) 100vw, 703px\" \/><figcaption class=\"wp-element-caption\">Alinhamento de itens do bot\u00e3o<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.341), 17px);font-style:normal;font-weight:600\">Pode mudar o alinhamento vertical do bot\u00e3o<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"675\" height=\"304\" src=\"https:\/\/www.deboravenancio.com.br\/wp-content\/uploads\/2023\/02\/image-3.png\" alt=\"\" class=\"wp-image-2098\" srcset=\"https:\/\/www.deboravenancio.com.br\/wp-content\/uploads\/2023\/02\/image-3.png 675w, https:\/\/www.deboravenancio.com.br\/wp-content\/uploads\/2023\/02\/image-3-300x135.png 300w\" sizes=\"(max-width: 675px) 100vw, 675px\" \/><figcaption class=\"wp-element-caption\">Alinhamento vertical do bot\u00e3o<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.341), 17px);font-style:normal;font-weight:600\">E na parte da edi\u00e7\u00e3o do Bloco, voc\u00ea poder\u00e1 alterar os estilos (preenchimento ou contorno), a largura, as cores do texto e do fundo, a tipografia e o tamanho das letras e tamb\u00e9m o raio da borda do bot\u00e3o.<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"267\" height=\"565\" src=\"https:\/\/www.deboravenancio.com.br\/wp-content\/uploads\/2023\/02\/image-5.png\" alt=\"\" class=\"wp-image-2100\" srcset=\"https:\/\/www.deboravenancio.com.br\/wp-content\/uploads\/2023\/02\/image-5.png 267w, https:\/\/www.deboravenancio.com.br\/wp-content\/uploads\/2023\/02\/image-5-142x300.png 142w\" sizes=\"(max-width: 267px) 100vw, 267px\" \/><figcaption class=\"wp-element-caption\">Configura\u00e7\u00f5es do bot\u00e3o<\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-1 wp-block-buttons-is-layout-flex\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p><span class=\"rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Reading Time: <\/span> <span class=\"rt-time\">2<\/span> <span class=\"rt-label rt-postfix\">minutes<\/span><\/span> No meu post anterior, onde escrevi sobre o Rastreador de H\u00e1bito, precisava colocar um bot\u00e3o para fazer o download dos arquivos que queria disponibilizar. Apesar de nunca ter feito isso antes, achei super f\u00e1cil de implementar. Veja logo abaixo o passo a passo. 1. Inserindo o bot\u00e3o no texto ou p\u00e1gina Abra o menu de [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":2104,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36],"tags":[185,27,47,186,184,91,33,82],"_links":{"self":[{"href":"https:\/\/www.deboravenancio.com.br\/wp-json\/wp\/v2\/posts\/2091"}],"collection":[{"href":"https:\/\/www.deboravenancio.com.br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.deboravenancio.com.br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.deboravenancio.com.br\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.deboravenancio.com.br\/wp-json\/wp\/v2\/comments?post=2091"}],"version-history":[{"count":10,"href":"https:\/\/www.deboravenancio.com.br\/wp-json\/wp\/v2\/posts\/2091\/revisions"}],"predecessor-version":[{"id":2116,"href":"https:\/\/www.deboravenancio.com.br\/wp-json\/wp\/v2\/posts\/2091\/revisions\/2116"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.deboravenancio.com.br\/wp-json\/wp\/v2\/media\/2104"}],"wp:attachment":[{"href":"https:\/\/www.deboravenancio.com.br\/wp-json\/wp\/v2\/media?parent=2091"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.deboravenancio.com.br\/wp-json\/wp\/v2\/categories?post=2091"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.deboravenancio.com.br\/wp-json\/wp\/v2\/tags?post=2091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}