{"id":1649,"date":"2020-04-25T09:37:57","date_gmt":"2020-04-25T12:37:57","guid":{"rendered":"https:\/\/felipeelia.com.br\/?p=1649"},"modified":"2020-04-25T09:37:58","modified_gmt":"2020-04-25T12:37:58","slug":"como-criar-novos-campos-nos-itens-de-menu-do-wordpress","status":"publish","type":"post","link":"https:\/\/felipeelia.com.br\/como-criar-novos-campos-nos-itens-de-menu-do-wordpress\/","title":{"rendered":"Como criar novos campos nos itens de menu do WordPress"},"content":{"rendered":"\n<p>Precisa incluir um campo personalizado na administra\u00e7\u00e3o dos menus do WordPress? Adicionar, por exemplo, um checkbox para dizer que um determinado item deveria ser exibido como um bot\u00e3o? A nova <a href=\"https:\/\/felipeelia.com.br\/hooks-no-wordpress-actions-e-filters\/\"><em>action<\/em><\/a> <code>wp_nav_menu_item_custom_fields<\/code>, inclu\u00edda na <a href=\"https:\/\/felipeelia.com.br\/wordpress-5-4-novidades-para-os-usuarios\/\">vers\u00e3o 5.4 do WordPress<\/a>, deixou essa tarefa muito mais f\u00e1cil. Veja como no post e no v\u00eddeo dessa semana \ud83d\ude42<\/p>\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=\"Campos personalizados nos menus do WordPress\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/OiNJY3IKvig?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 era antes do WordPress 5.4<\/h2>\n\n\n\n<p>A exibi\u00e7\u00e3o dos menus no WordPress normalmente s\u00e3o feitas por <em>walkers<\/em>, ou seja, classes que v\u00e3o item por item exibindo o necess\u00e1rio. Para a exibi\u00e7\u00e3o na tela de administra\u00e7\u00e3o a classe usada \u00e9 a <code>Walker_Nav_Menu_Edit<\/code> e os campos exibidos atrav\u00e9s do m\u00e9todo <code>start_el<\/code>. O que os plugins e temas faziam antes da nova vers\u00e3o era sobrescrever este m\u00e9todo substituindo a classe de alguma forma, normalmente passando uma nova classe atrav\u00e9s do filtro <code>wp_edit_nav_menu_walker<\/code>.<\/p>\n\n\n\n<p>O problema dessa abordagem \u00e9 que s\u00f3 \u00e9 poss\u00edvel substituir a classe original por <strong>uma<\/strong> outra, ou seja, se voc\u00ea precisar incluir dois campos personalizados atrav\u00e9s de dois plugins diferentes, voc\u00ea vai ter um problema: somente a \u00faltima classe passada pelo filtro ser\u00e1 usada.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">A <em>action<\/em> <code>wp_nav_menu_item_custom_fields<\/code> do WP 5.4<\/h2>\n\n\n\n<p>A nova <em>action<\/em> inclu\u00edda na vers\u00e3o 5.4 permite que qualquer c\u00f3digo personalizado possa imprimir novos campos na administra\u00e7\u00e3o dos itens de menu, logo acima dos links para &#8220;mover&#8221; o item.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Como exibir os campos<\/h3>\n\n\n\n<p>Voltando para o nosso exemplo de um checkbox para exibir um item de menu como um bot\u00e3o, o c\u00f3digo para inserir o campo seria mais ou menos assim:<\/p>\n\n\n\n<pre class=\"wp-block-code php\"><code>function my_wp_nav_menu_item_custom_fields( $item_id, $item, $depth, $args ) {\n\t\/\/ Itens de menu s\u00e3o gravados como posts pelo WP.\n\t$is_button = (bool) get_post_meta( $item_id, 'is_button', true );\n\n\t\/\/ Tem post e v\u00eddeo sobre nonce aqui no blog tamb\u00e9m.\n\twp_nonce_field( 'nav_menu_edit', 'nav_menu_is_button' );\n\t?>\n\t&lt;div>\n\t\t&lt;input\n\t\t\ttype=\"checkbox\"\n\t\t\tclass=\"nav-menu-is-button\"\n\t\t\tname=\"nav-menu-is-button&#91;&lt;?php echo $item_id; ?>]\"\n\t\t\tid=\"nav-menu-is-button-for-&lt;?php echo $item_id; ?>\"\n\t\t\t&lt;?php checked( '1', $is_button ); ?>\n\t\t\tvalue=\"1\">\n\t\t&lt;label for=\"nav-menu-is-button-for-&lt;?php echo $item_id; ?>\">\n\t\t\t&lt;?php _e( 'Exibir como bot\u00e3o', 'text-domain'); ?>\n\t\t&lt;\/label>\n\t&lt;\/div>\n\t&lt;?php\n}\nadd_action( 'wp_nav_menu_item_custom_fields', 'my_wp_nav_menu_item_custom_fields', 10, 4 );<\/code><\/pre>\n\n\n\n<p>Esse c\u00f3digo apenas exibe o campo, como na imagem:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"433\" height=\"270\" src=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/04\/image-1.png\" alt=\"\" class=\"wp-image-1654\" srcset=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/04\/image-1.png 433w, https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/04\/image-1-300x187.png 300w\" sizes=\"(max-width: 433px) 100vw, 433px\" \/><figcaption>Checkbox para exibir o item como bot\u00e3o<\/figcaption><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Como salvar o valor do campo<\/h3>\n\n\n\n<p>N\u00f3s ainda precisamos de uma forma de gravar o seu valor, que ser\u00e1 um metadado do item, que \u00e9 gravado como um post pelo WordPress. Para fazer a grava\u00e7\u00e3o, usamos a action <code>wp_update_nav_menu_item<\/code>. Fica mais ou menos assim:<\/p>\n\n\n\n<pre class=\"wp-block-code php\"><code>function my_wp_update_nav_menu_item( $menu_id, $menu_item_db_id ) {\n\t\/\/ Verifica o nonce criado na outra fun\u00e7\u00e3o.\n\tif ( ! isset( $_POST&#91;'nav_menu_is_button'] ) || ! wp_verify_nonce( $_POST&#91;'nav_menu_is_button'], 'nav_menu_edit' ) ) {\n\t\treturn;\n\t}\n\n\t$is_button = ( ! empty( $_POST&#91;'nav-menu-is-button']&#91; $menu_item_db_id ] ) &amp;&amp; '1' === $_POST&#91;'nav-menu-is-button']&#91; $menu_item_db_id ] );\n\tupdate_post_meta( $menu_item_db_id, 'is_button', $is_button );\n}\nadd_action( 'wp_update_nav_menu_item', 'my_wp_update_nav_menu_item', 10, 2 );<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Como usar o valor do campo<\/h3>\n\n\n\n<p>Fica faltando ent\u00e3o como usar o campo. Neste caso, vamos imaginar que basta colocar uma classe a mais no link se o checkbox foi marcado:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function my_nav_menu_css_class( $classes, $item, $args = array(), $depth = 0 ) {\n\t$is_button = (bool) get_post_meta( $item->ID, 'is_button', true );\n\tif ( $is_button ) {\n\t\t$classes&#91;] = 'button';\n\t}\n\treturn $classes;\n}\nadd_filter( 'nav_menu_css_class', 'my_nav_menu_css_class', 10, 4 );<\/code><\/pre>\n\n\n\n<p>No final, fica assim (meio tosco, mas vale a ideia):<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"403\" height=\"204\" src=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/04\/image-2.png\" alt=\"\" class=\"wp-image-1655\" srcset=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/04\/image-2.png 403w, https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/04\/image-2-300x152.png 300w\" sizes=\"(max-width: 403px) 100vw, 403px\" \/><\/figure><\/div>\n\n\n\n<p>Veja tamb\u00e9m a <em><a rel=\"noreferrer noopener\" href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/25\/wordpress-5-4-introduces-new-hooks-to-add-custom-fields-to-menu-items\/\" target=\"_blank\">dev note<\/a><\/em>, ou seja, o post no Blog <em>make<\/em> do WordPress, com o an\u00fancio do novo filtro. O c\u00f3digo deste post foi baseado <a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/helgatheviking\/Nav-Menu-Roles\/blob\/master\/nav-menu-roles.php#L258\" target=\"_blank\">neste arquivo<\/a>. Tamb\u00e9m \u00e9 poss\u00edvel fazer funcionar no Personalizar, mas o c\u00f3digo teria que ser modificado e ainda seria necess\u00e1rio algum JavaScript. Fica para um pr\u00f3ximo post!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Veja como \u00e9 f\u00e1cil criar campos personalizados nos itens de menu do WordPress 5.4<\/p>\n","protected":false},"author":1,"featured_media":1658,"comment_status":"open","ping_status":"closed","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 novos campos nos itens de menu do WordPress | Felipe Elia<\/title>\n<meta name=\"description\" content=\"Veja como \u00e9 f\u00e1cil criar campos personalizados nos itens de menu do WordPress 5.4\" \/>\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-novos-campos-nos-itens-de-menu-do-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como criar novos campos nos itens de menu do WordPress | Felipe Elia\" \/>\n<meta property=\"og:description\" content=\"Veja como \u00e9 f\u00e1cil criar campos personalizados nos itens de menu do WordPress 5.4\" \/>\n<meta property=\"og:url\" content=\"https:\/\/felipeelia.com.br\/como-criar-novos-campos-nos-itens-de-menu-do-wordpress\/\" \/>\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-04-25T12:37:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-25T12:37:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/04\/campos-personalizados-menu-wordpress.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=\"3 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-novos-campos-nos-itens-de-menu-do-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/felipeelia.com.br\/como-criar-novos-campos-nos-itens-de-menu-do-wordpress\/\"},\"author\":{\"name\":\"Felipe Elia\",\"@id\":\"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292\"},\"headline\":\"Como criar novos campos nos itens de menu do WordPress\",\"datePublished\":\"2020-04-25T12:37:57+00:00\",\"dateModified\":\"2020-04-25T12:37:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/felipeelia.com.br\/como-criar-novos-campos-nos-itens-de-menu-do-wordpress\/\"},\"wordCount\":431,\"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-novos-campos-nos-itens-de-menu-do-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/felipeelia.com.br\/como-criar-novos-campos-nos-itens-de-menu-do-wordpress\/\",\"url\":\"https:\/\/felipeelia.com.br\/como-criar-novos-campos-nos-itens-de-menu-do-wordpress\/\",\"name\":\"Como criar novos campos nos itens de menu do WordPress | Felipe Elia\",\"isPartOf\":{\"@id\":\"https:\/\/felipeelia.com.br\/#website\"},\"datePublished\":\"2020-04-25T12:37:57+00:00\",\"dateModified\":\"2020-04-25T12:37:58+00:00\",\"description\":\"Veja como \u00e9 f\u00e1cil criar campos personalizados nos itens de menu do WordPress 5.4\",\"breadcrumb\":{\"@id\":\"https:\/\/felipeelia.com.br\/como-criar-novos-campos-nos-itens-de-menu-do-wordpress\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/felipeelia.com.br\/como-criar-novos-campos-nos-itens-de-menu-do-wordpress\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/felipeelia.com.br\/como-criar-novos-campos-nos-itens-de-menu-do-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/felipeelia.dev\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Como criar novos campos nos itens de menu do WordPress\"}]},{\"@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 novos campos nos itens de menu do WordPress | Felipe Elia","description":"Veja como \u00e9 f\u00e1cil criar campos personalizados nos itens de menu do WordPress 5.4","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-novos-campos-nos-itens-de-menu-do-wordpress\/","og_locale":"pt_BR","og_type":"article","og_title":"Como criar novos campos nos itens de menu do WordPress | Felipe Elia","og_description":"Veja como \u00e9 f\u00e1cil criar campos personalizados nos itens de menu do WordPress 5.4","og_url":"https:\/\/felipeelia.com.br\/como-criar-novos-campos-nos-itens-de-menu-do-wordpress\/","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-04-25T12:37:57+00:00","article_modified_time":"2020-04-25T12:37:58+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/04\/campos-personalizados-menu-wordpress.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":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/felipeelia.com.br\/como-criar-novos-campos-nos-itens-de-menu-do-wordpress\/#article","isPartOf":{"@id":"https:\/\/felipeelia.com.br\/como-criar-novos-campos-nos-itens-de-menu-do-wordpress\/"},"author":{"name":"Felipe Elia","@id":"https:\/\/felipeelia.com.br\/#\/schema\/person\/927a99b6e1cde7fcf9f4f79a1638b292"},"headline":"Como criar novos campos nos itens de menu do WordPress","datePublished":"2020-04-25T12:37:57+00:00","dateModified":"2020-04-25T12:37:58+00:00","mainEntityOfPage":{"@id":"https:\/\/felipeelia.com.br\/como-criar-novos-campos-nos-itens-de-menu-do-wordpress\/"},"wordCount":431,"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-novos-campos-nos-itens-de-menu-do-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/felipeelia.com.br\/como-criar-novos-campos-nos-itens-de-menu-do-wordpress\/","url":"https:\/\/felipeelia.com.br\/como-criar-novos-campos-nos-itens-de-menu-do-wordpress\/","name":"Como criar novos campos nos itens de menu do WordPress | Felipe Elia","isPartOf":{"@id":"https:\/\/felipeelia.com.br\/#website"},"datePublished":"2020-04-25T12:37:57+00:00","dateModified":"2020-04-25T12:37:58+00:00","description":"Veja como \u00e9 f\u00e1cil criar campos personalizados nos itens de menu do WordPress 5.4","breadcrumb":{"@id":"https:\/\/felipeelia.com.br\/como-criar-novos-campos-nos-itens-de-menu-do-wordpress\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/felipeelia.com.br\/como-criar-novos-campos-nos-itens-de-menu-do-wordpress\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/felipeelia.com.br\/como-criar-novos-campos-nos-itens-de-menu-do-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/felipeelia.dev\/"},{"@type":"ListItem","position":2,"name":"Como criar novos campos nos itens de menu do WordPress"}]},{"@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\/04\/campos-personalizados-menu-wordpress.jpg",1920,1080,false],"thumbnail":["https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/04\/campos-personalizados-menu-wordpress-150x150.jpg",150,150,true],"medium":["https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/04\/campos-personalizados-menu-wordpress-300x169.jpg",300,169,true],"medium_large":["https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/04\/campos-personalizados-menu-wordpress-768x432.jpg",768,432,true],"large":["https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/04\/campos-personalizados-menu-wordpress-1024x576.jpg",1024,576,true],"1536x1536":["https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/04\/campos-personalizados-menu-wordpress-1536x864.jpg",1536,864,true],"2048x2048":["https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/04\/campos-personalizados-menu-wordpress.jpg",1920,1080,false],"ocean-thumb-m":["https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/04\/campos-personalizados-menu-wordpress.jpg",600,338,false],"ocean-thumb-ml":["https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/04\/campos-personalizados-menu-wordpress.jpg",800,450,false],"ocean-thumb-l":["https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/04\/campos-personalizados-menu-wordpress.jpg",1200,675,false],"yarpp-thumbnail":["https:\/\/felipeelia.com.br\/wp-content\/uploads\/2020\/04\/campos-personalizados-menu-wordpress.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":"Veja como \u00e9 f\u00e1cil criar campos personalizados nos itens de menu do WordPress 5.4","_links":{"self":[{"href":"https:\/\/felipeelia.com.br\/wp-json\/wp\/v2\/posts\/1649"}],"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=1649"}],"version-history":[{"count":0,"href":"https:\/\/felipeelia.com.br\/wp-json\/wp\/v2\/posts\/1649\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/felipeelia.com.br\/wp-json\/wp\/v2\/media\/1658"}],"wp:attachment":[{"href":"https:\/\/felipeelia.com.br\/wp-json\/wp\/v2\/media?parent=1649"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/felipeelia.com.br\/wp-json\/wp\/v2\/categories?post=1649"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/felipeelia.com.br\/wp-json\/wp\/v2\/tags?post=1649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}