{"id":23549,"date":"2021-05-02T18:03:00","date_gmt":"2021-05-02T15:03:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=23549"},"modified":"2021-10-18T03:21:08","modified_gmt":"2021-10-18T00:21:08","slug":"come-creare-un-modulo-di-accesso-personalizzato-in-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/come-creare-un-modulo-di-accesso-personalizzato-in-wordpress\/","title":{"rendered":"Come creare un modulo di accesso personalizzato in WordPress"},"content":{"rendered":"<p>Di recente, mi sono imbattuto in una situazione in cui il mio cliente voleva che creassi un modulo di accesso personalizzato in WordPress. Lo sviluppatore HTML ha creato un modulo di accesso accattivante e me lo ha consegnato. In questo articolo, ti mostro come ho utilizzato il design esatto del modulo di accesso e ho creato un modulo di accesso personalizzato in WordPress.<\/p>\n<h3>Perch\u00e9 \u00e8 necessario un modulo di accesso personalizzato in WordPress?<\/h3>\n<p>WordPress ha fornito un modulo integrato per l&#8217;accesso alla dashboard. Questo modulo \u00e8 disponibile in back-end solo con il design predefinito. Non possiamo mostrare questo modulo predefinito sul lato front-end poich\u00e9 questo design non corrisponde al 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=\"Come creare un modulo di accesso personalizzato in WordPress\" ><\/a><\/p>\n<h3>Utilizzo della funzione wp_login_form<\/h3>\n<p>WordPress fornisce un metodo <a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/wp_login_form\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wp_login_form()<\/a> che pu\u00f2 essere utilizzato per creare un modulo di accesso front-end. Abbiamo solo bisogno di passare i parametri alla funzione e visualizzer\u00e0 il modulo HTML sul sito. Chiama questa funzione ovunque tu voglia inserire un modulo di accesso.<\/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>Abbiamo utilizzato il metodo is_user_logged_in() per verificare se l&#8217;utente ha gi\u00e0 effettuato l&#8217;accesso. Il nostro modulo di accesso verr\u00e0 visualizzato solo per gli utenti non registrati. Come mostrato nell&#8217;array $args, &#8216;form_id&#8217; =&gt; &#8216;loginform&#8217; aggiunger\u00e0 l&#8217;attributo id HTML &#8216;loginform&#8217; a un modulo di accesso generato. Allo stesso modo, possiamo passare id a username, password come &#8216;id_username&#8217; =&gt; &#8216;user_login&#8217; e &#8216;id_password&#8217; =&gt; &#8216;user_pass&#8217; rispettivamente. Di seguito \u00e8 riportato lo screenshot di un modulo generato.<\/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=\"Come creare un modulo di accesso personalizzato in WordPress\" ><\/a><\/p>\n<p>Una volta generato il modulo di accesso, puoi modificare il CSS utilizzando l&#8217;id di un modulo, i campi del nome utente ecc. In questa fase, ho applicato i CSS a questo modulo come fornito dallo sviluppatore HTML. Non mostrer\u00f2 un progetto di forma finale. Lo scopo di questo tutorial \u00e8 solo quello di mostrare come si pu\u00f2 ottenere lo stesso risultato.<\/p>\n<p>Spero che tu capisca come creare un modulo di accesso personalizzato in WordPress. Per qualsiasi domanda o suggerimento, lascia un commento qui sotto.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Visualizzare un modulo di accesso personalizzato in WordPress \u00e8 un&#8217;esigenza comune per i proprietari di siti. In questo articolo, ti mostriamo come visualizzare un modulo di accesso personalizzato<\/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":[179,415,611],"tags":[846],"class_list":["post-23549","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chrome-7","category-varie","category-uncategorized-7","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/23549","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/comments?post=23549"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/23549\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/21622"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=23549"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=23549"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=23549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}