{"id":23540,"date":"2021-05-02T18:16:00","date_gmt":"2021-05-02T15:16:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=23540"},"modified":"2021-10-18T02:49:23","modified_gmt":"2021-10-17T23:49:23","slug":"so-erstellen-sie-ein-benutzerdefiniertes-anmeldeformular-in-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/so-erstellen-sie-ein-benutzerdefiniertes-anmeldeformular-in-wordpress\/","title":{"rendered":"So erstellen Sie ein benutzerdefiniertes Anmeldeformular in WordPress"},"content":{"rendered":"<p>Vor kurzem bin ich auf eine Situation gesto\u00dfen, in der mein Kunde wollte, dass ich ein benutzerdefiniertes Anmeldeformular in WordPress erstelle. Der HTML-Entwickler hat ein auff\u00e4lliges Login-Formular erstellt und mir \u00fcbergeben. In diesem Artikel zeige ich Ihnen, wie ich ein exaktes Login-Formular-Design verwendet und ein benutzerdefiniertes Login-Formular in WordPress erstellt habe.<\/p>\n<h3>Warum brauchen Sie ein benutzerdefiniertes Anmeldeformular in WordPress?<\/h3>\n<p>WordPress bietet ein integriertes Formular f\u00fcr die Anmeldung bei Ihrem Dashboard. Dieses Formular ist im Backend nur mit dem Standarddesign verf\u00fcgbar. Wir k\u00f6nnen dieses Standardformular nicht auf der Frontend-Seite anzeigen, da dieses Design nicht mit dem Frontend \u00fcbereinstimmt.<\/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=\"So erstellen Sie ein benutzerdefiniertes Anmeldeformular in WordPress\" ><\/a><\/p>\n<h3>Verwendung der Funktion wp_login_form<\/h3>\n<p>WordPress bietet eine Methode <a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/wp_login_form\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wp_login_form(),<\/a> die zum Erstellen eines Frontend-Anmeldeformulars verwendet werden kann. Wir m\u00fcssen nur Parameter an die Funktion \u00fcbergeben und sie zeigt das HTML-Formular auf der Website an. Rufen Sie diese Funktion einfach \u00fcberall dort auf, wo Sie ein Login-Formular platzieren m\u00f6chten.<\/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>Wir haben die Methode is_user_logged_in() verwendet, um zu \u00fcberpr\u00fcfen, ob der Benutzer bereits angemeldet ist. Unser Anmeldeformular wird nur f\u00fcr nicht angemeldete Benutzer angezeigt. Wie im $args-Array gezeigt, f\u00fcgt &#8218;form_id&#8216; =&gt; &#8218;loginform&#8216; das HTML-ID-Attribut &#8218;loginform&#8216; zu einem generierten Anmeldeformular hinzu. Auf die gleiche Weise k\u00f6nnen wir die ID an den Benutzernamen und das Passwort als &#8218;id_username&#8216; =&gt; &#8218;user_login&#8216; bzw. &#8218;id_password&#8216; =&gt; &#8218;user_pass&#8216; \u00fcbergeben. Unten sehen Sie den Screenshot eines generierten Formulars.<\/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=\"So erstellen Sie ein benutzerdefiniertes Anmeldeformular in WordPress\" ><\/a><\/p>\n<p>Sobald Ihr Login-Formular generiert wurde, k\u00f6nnen Sie das CSS anpassen, indem Sie die ID eines Formulars, Benutzernamensfelder usw. verwenden. Zu diesem Zeitpunkt habe ich CSS gem\u00e4\u00df den Angaben des HTML-Entwicklers auf dieses Formular angewendet. Ich werde keinen endg\u00fcltigen Formularentwurf zeigen. Der Umfang dieses Tutorials ist nur zu zeigen, wie man das gleiche Ergebnis erzielen kann.<\/p>\n<p>Ich hoffe, Sie verstehen, wie Sie ein benutzerdefiniertes Anmeldeformular in WordPress erstellen. Bei Fragen oder Anregungen hinterlassen Sie bitte unten einen Kommentar.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Das Anzeigen eines benutzerdefinierten Anmeldeformulars in WordPress ist ein h\u00e4ufiges Bed\u00fcrfnis f\u00fcr Website-Besitzer. In diesem Artikel zeigen wir Ihnen, wie Sie ein benutzerdefiniertes Anmeldeformular anzeigen<\/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":[175,411,607],"tags":[845],"class_list":["post-23540","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chrome-3","category-sonstig","category-uncategorized-3","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/23540","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/comments?post=23540"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/23540\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/21622"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=23540"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=23540"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=23540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}