{"id":1845,"date":"2020-08-09T16:04:42","date_gmt":"2020-08-09T19:04:42","guid":{"rendered":"https:\/\/felipeelia.com.br\/?p=1845"},"modified":"2020-08-09T16:04:43","modified_gmt":"2020-08-09T19:04:43","slug":"como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-2","status":"publish","type":"post","link":"https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-2\/","title":{"rendered":"Como criar uma tela de configura\u00e7\u00e3o para o seu plugin WordPress com a Settings API \u2014 Parte 2"},"content":{"rendered":"\n<p>Depois que vimos na <a href=\"https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-1\/\">Parte 1<\/a> como podemos criar uma configura\u00e7\u00e3o e um campo para ser exibido em uma p\u00e1gina de configura\u00e7\u00e3o j\u00e1 existente no WordPress, nesta parte 2 vamos aprender a criar uma p\u00e1gina s\u00f3 para os nossos campos. Assiste (e\/ou) l\u00ea a\u00ed!<\/p>\n\n\n\n<ul id=\"block-37eb9536-5423-4656-b359-bca28c775dbd\"><li><a href=\"https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-1\/\">Parte 1: Como criar e validar seus campos com a API de configura\u00e7\u00f5es do WordPress<\/a><\/li><li><strong>Parte 2: Como criar se\u00e7\u00f5es e p\u00e1ginas no Painel do WP<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"video\"><iframe loading=\"lazy\" title=\"Como criar uma tela de configura\u00e7\u00e3o para o seu plugin WordPress com a Settings API \u2014 Parte 2\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/oTDQ4Co-8jo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Como criar uma se\u00e7\u00e3o de configura\u00e7\u00f5es no WordPress<\/h2>\n\n\n\n<p>Antes de criar a sua p\u00e1gina de configura\u00e7\u00f5es voc\u00ea precisa entender o que \u00e9 uma se\u00e7\u00e3o de configura\u00e7\u00e3o no WordPress. Na p\u00e1gina de <em>Escrita<\/em> do WordPress, voc\u00ea vai perceber que h\u00e1 o subt\u00edtulo <em>Publicar por e-mail<\/em>. Este subt\u00edtulo server para demarcar uma se\u00e7\u00e3o daquela p\u00e1gina.<\/p>\n\n\n\n<p>Para criar uma nova se\u00e7\u00e3o, vamos usar a fun\u00e7\u00e3o <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/add_settings_section\/\" target=\"_blank\" rel=\"noreferrer noopener\">add_settings_section()<\/a>. Editando o c\u00f3digo da parte 1 (omitindo os trechos que n\u00e3o precisam ser alterados) temos algo assim:<\/p>\n\n\n\n<pre class=\"wp-block-code php\"><code>function minhas_configuracoes() {\n\tregister_setting(\n\t\t'writing',\n\t\t... \/\/ Aqui nada muda.\n\t);\n\n\tadd_settings_section(\n\t\t'minha_secao',\n\t\t'Minha se\u00e7\u00e3o',\n\t\tnull,\n\t\t'writing'\n\t);\n\n\tadd_settings_field(\n\t\t...\n\t\t'writing',\n\t\t'minha_secao', \/\/ Aqui alteramos a se\u00e7\u00e3o onde o campo ser\u00e1 exibido.\n\t\t...\n\t);\n}\nadd_action( 'admin_init', 'minhas_configuracoes' );<\/code><\/pre>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"478\" height=\"344\" src=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/08\/nova-secao-pagina-escrita-wordpress.png\" alt=\"\" class=\"wp-image-1849\" srcset=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/08\/nova-secao-pagina-escrita-wordpress.png 478w, https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/08\/nova-secao-pagina-escrita-wordpress-300x216.png 300w\" sizes=\"(max-width: 478px) 100vw, 478px\" \/><figcaption>Nossa nova se\u00e7\u00e3o na p\u00e1gina <em>Configura\u00e7\u00f5es -&gt; Escrita<\/em> do WordPress<\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Como criar uma nova p\u00e1gina de configura\u00e7\u00f5es no WordPress<\/h2>\n\n\n\n<p>O WordPress tem v\u00e1rias fun\u00e7\u00f5es para adicionar novas p\u00e1ginas ao Painel: <code>add_menu_page()<\/code> para p\u00e1ginas de primeiro n\u00edvel, <code>add_submenu_page()<\/code> para segundo n\u00edvel, <code>add_options_page()<\/code> para p\u00e1ginas de segundo n\u00edvel dentro do item <em>Configura\u00e7\u00f5es<\/em> e por a\u00ed vai. Para o nosso exemplo vamos usar a <code>add_options_page()<\/code>.<\/p>\n\n\n\n<p>Novas p\u00e1ginas devem ser criadas com o <a href=\"https:\/\/felipeelia.com.br\/hooks-no-wordpress-actions-e-filters\/\">hook<\/a> <code>admin_menu<\/code>. A cria\u00e7\u00e3o da nossa p\u00e1gina fica mais ou menos assim:<\/p>\n\n\n\n<pre class=\"wp-block-code php\"><code>function minhas_configuracoes_menu() {\n\tadd_options_page(\n\t\t'Minhas configura\u00e7\u00f5es', \/\/ T\u00edtulo da p\u00e1gina\n\t\t'Minhas config.', \/\/ Nome no menu do Painel\n\t\t'manage_options', \/\/ Permiss\u00f5es necess\u00e1rias\n\t\t'minhas-configuracoes', \/\/ Valor do par\u00e2metro \"page\" no URL\n\t\t'minhas_configuracoes_html' \/\/ Fun\u00e7\u00e3o que imprime o conte\u00fado da p\u00e1gina\n\t);\n}\nadd_action( 'admin_menu', 'minhas_configuracoes_menu' );\n\nfunction minhas_configuracoes_html() {\n\t?>\n\t&lt;div class=\"wrap\">\n\t\t&lt;h1>&lt;?php echo esc_html( get_admin_page_title() ); ?>&lt;\/h1>\n\t\t&lt;form action=\"options.php\" method=\"post\">\n\t\t\t&lt;?php\n\t\t\tsettings_fields( 'grupo_minhas_configuracoes' );\n\t\t\tdo_settings_sections( 'grupo_minhas_configuracoes' );\n\t\t\tsubmit_button();\n\t\t\t?>\n\t\t&lt;\/form>\n\t&lt;\/div>\n\t&lt;?php\n}<\/code><\/pre>\n\n\n\n<p>A fun\u00e7\u00e3o <code>minhas_configuracoes_html()<\/code> possui uma estrutura b\u00e1sica, somente chamado fun\u00e7\u00f5es do WordPress que montam a p\u00e1gina da forma correta.<\/p>\n\n\n\n<p>Perceberam o valor passado para as fun\u00e7\u00f5es <code>settings_fields()<\/code> e <code>do_settings_sections()<\/code>? Este \u00e9 o valor do &#8220;grupo&#8221; que vimos na <a href=\"https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-1\/\">Parte 1<\/a>. Precisamos alterar o c\u00f3digo de cria\u00e7\u00e3o da configura\u00e7\u00e3o e do campo para que eles sejam exibidos no lugar correto.<\/p>\n\n\n\n<p>O c\u00f3digo final fica assim:<\/p>\n\n\n\n<pre class=\"wp-block-code php\"><code>function minhas_configuracoes() {\n\tregister_setting(\n\t\t'grupo_minhas_configuracoes',\n\t\t'chave_api_minha_integracao',\n\t\tarray(\n\t\t\t'sanitize_callback' => function( $value ) {\n\t\t\t\tif ( ! preg_match( '\/API-&#91;0-9]{4}-&#91;A-Z]{3}\/', $value ) ) {\n\t\t\t\t\tadd_settings_error(\n\t\t\t\t\t\t'chave_api_minha_integracao',\n\t\t\t\t\t\tesc_attr( 'chave_api_minha_integracao_erro' ),\n\t\t\t\t\t\t'Chave API no formato errado.',\n\t\t\t\t\t\t'error'\n\t\t\t\t\t);\n\t\t\t\t\treturn get_option( 'chave_api_minha_integracao' );\n\t\t\t\t}\n\t\t\t\treturn $value;\n\t\t\t},\n\t\t)\n\t);\n\n\tadd_settings_section(\n\t\t'minha_secao',\n\t\t'Minha se\u00e7\u00e3o',\n\t\tfunction( $args ) {\n\t\t\techo '&lt;p>Coloque aqui a sua chave API.&lt;\/p>';\n\t\t},\n\t\t'grupo_minhas_configuracoes'\n\t);\n\n\tadd_settings_field(\n\t\t'chave_api_minha_integracao',\n\t\t'Chave API da minha integra\u00e7\u00e3o',\n\t\tfunction( $args ) {\n\t\t\t$options = get_option( 'chave_api_minha_integracao' );\n\t\t\t?>\n\t\t\t&lt;input\n\t\t\t\ttype=\"text\"\n\t\t\t\tid=\"&lt;?php echo esc_attr( $args&#91;'label_for'] ); ?>\"\n\t\t\t\tname=\"chave_api_minha_integracao\"\n\t\t\t\tvalue=\"&lt;?php echo esc_attr( $options ); ?>\">\n\t\t\t&lt;?php\n\t\t},\n\t\t'grupo_minhas_configuracoes',\n\t\t'minha_secao',\n\t\t&#91;\n\t\t\t'label_for' => 'chave_api_minha_integracao_html_id',\n\t\t\t'class'     => 'classe-html-tr',\n\t\t]\n\t);\n}\nadd_action( 'admin_init', 'minhas_configuracoes' );\n\nfunction minhas_configuracoes_menu() {\n\tadd_options_page(\n\t\t'Minhas configura\u00e7\u00f5es',\n\t\t'Minhas config.',\n\t\t'manage_options',\n\t\t'minhas-configuracoes',\n\t\t'minhas_configuracoes_html'\n\t);\n}\nadd_action( 'admin_menu', 'minhas_configuracoes_menu' );\n\nfunction minhas_configuracoes_html() {\n\t?>\n\t&lt;div class=\"wrap\">\n\t\t&lt;h1>&lt;?php echo esc_html( get_admin_page_title() ); ?>&lt;\/h1>\n\t\t&lt;form action=\"options.php\" method=\"post\">\n\t\t\t&lt;?php\n\t\t\tsettings_fields( 'grupo_minhas_configuracoes' );\n\t\t\tdo_settings_sections( 'grupo_minhas_configuracoes' );\n\t\t\tsubmit_button();\n\t\t\t?>\n\t\t&lt;\/form>\n\t&lt;\/div>\n\t&lt;?php\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">B\u00f4nus: Como adicinar um link &#8220;Configura\u00e7\u00f5es&#8221; na lista de plugins<\/h2>\n\n\n\n<p>Sabem aquele link de <em>Configura\u00e7\u00f5es<\/em> que a gente v\u00ea em alguns plugins?<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"258\" height=\"116\" src=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/08\/link-configuracoes-plugin.png\" alt=\"\" class=\"wp-image-1851\"\/><\/figure><\/div>\n\n\n\n<p>Esses links s\u00e3o criados pelos filtros <code>plugin_action_links<\/code> e <code>plugin_action_links_{$plugin_file}<\/code>. Para simplificar, vamos usar o \u00faltimo:<\/p>\n\n\n\n<pre class=\"wp-block-code php\"><code>function minhas_configuracoes_link_lista_plugins( $links ) {\n\t$settings_link = '&lt;a href=\"options-general.php?page=minhas-configuracoes\">Configura\u00e7\u00f5es&lt;\/a>';\n\tarray_unshift( $links, $settings_link );\n\treturn $links;\n}\n$plugin = plugin_basename( __FILE__ );\nadd_filter( \"plugin_action_links_$plugin\", 'minhas_configuracoes_link_lista_plugins' );<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>Se voc\u1ebd gostou desta s\u00e9rie n\u00e3o esque\u00e7a de compartilhar com os seus amigos, assinar o canal e a <em>newsletter<\/em> aqui embaixo!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nesta parte da s\u00e9rie sobre telas de configura\u00e7\u00e3o para plugins do WordPress veja como criar sua pr\u00f3pria p\u00e1gina no Painel<\/p>\n","protected":false},"author":1,"featured_media":1857,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[30],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.9.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Como criar uma tela de configura\u00e7\u00e3o para o seu plugin WordPress com a Settings API \u2014 Parte 2 | Felipe Elia<\/title>\n<meta name=\"description\" content=\"Nesta parte da s\u00e9rie sobre telas de configura\u00e7\u00e3o para plugins do WordPress veja como criar sua pr\u00f3pria p\u00e1gina no Painel\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-2\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como criar uma tela de configura\u00e7\u00e3o para o seu plugin WordPress com a Settings API \u2014 Parte 2 | Felipe Elia\" \/>\n<meta property=\"og:description\" content=\"Nesta parte da s\u00e9rie sobre telas de configura\u00e7\u00e3o para plugins do WordPress veja como criar sua pr\u00f3pria p\u00e1gina no Painel\" \/>\n<meta property=\"og:url\" content=\"https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Felipe Elia\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/felipe.elia\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/felipe.elia\" \/>\n<meta property=\"article:published_time\" content=\"2020-08-09T19:04:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-09T19:04:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/08\/como-criar-tela-de-configuracao-plugin-wordpress-parte-2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Felipe Elia\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/felipe_elia\" \/>\n<meta name=\"twitter:site\" content=\"@felipe_elia\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Felipe Elia\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-2\/\"},\"author\":{\"name\":\"Felipe Elia\",\"@id\":\"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292\"},\"headline\":\"Como criar uma tela de configura\u00e7\u00e3o para o seu plugin WordPress com a Settings API \u2014 Parte 2\",\"datePublished\":\"2020-08-09T19:04:42+00:00\",\"dateModified\":\"2020-08-09T19:04:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-2\/\"},\"wordCount\":411,\"commentCount\":3,\"publisher\":{\"@id\":\"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292\"},\"articleSection\":[\"WordPress\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-2\/\",\"url\":\"https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-2\/\",\"name\":\"Como criar uma tela de configura\u00e7\u00e3o para o seu plugin WordPress com a Settings API \u2014 Parte 2 | Felipe Elia\",\"isPartOf\":{\"@id\":\"https:\/\/felipeelia.com.br\/#website\"},\"datePublished\":\"2020-08-09T19:04:42+00:00\",\"dateModified\":\"2020-08-09T19:04:43+00:00\",\"description\":\"Nesta parte da s\u00e9rie sobre telas de configura\u00e7\u00e3o para plugins do WordPress veja como criar sua pr\u00f3pria p\u00e1gina no Painel\",\"breadcrumb\":{\"@id\":\"https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-2\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/felipeelia.dev\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Como criar uma tela de configura\u00e7\u00e3o para o seu plugin WordPress com a Settings API \u2014 Parte 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/felipeelia.com.br\/#website\",\"url\":\"https:\/\/felipeelia.com.br\/\",\"name\":\"Felipe Elia\",\"description\":\"Programa\u00e7\u00e3o com WordPress de um jeito f\u00e1cil, do b\u00e1sico ao avan\u00e7ado\",\"publisher\":{\"@id\":\"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/felipeelia.com.br\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292\",\"name\":\"Felipe Elia\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/felipeelia.com.br\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/felipeelia.dev\/wp-content\/uploads\/2023\/06\/avatar-400x400-1.jpg\",\"contentUrl\":\"https:\/\/felipeelia.dev\/wp-content\/uploads\/2023\/06\/avatar-400x400-1.jpg\",\"width\":400,\"height\":400,\"caption\":\"Felipe Elia\"},\"logo\":{\"@id\":\"https:\/\/felipeelia.com.br\/#\/schema\/person\/image\/\"},\"description\":\"Associate Director of Platform Engineering na 10up, WordPress Core Contributor, Global Polyglots Mentor na comunidade internacional do WordPress e Locale Manager na comunidade WordPress Brasil.\",\"sameAs\":[\"https:\/\/www.facebook.com\/felipe.elia\",\"https:\/\/www.instagram.com\/felipe.elia\/\",\"https:\/\/www.linkedin.com\/in\/felipeelia\/\",\"https:\/\/twitter.com\/https:\/\/twitter.com\/felipe_elia\",\"https:\/\/www.youtube.com\/channel\/UCD_26rOE3ClALcZreTkyIoQ\"],\"url\":\"https:\/\/felipeelia.com.br\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Como criar uma tela de configura\u00e7\u00e3o para o seu plugin WordPress com a Settings API \u2014 Parte 2 | Felipe Elia","description":"Nesta parte da s\u00e9rie sobre telas de configura\u00e7\u00e3o para plugins do WordPress veja como criar sua pr\u00f3pria p\u00e1gina no Painel","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:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-2\/","og_locale":"pt_BR","og_type":"article","og_title":"Como criar uma tela de configura\u00e7\u00e3o para o seu plugin WordPress com a Settings API \u2014 Parte 2 | Felipe Elia","og_description":"Nesta parte da s\u00e9rie sobre telas de configura\u00e7\u00e3o para plugins do WordPress veja como criar sua pr\u00f3pria p\u00e1gina no Painel","og_url":"https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-2\/","og_site_name":"Felipe Elia","article_publisher":"https:\/\/www.facebook.com\/felipe.elia","article_author":"https:\/\/www.facebook.com\/felipe.elia","article_published_time":"2020-08-09T19:04:42+00:00","article_modified_time":"2020-08-09T19:04:43+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/08\/como-criar-tela-de-configuracao-plugin-wordpress-parte-2.jpg","type":"image\/jpeg"}],"author":"Felipe Elia","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/felipe_elia","twitter_site":"@felipe_elia","twitter_misc":{"Escrito por":"Felipe Elia","Est. tempo de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-2\/#article","isPartOf":{"@id":"https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-2\/"},"author":{"name":"Felipe Elia","@id":"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292"},"headline":"Como criar uma tela de configura\u00e7\u00e3o para o seu plugin WordPress com a Settings API \u2014 Parte 2","datePublished":"2020-08-09T19:04:42+00:00","dateModified":"2020-08-09T19:04:43+00:00","mainEntityOfPage":{"@id":"https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-2\/"},"wordCount":411,"commentCount":3,"publisher":{"@id":"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292"},"articleSection":["WordPress"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-2\/","url":"https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-2\/","name":"Como criar uma tela de configura\u00e7\u00e3o para o seu plugin WordPress com a Settings API \u2014 Parte 2 | Felipe Elia","isPartOf":{"@id":"https:\/\/felipeelia.com.br\/#website"},"datePublished":"2020-08-09T19:04:42+00:00","dateModified":"2020-08-09T19:04:43+00:00","description":"Nesta parte da s\u00e9rie sobre telas de configura\u00e7\u00e3o para plugins do WordPress veja como criar sua pr\u00f3pria p\u00e1gina no Painel","breadcrumb":{"@id":"https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-2\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/felipeelia.com.br\/como-criar-uma-tela-de-configuracao-para-o-seu-plugin-wordpress-com-a-settings-api-parte-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/felipeelia.dev\/"},{"@type":"ListItem","position":2,"name":"Como criar uma tela de configura\u00e7\u00e3o para o seu plugin WordPress com a Settings API \u2014 Parte 2"}]},{"@type":"WebSite","@id":"https:\/\/felipeelia.com.br\/#website","url":"https:\/\/felipeelia.com.br\/","name":"Felipe Elia","description":"Programa\u00e7\u00e3o com WordPress de um jeito f\u00e1cil, do b\u00e1sico ao avan\u00e7ado","publisher":{"@id":"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/felipeelia.com.br\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-BR"},{"@type":["Person","Organization"],"@id":"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292","name":"Felipe Elia","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/felipeelia.com.br\/#\/schema\/person\/image\/","url":"https:\/\/felipeelia.dev\/wp-content\/uploads\/2023\/06\/avatar-400x400-1.jpg","contentUrl":"https:\/\/felipeelia.dev\/wp-content\/uploads\/2023\/06\/avatar-400x400-1.jpg","width":400,"height":400,"caption":"Felipe Elia"},"logo":{"@id":"https:\/\/felipeelia.com.br\/#\/schema\/person\/image\/"},"description":"Associate Director of Platform Engineering na 10up, WordPress Core Contributor, Global Polyglots Mentor na comunidade internacional do WordPress e Locale Manager na comunidade WordPress Brasil.","sameAs":["https:\/\/www.facebook.com\/felipe.elia","https:\/\/www.instagram.com\/felipe.elia\/","https:\/\/www.linkedin.com\/in\/felipeelia\/","https:\/\/twitter.com\/https:\/\/twitter.com\/felipe_elia","https:\/\/www.youtube.com\/channel\/UCD_26rOE3ClALcZreTkyIoQ"],"url":"https:\/\/felipeelia.com.br\/author\/admin\/"}]}},"uagb_featured_image_src":{"full":["https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/08\/como-criar-tela-de-configuracao-plugin-wordpress-parte-2.jpg",1920,1080,false],"thumbnail":["https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/08\/como-criar-tela-de-configuracao-plugin-wordpress-parte-2-150x150.jpg",150,150,true],"medium":["https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/08\/como-criar-tela-de-configuracao-plugin-wordpress-parte-2-300x169.jpg",300,169,true],"medium_large":["https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/08\/como-criar-tela-de-configuracao-plugin-wordpress-parte-2-768x432.jpg",768,432,true],"large":["https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/08\/como-criar-tela-de-configuracao-plugin-wordpress-parte-2-1024x576.jpg",1024,576,true],"1536x1536":["https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/08\/como-criar-tela-de-configuracao-plugin-wordpress-parte-2-1536x864.jpg",1536,864,true],"2048x2048":["https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/08\/como-criar-tela-de-configuracao-plugin-wordpress-parte-2.jpg",1920,1080,false],"ocean-thumb-m":["https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/08\/como-criar-tela-de-configuracao-plugin-wordpress-parte-2.jpg",600,338,false],"ocean-thumb-ml":["https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/08\/como-criar-tela-de-configuracao-plugin-wordpress-parte-2.jpg",800,450,false],"ocean-thumb-l":["https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/08\/como-criar-tela-de-configuracao-plugin-wordpress-parte-2.jpg",1200,675,false],"yarpp-thumbnail":["https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/08\/como-criar-tela-de-configuracao-plugin-wordpress-parte-2.jpg",120,68,false]},"uagb_author_info":{"display_name":"Felipe Elia","author_link":"https:\/\/felipeelia.com.br\/author\/admin\/"},"uagb_comment_info":3,"uagb_excerpt":"Nesta parte da s\u00e9rie sobre telas de configura\u00e7\u00e3o para plugins do WordPress veja como criar sua pr\u00f3pria p\u00e1gina no Painel","_links":{"self":[{"href":"https:\/\/felipeelia.com.br\/wp-json\/wp\/v2\/posts\/1845"}],"collection":[{"href":"https:\/\/felipeelia.com.br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/felipeelia.com.br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/felipeelia.com.br\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/felipeelia.com.br\/wp-json\/wp\/v2\/comments?post=1845"}],"version-history":[{"count":0,"href":"https:\/\/felipeelia.com.br\/wp-json\/wp\/v2\/posts\/1845\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/felipeelia.com.br\/wp-json\/wp\/v2\/media\/1857"}],"wp:attachment":[{"href":"https:\/\/felipeelia.com.br\/wp-json\/wp\/v2\/media?parent=1845"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/felipeelia.com.br\/wp-json\/wp\/v2\/categories?post=1845"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/felipeelia.com.br\/wp-json\/wp\/v2\/tags?post=1845"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}