Wie man passwortgeschützte Seiten in WordPress anpasst 

Kurze Antwort: Durch die Anpassung einer passwortgeschützten Seite in WordPress können Sie private Inhalte schützen und gleichzeitig ein einheitliches Markenerlebnis gewährleisten. Die drei effektivsten Möglichkeiten zur Anpassung einer WordPress-Passwortseite sind: 1) Verwendung von SeedProd für ein vollständig anpassbares Drag-and-Drop-Design, 2) Verwendung von CSS Hero zur Gestaltung des Standardformulars ohne Code oder 3) Aktivierung einer siteweiten Passwortwand für absolute Privatsphäre.

Wenn Sie private Inhalte teilen, ist der Standard-Passwortbildschirm von WordPress eine verpasste Gelegenheit. Er ist schlicht, ohne Branding und kann Besuchern das Gefühl geben, auf einer fehlerhaften Seite gelandet zu sein.

Ich habe festgestellt, dass die Anpassung dieser einfachen Seite eine der einfachsten Möglichkeiten ist, die Professionalität einer Website zu verbessern. Sie gibt Kunden und Mitgliedern das Gefühl, sich in einer sicheren, markengeschützten Umgebung zu befinden.

In diesem Leitfaden zeige ich Ihnen die drei effektivsten Möglichkeiten, dieses Standardformular durch ein Design zu ersetzen, das tatsächlich zu Ihrer Marke passt.

Warum eine passwortgeschützte WordPress-Seite anpassen?

Wenn Sie exklusive Inhalte mit Kunden oder Mitgliedern teilen, hilft Ihnen die integrierte WordPress-Funktion zum Schutz von Seiten, diese Inhalte schnell zu sichern. Damit können Sie einzelne Seiten oder Ihre gesamte Website mit einem einfachen Passwort sperren.

Ich verwende es oft für private Landing Pages, die sich noch in der Entwicklung befinden, aber es eignet sich auch hervorragend für Online-Kurse, Downloads oder Premium-Artikel. Das Problem ist, dass WordPress einen einfachen grauen Passwort-Bildschirm anzeigt, der nicht zum Design oder Ton Ihrer Website passt.

Durch die Anpassung dieses Bildschirms wirkt Ihre Website professioneller und schafft Vertrauen. Untersuchungen von Lucidpress zeigen, dass ein einheitliches Branding auf allen Seiten das Vertrauen um bis zu 33 % steigern kann .

Hier ist der Grund, warum das wichtig ist:

• Stärken Sie die Markenkonsistenz – Stellen Sie sicher, dass Ihr Logo und Ihre Farben auch bei gesperrten Inhalten präsent sind.
• Verbesserte Benutzerfreundlichkeit - Ein ausgefeiltes, markengerechtes Design gibt den Besuchern das Gefühl, am richtigen Ort zu sein.
• Deutliche Benutzerführung - Sie können eine kurze Nachricht hinzufügen, die erklärt, was sich hinter der Seite verbirgt und wie man darauf zugreift.

Kurz gesagt, bei der Gestaltung Ihrer Passwortseite geht es um Vertrauen, Klarheit und ein nahtloses Erlebnis für Ihre Besucher.

Wann sollten Sie WordPress-Passwort-geschützte Seiten oder Beiträge verwenden?

Sie brauchen nicht immer ein vollständiges Mitgliedschafts-Plugin, um Ihre Inhalte zu schützen. In vielen Fällen reicht ein einfaches Passwort aus.

Hier sind einige der nützlichsten Möglichkeiten, passwortgeschützte Seiten und Beiträge zu verwenden:

Die Verwendung eines Passwortschutzes auf diese Weise vereinfacht Ihren Arbeitsablauf und wahrt gleichzeitig den Datenschutz und die Professionalität.

Wie man eine WordPress-Seite mit einem Passwort schützt

Hinweis: Sie müssen diese integrierte WordPress-Einstellung nur aktivieren, wenn Sie Methode 2 (CSS Hero) oder das Standard-Styling verwenden möchten. Wenn Sie Methode 1 oder Methode 3 (SeedProd) verwenden, können Sie diesen Abschnitt überspringen, da SeedProd den Schutz automatisch übernimmt.

Viele Benutzer möchten wissen, wie sie eine Website, eine einzelne Seite oder eine Kategorie mit einem Passwort schützen können. Wenn Sie die Standardmethode oder CSS Hero verwenden, können Sie den Schutz für bestimmte Seiten über den Editor aktivieren:

• Öffnen Sie die Seite oder den Beitrag, den Sie schützen möchten, im WordPress-Editor.
• Klicken Sie im Bereich "Zusammenfassung" auf der rechten Seite auf den Link neben "Sichtbarkeit".
• Wählen Sie aus den angezeigten Optionen "Passwortgeschützt".
• Geben Sie ein sicheres Passwort in das Textfeld ein.
• Klicken Sie auf die Schaltfläche "Aktualisieren" oder "Veröffentlichen", um Ihre Änderungen zu speichern.

Sie haben nun die betreffende Seite mit einem Passwort geschützt. Das Ergebnis ist jedoch der unten abgebildete Standardbildschirm ohne Branding:

Nun wollen wir uns einige Möglichkeiten ansehen, wie Sie den Inhalt passwortgeschützter WordPress-Seiten so anpassen können, dass er zum Rest Ihrer Website passt.

Methode 1. Anpassen bestimmter passwortgeschützter Seiten

Aufgrund meiner umfangreichen Tests mit Page Buildern bewerte ich diese Methode als die beste, da sie vollständige Gestaltungsfreiheit bietet, ohne dass Theme-Dateien geändert werden müssen.

Die beste Möglichkeit, eine vollständig benutzerdefinierte, passwortgeschützte Seite zu erstellen, ist SeedProd, ein Drag-and-Drop-Website-Builder für WordPress. Damit können Sie eine Seite von Grund auf neu gestalten und den Standard-Passwortbildschirm auf jeder Seite ersetzen.

Im Gegensatz zu herkömmlichen Passwortseiten können Sie mit SeedProd Marketingelemente wie Anmeldeformulare oder Countdown-Timer direkt auf dem gesperrten Bildschirm hinzufügen.

Bei dieser Methode besteht unsere Strategie darin, mit dem Landing Page Builder von SeedProd eine neue, benutzerdefinierte Seite zu erstellen. Diese wird dann so konfiguriert, dass sie anstelle des Standard-Passwortbildschirms von WordPress erscheint, aber nur für die spezifischen URLs, die Sie schützen möchten.

Alternativ können Sie auch diese schriftlichen Anweisungen befolgen:

Schritt 1: SeedProd installieren und öffnen

Installieren und aktivieren Sie zunächst das SeedProd-Plugin. Sobald es aktiviert ist, navigieren Sie in Ihrem WordPress-Admin-Dashboard zu SeedProd " Landing Pages.

Schritt 2: Erstellen Sie eine "Coming Soon"- oder Wartungsseite

Klicken Sie im Bereich "Baldiger Modus" auf die Schaltfläche Baldige Seite einrichten.

Sie sehen nun eine Bibliothek mit professionellen Vorlagen. Bewegen Sie den Mauszeiger über die Vorlage, die Sie verwenden möchten, und klicken Sie auf das Häkchen, um sie auszuwählen.

Die Vorlage wird im SeedProd Drag-and-Drop-Builder geöffnet.

Schritt 3: Anpassen der Seite mit Drag-and-Drop-Blöcken

Auf der linken Seite finden Sie eine Vielzahl von Blöcken, die Sie zum Aufbau Ihrer Seite verwenden können. Ziehen Sie einen beliebigen Block aus dem Bedienfeld und legen Sie ihn in der Seitenvorschau auf der rechten Seite ab. Klicken Sie auf ein beliebiges Element auf der Seite, um seine Einstellungen zu öffnen und seinen Inhalt und Stil anzupassen.

Sie können Standardblöcke wie Überschriften und Bilder oder erweiterte Blöcke wie Kontaktformulare, Werbegeschenke und Countdown-Timer hinzufügen.

Schritt 4: Hinzufügen eines benutzerdefinierten Passwort-Formular-Shortcodes in WordPress

Um das Kennworteingabefeld hinzuzufügen, ziehen Sie den Block "Benutzerdefiniertes HTML" aus dem linken Bereich auf Ihre Seite.

Klicken Sie auf den Block, um den Inhalt zu bearbeiten. Fügen Sie dann den folgenden Shortcode direkt in das HTML-Feld ein:

Dieser Shortcode generiert das eigentliche Passwort-Eingabefeld und die Schaltfläche „Senden“ auf der Live-Seite. Er wird im Editor nicht angezeigt, ist jedoch in der Live-Vorschau zu sehen.

Schritt 5: Kontrollieren Sie den Zugriff auf passwortgeschützte Inhalte in WordPress

Als Nächstes müssen Sie die Zugriffskontrollen für die Seite konfigurieren. Klicken Sie auf die Registerkarte "Seiteneinstellungen" am oberen Rand des Bildschirms und wählen Sie dann "Zugriffskontrollen".

Suchen Sie den Abschnitt „Bypass-URL“. Geben Sie das gewünschte Passwort in das Feld ein. Dieses funktioniert genau wie das Passwort, das Ihre Besucher eingeben werden.

Fügen Sie unter „URLs einfügen“ die URLs der Seiten ein, die Sie mit diesem benutzerdefinierten Design schützen möchten.

Schritt 6: Veröffentlichen Sie Ihr Design und aktivieren Sie die Seite

Veröffentlichen Sie zunächst den von Ihnen erstellten Seitenentwurf. Klicken Sie im SeedProd Builder auf den Dropdown-Pfeil neben der Schaltfläche "Speichern" und wählen Sie "Veröffentlichen". Es wird eine Bestätigungsmeldung angezeigt, und Sie können auf "Live-Seite anzeigen" klicken, um eine Vorschau Ihrer Arbeit anzuzeigen.

Als Nächstes müssen Sie den Modus aktivieren, um die Seite auf den von Ihnen ausgewählten URLs zu aktivieren. Navigieren Sie zurück zu Ihrem SeedProd " Landing Pages Dashboard. Schalten Sie unter dem Abschnitt "Coming Soon Mode" den Schalter von "Inaktiv" auf "Aktiv" um.

Keine Sorge, dadurch wird nicht Ihre gesamte Website offline genommen. Die Zugriffskontrollen, die Sie im vorherigen Schritt konfiguriert haben, stellen sicher, dass diese Seite nur die von Ihnen ausgewählten URLs schützt. Ihre benutzerdefinierte, passwortgeschützte Seite ist jetzt live!

Möchten Sie in wenigen Minuten eine eigene, passwortgeschützte Seite erstellen?

Methode 2: Anpassen des Standard-WordPress-Passwortformulars mit CSS Hero

Wenn Sie nur kleine visuelle Anpassungen an der Standard-Passwortseite vornehmen müssen, können Sie ein visuelles CSS-Editor-Plugin wie CSS Hero verwenden. Dieses Tool bietet eine Point-and-Click-Oberfläche zur Bearbeitung des Designs Ihres Themes, ohne dass Sie Code schreiben müssen, und ist somit eine schnelle Option zum Ändern von Farben, Schriftarten und Abständen.

Schritt 1: CSS Hero installieren und starten

Installieren Sie zunächst das CSS Hero-Plugin. Sobald es aktiviert ist, navigieren Sie zur passwortgeschützten Seite im Frontend Ihrer Website. Klicken Sie in der WordPress-Verwaltungsleiste oben auf Anpassen mit CSS Hero.

Dies öffnet die visuelle Editoroberfläche von CSS Hero.

Schritt 2: Gestalten Sie die Elemente Ihrer Passwort-Seite

Klicken Sie bei aktivem Editor auf ein beliebiges Element auf der Seite, z. B. auf den Titel, den Formularcontainer oder die Schaltfläche. Das CSS Hero-Bedienfeld auf der linken Seite zeigt Styling-Optionen für dieses Element an, einschließlich Typografie, Farben, Abstände und Hintergründe.

Verwenden Sie das Bedienfeld, um die gewünschten Änderungen vorzunehmen. Sie können eine neue Hintergrundfarbe auswählen, die Schriftgröße anpassen oder den Stil der Schaltfläche ändern. Alle Änderungen werden in der Live-Vorschau angezeigt.

Fahren Sie mit den Anpassungen fort, bis das Design zu Ihrer Marke passt. Denken Sie daran, dass CSS Hero nur vorhandene Elemente gestalten kann; neue Elemente wie Kontaktformulare oder E-Mail-Anmeldefelder können nicht hinzugefügt werden.

Schritt 3: Speichern und Vorschau der Änderungen

Wenn Sie mit Ihrem Entwurf zufrieden sind, klicken Sie auf die Schaltfläche " Speichern und veröffentlichen" am unteren Rand des CSS Hero-Bedienfelds. Um den Editor zu verlassen, klicken Sie auf das Symbol "Beenden" in der oberen rechten Ecke.

Sie sehen nun Ihre neu gestaltete, passwortgeschützte Seite.

Methode 3: Erstellen Sie eine WordPress-Passwortwand (Sperrseite) für Ihre gesamte Website

Sie können SeedProd auch verwenden, um Ihre gesamte Website hinter einer einzigen Passwortwand zu schützen. Dies ist nützlich für Websites im Aufbau, während der Wartung oder für private Kundenvorschauen. Bei dieser Methode wird dieselbe benutzerdefinierte Seite verwendet, die Sie in Methode 1 entworfen haben, aber sie wird global angewendet.

Um den seitenweiten Passwortschutz zu aktivieren, navigieren Sie in Ihrem WordPress-Dashboard zu SeedProd " Landing Pages. Klicken Sie im Bereich "Coming Soon Mode" auf Seite bearbeiten.

Gehen Sie im SeedProd-Editor auf die Registerkarte " Seiteneinstellungen " und wählen Sie " Zugriffskontrolle". Scrollen Sie nach unten zum Abschnitt "URLs einschließen/ausschließen" und wählen Sie die Option "Auf der gesamten Website anzeigen".

Klicken Sie abschließend auf „Speichern“, um Ihre Einstellungen zu aktualisieren. Sobald der „Coming Soon-Modus“ aktiv ist, wird Ihre benutzerdefinierte Seite bei jeder URL angezeigt. Dadurch wird effektiv eine WordPress-Passwortbarriere für die gesamte Website erstellt.

Bonus: Kreative Verwendungsmöglichkeiten für passwortgeschützte WordPress-Inhalte

Der WordPress-Passwortschutz dient nicht nur dazu, unfertige Seiten zu verbergen. Sie können ihn nutzen, um Exklusivität zu schaffen, private Erlebnisse zu bieten oder den Kundenzugang zu verwalten.

Sie fragen sich vielleicht: „Wie kann ich die Passwortseite an diese speziellen Anforderungen anpassen?“ Die Antwort liegt in der Verwendung der oben genannten Tools, um Ihr Design an den Anwendungsfall anzupassen. Hier sind einige kreative Ideen:

Bei jedem dieser Beispiele können Sie mit einem einfachen Passwortschutz ohne zusätzliche Hilfsmittel Vertrauen, Exklusivität und Professionalität aufbauen.

WordPress Passwortschutz FAQs

Da haben Sie es!

Die richtige Methode zum Passwortschutz auswählen

Das Anpassen passwortgeschützter Seiten in WordPress ist ganz einfach, wenn man die richtigen Tools kennt. Sie müssen weder Code bearbeiten noch Theme-Dateien ändern, um Ihre Inhalte sicher mit einem Passwort zu schützen.

• Verwenden Sie SeedProd, wenn Sie die volle Designkontrolle mit einem Drag-and-Drop-Builder und benutzerdefinierten Zugriffseinstellungen wünschen.
• Verwenden Sie CSS Hero, wenn Sie nur schnelle visuelle Änderungen am Standard-Kennwortformular benötigen, z. B. das Ändern von Farben oder Schriftarten.
• Verwenden Sie den standortweiten Schutz von SeedProd, wenn Sie Ihre gesamte Website während der Wartung oder Entwicklung hinter einer einzigen Passwortseite abschließen möchten.

Jede Methode bietet eine sichere, professionelle Möglichkeit, Inhalte zu schützen, während Ihre Marke konsistent bleibt und Ihre Besucher Vertrauen in Ihre Website haben.

Weitere Tipps zum Passwortschutz Ihrer WordPress-Website finden Sie in diesen Expertenanleitungen:

• Wie man eine WordPress-Website mit einem Passwort schützt: Die ultimative Anleitung
• Wie man eine WordPress-Seite mit einem Passwort schützt (Schritt für Schritt)
• Wie man eine WordPress-Site während der Entwicklung mit einem Passwort schützt
• Wie Sie Ihre WordPress-Website vor Hackern schützen (17 Expertentipps)

Vielen Dank fürs Lesen! Wir würden uns freuen, Ihre Meinung zu hören. Bitte beteiligen Sie sich an der Konversation auf YouTube, X und Facebook, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.

Stacey Corrin Autorin

Stacey schreibt seit über 10 Jahren über WordPress und digitales Marketing und noch viel länger über andere Themen. Darüber hinaus ist sie fasziniert von Webdesign, Benutzererfahrung und SEO.

Vollständige Bio sehen

WordPress SEO Content Marketing Digitales Marketing SaaS Werbetexten Webgestaltung