{"id":365827,"date":"2022-10-22T13:42:00","date_gmt":"2022-10-22T10:42:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=365827"},"modified":"2023-01-20T19:47:25","modified_gmt":"2023-01-20T16:47:25","slug":"passen-sie-ihre-wordpress-anmeldeseite-mit-dem-yith-custom-login-plugin-an","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/passen-sie-ihre-wordpress-anmeldeseite-mit-dem-yith-custom-login-plugin-an\/","title":{"rendered":"Passen Sie Ihre WordPress-Anmeldeseite mit dem YITH Custom Login Plugin an"},"content":{"rendered":"\n<p>Das Beste an einer WordPress-Website ist, wie einfach es ist, sie anzupassen. Sie m\u00fcssen daf\u00fcr nicht viel Geld, Programmierkenntnisse oder Zeit haben. Sie m\u00fcssen nur ein kostenloses Design oder ein Plugin herunterladen und installieren, und die Website sieht anders aus oder erh\u00e4lt einige neue Funktionen.<\/p>\n<p>Sie k\u00f6nnen dies f\u00fcr jede Seite Ihrer Website tun. Auch die selbstverst\u00e4ndliche Login-Seite l\u00e4sst sich an das neue Design Ihrer Website anpassen. Wenn Sie sehen, wie einfach es ist, es zu \u00e4ndern, werden Sie sich wahrscheinlich fragen, warum Sie es noch nie getan haben. Sehen wir uns an, wie Sie die benutzerdefinierte Anmeldeseite von <a href=\"https:\/\/wordpress.org\/plugins\/yith-custom-login\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">YITH<\/a> oder eines der besten <a href=\"https:\/\/themewp.inform.click\/de\/5-hochmoderne-benutzerdefinierte-wordpress-login-plugins\/\" title=\"benutzerdefinierten WordPress-Plugins\">benutzerdefinierten WordPress-Plugins<\/a> f\u00fcr die Anmeldung verwenden k\u00f6nnen. Auf diese Weise kann sich jeder problemlos <a href=\"https:\/\/themewp.inform.click\/de\/so-melden-sie-sich-in-wenigen-einfachen-schritten-bei-wordpress-an\/\" title=\"auf Ihrer WordPress-Site anmelden\">auf Ihrer WordPress-Site anmelden<\/a>.<\/p>\n<h2>Warum sollten Sie eine benutzerdefinierte WordPress-Anmeldeseite erstellen?<\/h2>\n<p>Die <strong>Standard-WordPress-Anmeldeseite sieht einfach und auf die blo\u00dfen Elemente reduziert aus<\/strong>. Es hat zwei Felder, ein Logo, eine Schaltfl\u00e4che, ein paar Links und ein Kontrollk\u00e4stchen. So sieht es aus:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc8455da0.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc8455da0.jpg\" alt=\"Passen Sie Ihre WordPress-Anmeldeseite mit dem YITH Custom Login Plugin an\"><\/a><\/p>\n<p>An dieser Seite ist nichts auszusetzen. Es macht das Einloggen in WordPress sehr einfach \u2013 hier kann man fast nichts falsch machen, weil alles leicht verst\u00e4ndlich ist.<\/p>\n<p>Aber es ist eine verpasste Gelegenheit. Zumindest sollten <strong>Sie Ihr eigenes Logo auf der Anmeldeseite anzeigen k\u00f6nnen<\/strong>. Es w\u00fcrde nicht schaden, wenn Sie etwas anderes darstellen k\u00f6nnten \u2013 zum Beispiel ein Maskottchen \u2013 oder ein bisschen mit Farben oder mit den Schriftarten herumspielen k\u00f6nnten.<\/p>\n<h2>Was k\u00f6nnen Sie mit dem benutzerdefinierten YITH-Login tun?<\/h2>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc87f37a1.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc87f37a1.jpg\" alt=\"Passen Sie Ihre WordPress-Anmeldeseite mit dem YITH Custom Login Plugin an\"><\/a><\/p>\n<p>Das YITH Custom Login-Plugin kann Ihnen helfen, das Aussehen der Anmeldeseite Ihrer Website zu \u00e4ndern. Nachdem Sie das Plugin installiert haben, \u00e4ndert es das Erscheinungsbild Ihrer WordPress-Anmeldeseite so, dass es folgenderma\u00dfen aussieht:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc8b03bc0.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc8b03bc0.jpg\" alt=\"Passen Sie Ihre WordPress-Anmeldeseite mit dem YITH Custom Login Plugin an\"><\/a><\/p>\n<p>Die Login-Seite bleibt nicht so, wenn Sie es nicht wollen. Dies ist die Standardansicht, die Sie nach <a href=\"https:\/\/themewp.inform.click\/de\/so-installieren-sie-wordpress-plugins-auf-einfache-weise\/\" title=\"der Installation und Aktivierung des Plugins\">der Installation und Aktivierung des Plugins<\/a> erhalten, aber Sie k\u00f6nnen sie \u00e4ndern. <strong>Sie k\u00f6nnen beispielsweise die Hintergrundfarbe auf der Seite \u00e4ndern oder ein Bild f\u00fcr den Hintergrund festlegen<\/strong>.<\/p>\n<p>Sie k\u00f6nnen das Papageien-Maskottchen auch mit Ihrem austauschen, wenn Sie eines haben. Die Seite ist bereit f\u00fcr Ihr Logo, und Sie k\u00f6nnen mit den Benutzernamen- und Passwortfeldern herumspielen, um ihr Aussehen und ihre Beschriftung zu \u00e4ndern. <strong>Grunds\u00e4tzlich gibt Ihnen dieses Plugin die Kontrolle \u00fcber alle wichtigen Elemente auf der Anmeldeseite<\/strong>. Schauen wir es uns genauer an.<\/p>\n<h2>Allgemeine Einstellungen<\/h2>\n<p>Bevor wir uns mit den allgemeinen Einstellungen des Plugins befassen, wollen wir zun\u00e4chst sicherstellen, dass Sie wissen, wie Sie das Plugin finden. <strong>Sie sollten die Option \u201eDarstellung&#8220; im Hauptmen\u00fc finden und darunter auf \u201eAnmeldebildschirm&#8220; klicken<\/strong> :<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc8e0924f.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc8e0924f.jpg\" alt=\"Passen Sie Ihre WordPress-Anmeldeseite mit dem YITH Custom Login Plugin an\"><\/a><\/p>\n<p>Sobald Sie das getan haben, wechseln Sie zu den Plugin-Optionen und Sie werden sehen, dass die Registerkarte Allgemeine Einstellungen die erste von links ist.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc90b5a58.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc90b5a58.jpg\" alt=\"Passen Sie Ihre WordPress-Anmeldeseite mit dem YITH Custom Login Plugin an\"><\/a><\/p>\n<p>Auf der Registerkarte \u201eAllgemeine Einstellungen&#8220; k\u00f6nnen Sie zwei wichtige Dinge tun: <strong>Aktivieren Sie das Plug-in f\u00fcr die benutzerdefinierte Anmeldung und legen Sie Ihr Maskottchenbild fest<\/strong>. Die Einstellungen sind so einfach, wie sie klingen, zumindest bis Sie an den Punkt kommen, an dem Sie mit der Position Ihres Maskottchens nicht zufrieden sind \u2013 und die Chancen stehen gut, dass Sie es nicht sein werden.<\/p>\n<p>Gehen wir die Optionen auf dieser Seite nacheinander durch.<\/p>\n<ul>\n<li><strong>Benutzerdefinierte Anmeldung aktivieren:<\/strong> Sobald Sie das Plugin installiert haben, wird diese Option standardm\u00e4\u00dfig aktiviert. Wenn Sie zu irgendeinem Zeitpunkt zur Standard-Anmeldeseite zur\u00fcckkehren m\u00f6chten, m\u00fcssen Sie dieses Kontrollk\u00e4stchen nur deaktivieren.<\/li>\n<li><strong>Maskottchenbild anzeigen: Aktivieren<\/strong> Sie dieses Kontrollk\u00e4stchen, wenn Sie m\u00f6chten, dass ein Maskottchen auf Ihrer benutzerdefinierten Anmeldeseite angezeigt wird. Wenn das Kontrollk\u00e4stchen deaktiviert ist, ist das Maskottchen nicht sichtbar.<\/li>\n<li><strong>Maskottchen -Bild-URL:<\/strong> Das Papageien-Maskottchen ist standardm\u00e4\u00dfig eingestellt und Sie m\u00fcssen es nicht \u00e4ndern, wenn Sie dies nicht m\u00f6chten. Wenn Sie es \u00e4ndern m\u00f6chten, f\u00fcgen Sie das Bild (.png-Format, etwa 140 x 185 Pixel) am besten der Medienbibliothek hinzu und f\u00fcgen Sie dann einfach einen Link darauf in dieses Feld ein.<\/li>\n<li><strong>Benutzerdefiniertes CSS:<\/strong> Dies ist das Feld, in dem Sie die Position des Maskottchens \u00e4ndern. Dies ist das Komplizierteste, was Sie auf der Registerkarte &quot;Allgemeine Einstellungen&quot; tun k\u00f6nnen.<\/li>\n<\/ul>\n<p>Wenn Sie mit dem Aussehen des Maskottchens nicht zufrieden sind, <strong>m\u00fcssen Sie es <a href=\"https:\/\/themewp.inform.click\/de\/so-ueberpruefen-sie-website-elemente-in-ihrem-browser\/\" title=\"inspizieren\">inspizieren<\/a> und den Code durchsuchen, bis Sie die Werte finden, die seine Position festlegen<\/strong> :<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc94061ca.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc94061ca.jpg\" alt=\"Passen Sie Ihre WordPress-Anmeldeseite mit dem YITH Custom Login Plugin an\"><\/a><\/p>\n<p><strong>Nur an den \u201eoberen&#8220; und den \u201erichtigen&#8220; Werten wird gefummelt<\/strong>. Wenn Sie Hilfe ben\u00f6tigen, um herauszufinden, welche Parameter f\u00fcr Sie am besten geeignet sind, versuchen Sie es vielleicht zun\u00e4chst mit diesen:<\/p>\n<pre><code>#login img.mascotte {\nposition:absolute;\nright:-122px;\ntop:62px;\n}<\/code><\/pre>\n<p>Wenn Sie sie \u00e4ndern, m\u00fcssen Sie den gesamten Code in das Feld Custom CSS kopieren. Vergessen Sie nicht, die \u00c4nderungen zu speichern, nachdem Sie fertig sind.<\/p>\n<h2>Hintergrundeinstellungen<\/h2>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc97228b6.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc97228b6.jpg\" alt=\"Passen Sie Ihre WordPress-Anmeldeseite mit dem YITH Custom Login Plugin an\"><\/a><\/p>\n<p>Auf der Registerkarte Hintergrundeinstellungen k\u00f6nnen Sie <strong>das Erscheinungsbild und das Verhalten des Hintergrunds feinabstimmen<\/strong>. Folgendes erwartet Sie, wenn Sie zu dieser Registerkarte wechseln:<\/p>\n<ul>\n<li><strong>Hintergrundbild<\/strong>: Das Feld, in dem Sie den Link zu einem Hintergrundbild platzieren, falls Sie eines verwenden m\u00f6chten.<\/li>\n<li><strong>Hintergrundfarbe<\/strong>: Sie erhalten einige Optionen zur Auswahl der Hintergrundfarbe, sodass Sie ausw\u00e4hlen k\u00f6nnen, wie Ihre benutzerdefinierte WordPress-Anmeldeseite aussieht, auch wenn Sie kein Hintergrundbild verwenden.<\/li>\n<li><strong>Hintergrund wiederholen<\/strong>: Sie erhalten die Standardoptionen f\u00fcr das Hintergrundbild, um sich horizontal, vertikal oder gar nicht zu wiederholen.<\/li>\n<li><strong>Hintergrundposition<\/strong>: Mit dieser Option k\u00f6nnen Sie die Position des Hintergrundbilds festlegen \u2013 Sie haben obere und untere Positionen sowie linke, rechte und zentrale Ausrichtung.<\/li>\n<li><strong>Hintergrundanhang<\/strong>: Sie k\u00f6nnen zwei Verhaltensweisen f\u00fcr Ihr Hintergrundbild ausw\u00e4hlen: Es kann entweder fixiert werden und immer auf der Seite erscheinen, oder es kann zusammen mit ihm scrollen und sich bewegen.<\/li>\n<\/ul>\n<p>Es ist alles ziemlich Standardmaterial zum Einstellen von Hintergr\u00fcnden. F\u00fcgen Sie Ihr eigenes Bild hinzu oder lassen Sie es, spielen Sie mit verschiedenen Kombinationen von Hintergrundbildposition und -wiederholung herum, w\u00e4hlen Sie eine sch\u00f6ne Farbe oder kombinieren Sie beides \u2013 es liegt ganz bei Ihnen. Denken Sie wie immer daran, alle \u00c4nderungen zu speichern, die Sie behalten m\u00f6chten.<\/p>\n<h2>Logo-Einstellungen<\/h2>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc9a542a2.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc9a542a2.jpg\" alt=\"Passen Sie Ihre WordPress-Anmeldeseite mit dem YITH Custom Login Plugin an\"><\/a><\/p>\n<p>Eine der besten Verwendungen des YITH Custom Login-Plugins ist <strong>das Hinzuf\u00fcgen Ihres eigenen Logos zur Plugin-Seite anstelle des WordPress-Logos<\/strong>. Auf der Registerkarte Logooptionen finden Sie die folgenden Optionen.<\/p>\n<ul>\n<li><strong>Logo-Bild:<\/strong> Hier w\u00e4hlen Sie das Bild aus, das Sie f\u00fcr Ihr Logo verwenden.<\/li>\n<li><strong>Hintergrundfarbe:<\/strong> Wenn Sie ein Logo im PNG-Format hochladen, k\u00f6nnen Sie die Farbe ausw\u00e4hlen, die unter Ihrem Logo angezeigt wird.<\/li>\n<li><strong>Logobreite und Logoh\u00f6he:<\/strong> Sie k\u00f6nnen die Gr\u00f6\u00dfe Ihres Logos auf der Anmeldeseite ausw\u00e4hlen.<\/li>\n<\/ul>\n<p>Diese vier Optionen sind alles, was Sie brauchen, um Ihr Logo auf der benutzerdefinierten YITH-Anmeldeseite einzustellen. Nachdem Sie die gew\u00fcnschten Anpassungen vorgenommen haben, denken Sie daran, auf die Schaltfl\u00e4che \u201eOptionen speichern&#8220; zu klicken, bevor Sie fortfahren.<\/p>\n<h2>Formulareinstellungen<\/h2>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc9ce0ff6.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc9ce0ff6.jpg\" alt=\"Passen Sie Ihre WordPress-Anmeldeseite mit dem YITH Custom Login Plugin an\"><\/a><\/p>\n<p>Das Formularfeld erm\u00f6glicht die umfassendste Anpassung im gesamten Plugin. Auf dieser Registerkarte gibt es drei Gruppen von Optionen:<\/p>\n<ul>\n<li><strong>Die allgemeinen Formulareinstellungen:<\/strong> Hier legen Sie die Breite des Containers fest und w\u00e4hlen die Platzhalter f\u00fcr Benutzername und Passwort aus.<\/li>\n<li><strong>Typografieeinstellungen:<\/strong> Sie k\u00f6nnen die Schriftart, Gr\u00f6\u00dfe, den Stil und die Farbe f\u00fcr Text in den Feldern, allgemeinen Text und den Text der Schaltfl\u00e4che \u201eSenden&#8220; separat ausw\u00e4hlen. Sie k\u00f6nnen auch ausw\u00e4hlen, welche Farbe der Text des Senden-Buttons beim Hover erh\u00e4lt.<\/li>\n<li><strong>Farbeinstellung:<\/strong> Sie k\u00f6nnen die Farben der Hintergr\u00fcnde und R\u00e4nder der Felder in verschiedenen Situationen anpassen: beim Fokussieren auf sie, beim Senden oder wenn Sie mit der Maus dar\u00fcber fahren.<\/li>\n<\/ul>\n<p>Wenn Sie m\u00f6chten, dass die Formularfelder die Farben Ihres Firmenlogos haben, <strong>k\u00f6nnen Sie hier alles einstellen<\/strong>. Stellen Sie einfach sicher, dass alle \u00c4nderungen, die Sie behalten m\u00f6chten, gespeichert werden, bevor Sie die Registerkarte schlie\u00dfen.<\/p>\n<h2>Lass es uns einwickeln!<\/h2>\n<p>Ihre WordPress-Website kann so sch\u00f6n und interessant oder so schlicht und einfach sein, wie Sie es m\u00f6chten. Das ist die gro\u00dfartige Anpassbarkeit, die das Erstellen einer Website in WordPress zu einer so lohnenden Erfahrung macht. <strong>Wenn Sie also an die Feinabstimmung Ihrer Website denken, denken Sie nicht, dass Sie an derselben WordPress-Anmeldeseite h\u00e4ngen bleiben<\/strong>. Mit dem YITH Custom Login-Plugin k\u00f6nnen Sie eine neue Anmeldeseite hinzuf\u00fcgen und diese dann an Ihre Vision oder die visuelle Identit\u00e4t und den Stil Ihres Unternehmens anpassen.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>M\u00fcssen Sie eine benutzerdefinierte Anmeldeseite f\u00fcr Ihre WordPress-Website erstellen? Erfahren Sie, wie Sie dies ganz einfach mit dem YITH Custom Login-Plugin tun k\u00f6nnen!<\/p>\n","protected":false},"author":1,"featured_media":364812,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[567],"tags":[845],"class_list":["post-365827","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-grundlagen","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/365827","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=365827"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/365827\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/364812"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=365827"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=365827"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=365827"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}