{"id":236655,"date":"2021-12-11T14:31:00","date_gmt":"2021-12-11T11:31:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=236655"},"modified":"2021-12-04T11:03:10","modified_gmt":"2021-12-04T08:03:10","slug":"como-adicionar-conteudo-dinamico-com-codigos-de-acesso","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-adicionar-conteudo-dinamico-com-codigos-de-acesso\/","title":{"rendered":"Como adicionar conte\u00fado din\u00e2mico com c\u00f3digos de acesso"},"content":{"rendered":"<p>Aqui est\u00e1 o problema:<\/p>\n<p>Voc\u00ea deseja incluir um formul\u00e1rio, controle deslizante ou outro elemento din\u00e2mico em uma de suas postagens ou p\u00e1ginas. Como voc\u00ea faz isso?<\/p>\n<p>Felizmente, os desenvolvedores do WordPress criaram uma solu\u00e7\u00e3o simples chamada shortcodes.<\/p>\n<h2>O que s\u00e3o c\u00f3digos de acesso?<\/h2>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/ticI--IjCt8\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Inscreva-se nos Temas do Compete no Youtube<\/a><\/p>\n<p>C\u00f3digos de acesso s\u00e3o c\u00f3digos simples que voc\u00ea pode adicionar ao editor de postagem para incluir conte\u00fado din\u00e2mico de um plugin.<\/p>\n<p>Por exemplo, o <a href=\"https:\/\/wordpress.org\/plugins\/ml-slider\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">plug-<\/a> in <a href=\"https:\/\/wordpress.org\/plugins\/ml-slider\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">MetaSlider<\/a> permite criar e personalizar controles deslizantes de imagem no painel do WordPress. Depois de fazer seu controle deslizante, voc\u00ea pode coloc\u00e1-lo em seu site usando o widget ou um c\u00f3digo de acesso.<\/p>\n<p><strong>Quase todos os plugins que criam conte\u00fado fornecem um widget e um c\u00f3digo de acesso para usar.<\/strong><\/p>\n<p>Este \u00e9 um exemplo da apar\u00eancia de um shortcode fornecido pelo plug-in MetaSlider:<\/p>\n<p>[metaslider id = &quot;267 \u2033]<\/p>\n<p>Os c\u00f3digos curtos s\u00e3o sempre colocados entre colchetes e come\u00e7am com um nome atribu\u00eddo pelo plug-in. Nesse caso, esse nome \u00e9 &#8220;metaslider&quot;. Depois, h\u00e1 uma s\u00e9rie de par\u00e2metros. O shortcode acima tem um par\u00e2metro chamado &#8220;id&#8221; que \u00e9 definido igual a 267.<\/p>\n<h2>Como usar c\u00f3digos de acesso<\/h2>\n<p>Usar c\u00f3digos de acesso \u00e9 muito f\u00e1cil.<\/p>\n<p>Independentemente de qual plugin voc\u00ea est\u00e1 usando, voc\u00ea receber\u00e1 o shortcode em algum lugar na interface do plugin. Por exemplo, WPForms lista o c\u00f3digo de acesso para exibir cada formul\u00e1rio no menu Todos os formul\u00e1rios.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-219847-6171b8881b872.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-219847-6171b8881b872.png\" alt=\"Como adicionar conte\u00fado din\u00e2mico com c\u00f3digos de acesso\" ><\/a><\/p>\n<p>Os c\u00f3digos curtos podem ser simplesmente copiados e colados no editor de postagem. Por exemplo, esta \u00e9 a apar\u00eancia de nossa p\u00e1gina de contato no painel do WP:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-219847-6171b889de853.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-219847-6171b889de853.png\" alt=\"Como adicionar conte\u00fado din\u00e2mico com c\u00f3digos de acesso\" ><\/a><\/p>\n<p>V\u00ea como o shortcode fica vis\u00edvel?<\/p>\n<p>O formul\u00e1rio em si n\u00e3o ser\u00e1 renderizado no editor. No entanto, se voc\u00ea visitar a p\u00e1gina de contato em nosso site, ver\u00e1 o formul\u00e1rio sendo exibido em vez do c\u00f3digo curto encontrado no editor.<\/p>\n<p>Se voc\u00ea estiver editando um rascunho, em vez de uma p\u00e1gina \/ postagem publicada, voc\u00ea precisar\u00e1 salvar o rascunho antes que o c\u00f3digo curto seja executado na visualiza\u00e7\u00e3o.<\/p>\n<p>Toneladas de plug-ins usam c\u00f3digos de acesso para que voc\u00ea tenha certeza de encontr\u00e1-los em algum momento, caso ainda n\u00e3o os tenha visto.<\/p>\n<h2>Conclus\u00e3o<\/h2>\n<p>Embora os c\u00f3digos de acesso n\u00e3o sejam perfeitamente intuitivos por causa de sua capacidade limitada de visualizar o conte\u00fado no editor, eles funcionam bem para adicionar elementos din\u00e2micos dentro de postagens e p\u00e1ginas.<\/p>\n<p>Assim que voc\u00ea souber que apenas precisa copi\u00e1-los e col\u00e1-los no editor, eles se tornam muito f\u00e1ceis de trabalhar. Alguns plug-ins t\u00eam par\u00e2metros extras para seus c\u00f3digos de acesso que voc\u00ea pode usar para personalizar a sa\u00edda.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aprenda a usar c\u00f3digos de acesso para exibir todos os tipos de conte\u00fado din\u00e2mico de plug-ins em qualquer postagem ou p\u00e1gina de seu site.<\/p>\n","protected":false},"author":1,"featured_media":257956,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[553],"tags":[848],"class_list":["post-236655","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personalizar-wordpress-2","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/236655","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=236655"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/236655\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/257956"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=236655"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=236655"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=236655"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}