{"id":2046,"date":"2016-09-13T10:15:31","date_gmt":"2016-09-13T13:15:31","guid":{"rendered":"https:\/\/www.kinghost.com.br\/wiki\/?post_type=article&#038;p=2046"},"modified":"2021-12-04T09:36:07","modified_gmt":"2021-12-04T11:36:07","slug":"funcoes-e-shortcodes-personalizados-wordpress","status":"publish","type":"article","link":"https:\/\/king.host\/wiki\/artigo\/funcoes-e-shortcodes-personalizados-wordpress\/","title":{"rendered":"WordPress: Como adicionar fun\u00e7\u00f5es e shortcodes personalizados"},"content":{"rendered":"\n<p><em>Veja como voc\u00ea pode inserir fun\u00e7\u00f5es e shortcodes personalizados em seu WordPress sem comprometer ou precisar o c\u00f3digo PHP da estrutura de arquivos do site.<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a class=\"deve-redirecionar\" href=\"https:\/\/king.host\/hospedagem-wordpress?utm_source=wiki&amp;utm_medium=banner&amp;utm_term=wp-banner-top&amp;utm_content=funcoes-e-shortcodes-pers-wp&amp;utm_campaign=oferta-produto\" target=\"_blank\" v-on:click=\"toggle_modal\" rel=\"noopener\"><img data-original=\"https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/10\/WP-728x90-1.png\" alt=\"Plataforma completa para um site WordPress.\" class=\"wp-image-22354\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Como_adicionar_funcoes_e_shortcodes_personalizados_em_seu_site_WordPress\"><\/span>Como adicionar fun\u00e7\u00f5es e shortcodes personalizados em seu site WordPress<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Fun\u00e7\u00f5es s\u00e3o c\u00f3digos PHP que executam certas tarefas em seu site ajudando na automatiza\u00e7\u00e3o da sua aplica\u00e7\u00e3o.<br>J\u00e1 os <em>shortcodes<\/em> s\u00e3o tags que voc\u00ea coloca na edi\u00e7\u00e3o de texto de seu post que depois se transformaram em algo visual, como a mensagem de alerta abaixo. \ud83d\ude42<\/p>\n\n\n\n<p><strong>Recomendamos que voc\u00ea n\u00e3o edite o c\u00f3digo do seu WordPress para criar novas fun\u00e7\u00f5es e shortcodes<\/strong>.<br>Utilizar  um <em>plugin<\/em> para estes casos facilita o gerenciamento e tamb\u00e9m n\u00e3o  compromete a estrutura de arquivos do seu site. Al\u00e9m disso, em qualquer  atualiza\u00e7\u00e3o que seu site venha a ter, voc\u00ea corre o risco de perder todas  essas configura\u00e7\u00f5es personalizadas no c\u00f3digo dos arquivos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Instalando_um_plugin_para_criacao_de_shortcodes_e_functions\"><\/span>Instalando um plugin para cria\u00e7\u00e3o de shortcodes e functions<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>O plugin que utilizaremos neste artigo \u00e9 o <a href=\"https:\/\/br.wordpress.org\/plugins\/add-actions-and-filters\/\" target=\"_blank\" rel=\"noopener noreferrer\">Add Shortcodes, Actions And Filters<\/a>.<br>No painel administrativo do seu site WordPress, navegue at\u00e9 o menu <strong>Plugins<\/strong> e selecione a op\u00e7\u00e3o <strong>Adicionar Novo<\/strong>.<br><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2016\/09\/wp-custom-css-0001.png\"><img decoding=\"async\" data-src=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2016\/09\/wp-custom-css-0001.png\" alt=\"wp-admin &gt; Plugins &gt; Adicionar novo\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2016\/09\/wp-custom-css-0001.png\" alt=\"wp-admin &gt; Plugins &gt; Adicionar novo\"\/><\/noscript><\/a><\/figure><\/div>\n\n\n\n<p>Assim que carregar a nova p\u00e1gina, digite no campo de busca no canto superior direito da tela o termo <strong>Add Shortcodes, Actions And Filters<\/strong>. O primeiro resultado \u00e9 o plugin que desejamos instalar. Clique no bot\u00e3o <span class=\"button is-light\">Instalar agora<\/span>.<br>O plugin ser\u00e1 instalado e voc\u00ea deve clicar no bot\u00e3o <span class=\"button is-light\">Ativar<\/span> para habilitar seu uso).<br><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2016\/09\/wp-asaf-0002.gif\"><img decoding=\"async\" data-src=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2016\/09\/wp-asaf-0002.gif\" alt=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2016\/09\/wp-asaf-0002.gif\" alt=\"\"\/><\/noscript><\/a><\/figure><\/div>\n\n\n\n<p>Assim que instalado, a nova ferramenta estar\u00e1 dispon\u00edvel no menu <strong>Ferramentas<\/strong> &gt; <strong>Shortcodes, Actions and Filters<\/strong>.<br><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2016\/09\/wp-asaf-003.png\"><img decoding=\"async\" data-src=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2016\/09\/wp-asaf-003.png\" alt=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2016\/09\/wp-asaf-003.png\" alt=\"\"\/><\/noscript><\/a><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Adicionando_um_novo_shortcode\"><\/span>Adicionando um novo shortcode<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Na tela de utilizando do plugin, clique no bot\u00e3o <span class=\"button is-light\">Add New<\/span> (conforme exibido na imagem anterior).<br>D\u00ea um nome ao shortcode que voc\u00ea utilizar\u00e1 posteriormente no campo de edi\u00e7\u00e3o de posts.<br>Marque a op\u00e7\u00e3o <strong>Activated<\/strong> para habilitar e a op\u00e7\u00e3o <strong>Shortcode<\/strong> para utilizar o c\u00f3digo como shortcode em seu site.<br>Por fim cole o c\u00f3digo e clique no bot\u00e3o <span class=\"button is-light\">Save.<\/span><\/p>\n\n\n\n<p><span style=\"color: #808080;\">No exemplo abaixo, foi definido que quando utilizado o shortcode <code>[nome-shortcode]<\/code> o conte\u00fado presente dentro das tags ser\u00e1 colocado dentro de um div (classe exemplo) construida com c\u00f3digo CSS (clique na imagem abaixo para ampliar).<\/span><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2016\/09\/wp-asaf-004.png\"><img decoding=\"async\" data-src=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2016\/09\/wp-asaf-004.png\" alt=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2016\/09\/wp-asaf-004.png\" alt=\"\"\/><\/noscript><\/a><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Exemplos_de_funcoes_que_podem_ser_utilizadas\"><\/span>Exemplos de fun\u00e7\u00f5es que podem ser utilizadas<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u27a1 Customizar o footer do painel administrativo<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\" lang=\"wp-block-preformatted\">\/\/ Customizar o Footer do painel\nfunction remove_footer_admin () {\n echo '\u00a9 <a href=\"http:\/\/meusite.com.br\/\">MeuSite<\/a> - Descri\u00e7\u00e3o a ser usada';\n }\nadd_filter('admin_footer_text', 'remove_footer_admin');\n<\/pre>\n\n\n\n<p>\u27a1 Definir o editor HTML (texto) como editor padr\u00e3o<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\" lang=\"wp-block-preformatted\">\/\/ Configurar editor HTML como o padr\u00e3o para a edi\u00e7\u00e3o de conte\u00fado\nadd_filter( 'user_can_richedit' , '__return_false', 50 );\nadd_filter( 'wp_default_editor', create_function('', 'return \"html\";') );\n<\/pre>\n","protected":false},"author":9,"featured_media":0,"menu_order":19,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","article-category":[205],"article-tag":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article\/2046"}],"collection":[{"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/comments?post=2046"}],"version-history":[{"count":3,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article\/2046\/revisions"}],"predecessor-version":[{"id":6219,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article\/2046\/revisions\/6219"}],"wp:attachment":[{"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/media?parent=2046"}],"wp:term":[{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article-category?post=2046"},{"taxonomy":"article-tag","embeddable":true,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article-tag?post=2046"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}