{"id":23675,"date":"2021-05-02T18:24:00","date_gmt":"2021-05-02T15:24:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=23675"},"modified":"2021-10-17T19:38:08","modified_gmt":"2021-10-17T16:38:08","slug":"kuidas-luua-wordpressis-kohandatud-sisselogimisvormi","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/et\/kuidas-luua-wordpressis-kohandatud-sisselogimisvormi\/","title":{"rendered":"Kuidas luua WordPressis kohandatud sisselogimisvormi"},"content":{"rendered":"<p>Hiljuti puutusin kokku olukorraga, kus minu klient soovis, et ma WordPressis loonaks kohandatud sisselogimisvormi. HTML-i arendaja on loonud pilkup\u00fc\u00fcdva sisselogimisvormi ja andnud mulle \u00fcle. Selles artiklis n\u00e4itan teile, kuidas kasutasin t\u00e4pset sisselogimisvormi kujundust ja l\u00f5in WordPressis kohandatud sisselogimisvormi.<\/p>\n<h3>Miks vaja WordPressis kohandatud sisselogimisvormi<\/h3>\n<p>WordPress pakkus armatuurlauale sisselogimiseks sisseehitatud vormi. See vorm on taustal saadaval ainult vaikekujundusega. Me ei saa seda vaikevormi kuvada esiotsa k\u00fcljel, kuna see kujundus ei \u00fchildu esiosaga.<\/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=\"Kuidas luua WordPressis kohandatud sisselogimisvormi\" ><\/a><\/p>\n<h3>Funktsiooni wp_login_form kasutamine<\/h3>\n<p>WordPress pakub meetodit <a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/wp_login_form\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wp_login_form(),<\/a> mida saab kasutada esiotsa sisselogimisvormi loomiseks. Peame lihtsalt edastama funktsioonile parameetrid ja see kuvab kohapeal HTML-vormi. Helistage sellele funktsioonile k\u00f5ikjal, kuhu soovite sisselogimisvormi lisada.<\/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>Oleme kasutanud meetodit is_user_logged_in (), et kontrollida, kas kasutaja on juba sisse logitud. Meie sisselogimisvormi kuvatakse ainult sisselogimata kasutajatele. Nagu on n\u00e4idatud massiivis $ args, lisab &#8216;form_id&#8217; =&gt; &#8216;loginform&#8217; loodud sisselogimisvormile HTML-i atribuudi &#8216;loginform&#8217;. Samamoodi v\u00f5ime edastada kasutajanimele ID, parooli vastavalt &#8217;id_username&#8217; =&gt; &#8216;user_login&#8217; ja &#8217;id_password&#8217; =&gt; &#8216;user_pass&#8217;. Allpool on ekraanipilt loodud vormi kohta.<\/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=\"Kuidas luua WordPressis kohandatud sisselogimisvormi\" ><\/a><\/p>\n<p>Kui teie sisselogimisvorm on loodud, saate CSS-i reguleerida, kasutades vormi ID-d, kasutajanime v\u00e4ljad jne. Selles etapis olen rakendanud sellele vormile CSS-i vastavalt HTML-i arendaja pakutule. Ma ei hakka n\u00e4itama l\u00f5plikku vormikujundust. Selle \u00f5petuse eesm\u00e4rk on lihtsalt n\u00e4idata, kuidas sama tulemust saavutada.<\/p>\n<p>Loodan, et saate aru, kuidas WordPressis kohandatud sisselogimisvormi luua. Kui teil on k\u00fcsimusi v\u00f5i ettepanekuid, j\u00e4tke kommentaar allpool.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kohandatud sisselogimisvormi kuvamine WordPressis on saidiomanike tavaline vajadus. Selles artiklis n\u00e4itame teile, kuidas kuvada kohandatud sisselogimisvormi<\/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":[177,420,609],"tags":[842],"class_list":["post-23675","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chrome-5","category-mitmesugused-et","category-uncategorized-5","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/posts\/23675","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/comments?post=23675"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/posts\/23675\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/media\/21622"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/media?parent=23675"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/categories?post=23675"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/tags?post=23675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}