![\"\"](\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2022\/02\/calendario-ingles.png\")
<\/p>\nO Elementor \u00e9 plugin do WordPress para constru\u00e7\u00e3o de p\u00e1ginas, ele \u00e9 um dos mais populares nessa categoria. Ele possui uma vers\u00e3o gratuita, muito utilizado para cria\u00e7\u00e3o de Landing Pages, e possui a vers\u00e3o PRO, onde voc\u00ea consegue construir um site inteiro de modo visual utilizado o Elementor PRO.<\/p>\n
Um dos recursos do Elementor PRO \u00e9 possibilidade de criar formul\u00e1rios sem necessidades de outros plugins. E com isso voc\u00ea consegue definir diversos campos, incluindo campos de data. Esse campo de data, exibe um calend\u00e1rio, s\u00f3 que esse calend\u00e1rio est\u00e1 em ingl\u00eas, e se seu site \u00e9 em portugu\u00eas, n\u00e3o faz muito sentindo ter essa op\u00e7\u00e3o em ingl\u00eas. Nesse tutorial vamos aprender como deixar ele em portugu\u00eas.<\/p>\n
O calend\u00e1rio ele fica assim por padr\u00e3o, em ingl\u00eas :<\/p>\n
<\/p>\n
Precisaremos\u00a0 adicionar c\u00f3digo para fazer modifica\u00e7\u00f5es, poderemos fazer direito do tema ou mesmo criando algum plugin para essa modifica\u00e7\u00e3o. Ao instalar e habilitar, ele exibir\u00e1 no menu do lado esquerdo o item Snippets, <\/strong>basta adicionar Snippets > Adicionar Novo<\/strong><\/p>\n Voc\u00ea pode definir um titulo,\u00a0 para organizar. No campo c\u00f3digo iremos adicionar nosso c\u00f3digo.<\/p>\n Nesse primeiro c\u00f3digo, \u00e9 adicionado o script da tradu\u00e7\u00e3o flatpickr, agora adicionaremos o c\u00f3digo que ir\u00e1 adicionar a tradu\u00e7\u00e3o:<\/p>\n Nesse trecho, adicionar na action wp_footer um script javascript, onde esperamos o carregamento do DOM do navegador, verifica se o script flatpickr existe na p\u00e1gina, e depois adicionamos o c\u00f3digo tradu\u00e7\u00e3o, que ser\u00e1 o flatpickr.l10ns.pt, que ser\u00e1 aplicado de forma geral.<\/p>\n No plugin Code Snippets ficar\u00e1 assim:<\/p>\n Dessa forma, quando usar o formul\u00e1rio do Elementor PRO, e campo tipo da data, ele ficar\u00e1 como na imagem abaixo, portugu\u00eas:<\/p>\n Segue abaixo, o c\u00f3digo no gist, para poder consultar e\/ou copiar:<\/p>\n https:\/\/gist.github.com\/davidchc\/d6b8545a5b1a816a9382cacf503aded0<\/a><\/p>\n Espero que tenham gostado, e at\u00e9 a pr\u00f3xima<\/p>\n Voc\u00ea gostou dessa aula? N\u00f3s possu\u00edmos diversos cursos sobre WordPress<\/a> que ajudar\u00e1 a dominar essa ferramenta. N\u00e3o perca tempo, assine agora<\/a>, e venha estudar com a gente<\/p>\n","protected":false},"excerpt":{"rendered":" O Elementor \u00e9 plugin do WordPress para constru\u00e7\u00e3o de p\u00e1ginas, ele \u00e9 um dos mais populares nessa categoria. Ele possui uma vers\u00e3o gratuita, muito utilizado para cria\u00e7\u00e3o de Landing Pages, e possui a vers\u00e3o PRO, onde voc\u00ea consegue construir um site inteiro de modo visual utilizado o Elementor PRO. Um dos recursos do Elementor PRO […]<\/p>\n","protected":false},"author":67,"featured_media":21175,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[291],"tags":[],"class_list":["post-21167","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"_links":{"self":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts\/21167","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/users\/67"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/comments?post=21167"}],"version-history":[{"count":0,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts\/21167\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/media\/21175"}],"wp:attachment":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/media?parent=21167"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/categories?post=21167"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/tags?post=21167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\nMas podemos utilizar um plugin que possamos adicionar c\u00f3digo PHP, esse plugin \u00e9 o Code Snippets<\/a><\/p>\n![\"\"](\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2022\/02\/banner-772x250-1-600x194.png\")
<\/a><\/p>\n![\"\"](\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2022\/02\/screenshot-2-600x375.png\")
<\/p>\n\r\n\/*Adicionamos no action, wp_enqueue_scripts, o script da tradu\u00e7\u00e3o em portugu\u00eas*\/\r\nadd_action('wp_enqueue_scripts', function(){\r\n \/*No terceiro par\u00e2metro, adicione o valor flatpickr para poder adicionar o script apos o script flatpickr que adicionar o calend\u00e1rio no campo*\/\r\n wp_enqueue_script('flatpickr.pt', 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/flatpickr\/4.6.9\/l10n\/pt.js', ['flatpickr'], '4.6.9', true);\r\n});\r\n<\/pre>\nadd_action('wp_footer', function () {\r\n\techo "<script>\r\n\t\t\tdocument.addEventListener('DOMContentLoaded', function(){\r\n\t\t\t if(typeof window.flatpickr == 'function' ) {\r\n\t\t\t flatpickr.localize(flatpickr.l10ns.pt);\r\n\t\t\t }\r\n\t\t\t});\r\n\t<\/script>";\r\n\t\r\n});\r\n<\/pre>\n![\"\"](\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2022\/02\/add-snippet-600x197.png\")
<\/p>\n![\"\"](\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2022\/02\/calendario-pt-br.png\")
<\/p>\n
\n