{"id":26947,"date":"2021-05-02T17:47:00","date_gmt":"2021-05-02T14:47:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=26947"},"modified":"2021-10-18T03:52:38","modified_gmt":"2021-10-18T00:52:38","slug":"jak-utworzyc-niestandardowy-formularz-logowania-w-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pl\/jak-utworzyc-niestandardowy-formularz-logowania-w-wordpress\/","title":{"rendered":"Jak utworzy\u0107 niestandardowy formularz logowania w WordPress"},"content":{"rendered":"<p>Ostatnio natkn\u0105\u0142em si\u0119 na sytuacj\u0119, w kt\u00f3rej m\u00f3j klient chcia\u0142, abym stworzy\u0142 niestandardowy formularz logowania w WordPressie. Programista HTML stworzy\u0142 przyci\u0105gaj\u0105cy wzrok formularz logowania i przekaza\u0142 mi go. W tym artykule poka\u017c\u0119, jak wykorzysta\u0142em dok\u0142adny projekt formularza logowania i stworzy\u0142em niestandardowy formularz logowania w WordPress.<\/p>\n<h3>Dlaczego potrzebujesz niestandardowego formularza logowania w WordPress<\/h3>\n<p>WordPress dostarczy\u0142 wbudowany formularz logowania do pulpitu nawigacyjnego. Ten formularz jest dost\u0119pny na zapleczu tylko z domy\u015blnym projektem. Nie mo\u017cemy pokaza\u0107 tego domy\u015blnego formularza na przedniej stronie, poniewa\u017c ten projekt nie pasuje do interfejsu.<\/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=\"Jak utworzy\u0107 niestandardowy formularz logowania w WordPress\" ><\/a><\/p>\n<h3>Korzystanie z funkcji wp_login_form<\/h3>\n<p>WordPress udost\u0119pnia metod\u0119 <a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/wp_login_form\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wp_login_form(),<\/a> kt\u00f3rej mo\u017cna u\u017cy\u0107 do utworzenia formularza logowania front-end. Wystarczy przekaza\u0107 parametry do funkcji, kt\u00f3ra wy\u015bwietli formularz HTML na stronie. Po prostu wywo\u0142aj t\u0119 funkcj\u0119 wsz\u0119dzie tam, gdzie chcesz umie\u015bci\u0107 formularz logowania.<\/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>U\u017cyli\u015bmy metody is_user_logged_in() do sprawdzenia, czy u\u017cytkownik jest ju\u017c zalogowany. Nasz formularz logowania wy\u015bwietli si\u0119 tylko dla niezalogowanych u\u017cytkownik\u00f3w. Jak pokazano w tablicy $args, 'form_id&#8217; =&gt; 'loginform&#8217; doda atrybut identyfikatora HTML 'loginform&#8217; do wygenerowanego formularza logowania. W ten sam spos\u00f3b mo\u017cemy przekaza\u0107 id do nazwy u\u017cytkownika, has\u0142o jako odpowiednio 'id_username&#8217; =&gt; 'user_login&#8217; i 'id_password&#8217; =&gt; 'user_pass&#8217;. Poni\u017cej zrzut ekranu wygenerowanego formularza.<\/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=\"Jak utworzy\u0107 niestandardowy formularz logowania w WordPress\" ><\/a><\/p>\n<p>Po wygenerowaniu formularza logowania mo\u017cesz dostosowa\u0107 CSS, u\u017cywaj\u0105c identyfikatora formularza, p\u00f3l nazwy u\u017cytkownika itp. Na tym etapie zastosowa\u0142em CSS do tego formularza zgodnie z udost\u0119pnionymi przez programist\u0119 HTML. Nie zamierzam pokazywa\u0107 ostatecznego projektu formy. Zakres tego samouczka ma tylko pokaza\u0107, jak mo\u017cna osi\u0105gn\u0105\u0107 ten sam wynik.<\/p>\n<p>Mam nadziej\u0119, \u017ce rozumiesz, jak stworzy\u0107 niestandardowy formularz logowania w WordPressie. W przypadku jakichkolwiek pyta\u0144 lub sugestii zostaw komentarz poni\u017cej.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\u0179r\u00f3d\u0142o nagrywania:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wy\u015bwietlanie niestandardowego formularza logowania w WordPress to powszechna potrzeba w\u0142a\u015bcicieli witryn. W tym artykule pokazujemy, jak wy\u015bwietli\u0107 niestandardowy formularz logowania<\/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":[180,416,612],"tags":[847],"class_list":["post-26947","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chrome-8","category-roznorodny","category-uncategorized-8","tag-affiai-pl"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/26947","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/comments?post=26947"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/26947\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media\/21622"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media?parent=26947"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/categories?post=26947"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/tags?post=26947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}