{"id":26840,"date":"2021-05-02T18:17:00","date_gmt":"2021-05-02T15:17:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=26840"},"modified":"2021-10-18T04:19:44","modified_gmt":"2021-10-18T01:19:44","slug":"como-criar-um-formulario-de-login-personalizado-no-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-criar-um-formulario-de-login-personalizado-no-wordpress\/","title":{"rendered":"Como criar um formul\u00e1rio de login personalizado no WordPress"},"content":{"rendered":"<p>Recentemente, me deparei com uma situa\u00e7\u00e3o em que meu cliente queria que eu criasse um formul\u00e1rio de login personalizado no WordPress. O desenvolvedor de HTML criou um formul\u00e1rio de login atraente e passou para mim. Neste artigo, mostro como usei o design de formul\u00e1rio de login exato e criei um formul\u00e1rio de login personalizado no WordPress.<\/p>\n<h3>Por que precisa de um formul\u00e1rio de login personalizado no WordPress<\/h3>\n<p>O WordPress forneceu um formul\u00e1rio integrado para login no seu painel. Este formul\u00e1rio est\u00e1 dispon\u00edvel no back-end apenas com o design padr\u00e3o. N\u00e3o podemos mostrar este formul\u00e1rio padr\u00e3o no front-end, pois este design n\u00e3o combina com o front-end.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20809-60822b425a066.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\/04\/post-20809-60822b425a066.png\" alt=\"Como criar um formul\u00e1rio de login personalizado no WordPress\" ><\/a><\/p>\n<h3>Uso da fun\u00e7\u00e3o wp_login_form<\/h3>\n<p>O WordPress fornece um m\u00e9todo <a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/wp_login_form\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wp_login_form()<\/a> que pode ser usado para criar um formul\u00e1rio de login de front end. Precisamos apenas passar par\u00e2metros para a fun\u00e7\u00e3o e ela exibir\u00e1 o formul\u00e1rio HTML no site. Basta chamar esta fun\u00e7\u00e3o onde voc\u00ea quiser colocar um formul\u00e1rio de login.<\/p>\n<pre><code>&lt;?php\nif (! is_user_logged_in()) {\n\u00a0\u00a0\u00a0\u00a0$args = array(\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'echo'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 =&gt; true,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'remember'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 =&gt; true,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'redirect'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 =&gt; (is_ssl()? 'https:\/\/': 'http:\/\/' ). $_SERVER['HTTP_HOST']. $_SERVER['REQUEST_URI'],\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'form_id'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 =&gt; 'loginform',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'id_username'\u00a0\u00a0\u00a0 =&gt; 'user_login',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'id_password'\u00a0\u00a0\u00a0 =&gt; 'user_pass',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'id_remember'\u00a0\u00a0\u00a0 =&gt; 'rememberme',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'id_submit'\u00a0\u00a0\u00a0\u00a0\u00a0 =&gt; 'wp-submit',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'label_username' =&gt; __( 'Username' ),\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'label_password' =&gt; __( 'Password' ),\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'label_remember' =&gt; __( 'Remember Me' ),\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'label_log_in'\u00a0\u00a0 =&gt; __( 'Log In' ),\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'value_username' =&gt; '',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'value_remember' =&gt; false\n\u00a0\u00a0\u00a0\u00a0);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0wp_login_form( $args );\n}\n?&gt;<\/code><\/pre>\n<p>Usamos o m\u00e9todo is_user_logged_in () para verificar se o usu\u00e1rio j\u00e1 est\u00e1 logado. Nosso formul\u00e1rio de login ser\u00e1 exibido apenas para usu\u00e1rios n\u00e3o logados. Conforme mostrado no array $ args, &#8216;form_id&#8217; =&gt; &#8216;loginform&#8217; adicionar\u00e1 o atributo de id HTML &#8216;loginform&#8217; a um formul\u00e1rio de login gerado. Da mesma forma, podemos passar id para nome de usu\u00e1rio e senha como &#8216;id_username&#8217; =&gt; &#8216;user_login&#8217; e &#8216;id_password&#8217; =&gt; &#8216;user_pass&#8217; respectivamente. Abaixo est\u00e1 a captura de tela de um formul\u00e1rio gerado.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20809-60822b42bdbaa.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\/04\/post-20809-60822b42bdbaa.png\" alt=\"Como criar um formul\u00e1rio de login personalizado no WordPress\" ><\/a><\/p>\n<p>Uma vez que seu formul\u00e1rio de login \u00e9 gerado, voc\u00ea pode ajustar o CSS usando o id de um formul\u00e1rio, campos de nome de usu\u00e1rio, etc. Neste est\u00e1gio, apliquei CSS a este formul\u00e1rio conforme fornecido pelo desenvolvedor HTML. N\u00e3o vou mostrar um design de formul\u00e1rio final. O objetivo deste tutorial \u00e9 apenas mostrar como se pode obter o mesmo resultado.<\/p>\n<p>Espero que voc\u00ea entenda como criar um formul\u00e1rio de login personalizado no WordPress. Para qualquer d\u00favida ou sugest\u00e3o, por favor, deixe um coment\u00e1rio abaixo.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Exibir formul\u00e1rio de login personalizado no WordPress \u00e9 uma necessidade comum para propriet\u00e1rios de sites. Neste artigo, mostramos como exibir o formul\u00e1rio de login personalizado<\/p>\n","protected":false},"author":1,"featured_media":21622,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[142,417,613],"tags":[848],"class_list":["post-26840","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sem-categoria","category-diversos","category-uncategorized-9","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/26840","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=26840"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/26840\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/21622"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=26840"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=26840"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=26840"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}