So erstellen Sie eine benutzerdefinierte 404-Fehlerseite in WordPress

Egal wie sehr Sie sich bemühen, Ihre WordPress-Website perfekt zu halten, Sie sind sich wahrscheinlich bereits der Tatsache bewusst, dass dies einfach nicht möglich ist. Wenn Sie ständig neue Inhalte veröffentlichen, neue Seiten veröffentlichen und die Struktur Ihrer Website ändern, treten Probleme auf. Keine Ausnahmen, aber mach dir keine Sorgen! Es war schließlich nicht Ihre Aufgabe, eine perfekte Website zu erstellen, sondern eine hervorragende Arbeit bei der Verwaltung einer Website zu leisten.

Lassen Sie uns heute alle anderen Fehler und Probleme beiseite legen und uns auf eines der häufigsten Probleme konzentrieren, auf die normale Internetnutzer beim Surfen stoßen. Sogar diejenigen, die mit Webtechnologien unerfahren sind, kennen 404 Fehlerseiten. Sie haben einige davon in Ihrem Leben online gesehen, oder?

Obwohl es einfach ist, eine Fehlermeldung dieses Typs anzuzeigen, besteht eine etwas schwierigere Aufgabe darin, diese Fehlerseite anzupassen und die Verwendung zu vereinfachen.

Was sind 404 Fehlerseiten?

Wenn eine bestimmte Seite auf Ihrer Site nicht gefunden werden kann, zeigt der Server im Browser eine 404-Fehlermeldung an. Es bedeutet nur das Die Seite oder der Beitrag befindet sich nicht mehr auf dieser Website (mehr). In der Regel geschieht dies, wenn ein Benutzer eine URL auf Ihrer Website falsch schreibt oder einen Beitrag löscht, der bereits von Suchmaschinen indiziert und aus anderen Quellen verlinkt wurde.

Wenn Sie beispielsweise eine Kontaktseite haben und jemand versucht, sich anzumelden, leitet WordPress auf eine 404.php-Seite weiter.

Wenn Sie mehr über 404 Fehlerseiten lesen möchten, besteht die Möglichkeit, dass Sie auf a stoßen Mythos über die Nomenklatur Es gab eine Zeit, in der angenommen wurde, dass der Fehler nach einem Raum am CERN benannt wurde, in dem sich die ursprünglichen Webserver befanden. Die Wahrheit ist etwas anderes. Alle HTTP-Statuscodes wurden vom World Wide Web Consortium festgelegt und haben nichts mit Räumen oder Gebäuden zu tun.

Standardfehlerseite in WordPress

Standardmäßig wird jedes WordPress-Theme mit einer 404.php-Vorlage geliefert, die für die Anzeige der Fehlermeldung für unglückliche Leser verantwortlich ist. Leider die Die Standardseiten sind ziemlich allgemein gehalten und enthalten nur die grundlegenden Informationen. Wenn ein Benutzer auf Ihrer 404.php-Seite landet, teilt WordPress ihm einfach mit, dass die angeforderte Ressource nicht auf Ihrem Server gefunden wurde. Wie Sie dem Screenshot entnehmen können, ist die Nachricht mit dem Thema Twenty Seventeen nicht sehr persönlich. Sie müssen das nur ändern, finden Sie nicht?

Wenn Sie Glück haben, enthält ein von Ihnen verwendetes Thema bereits einige 404-Fehlerseitenvorlagen. Möglicherweise können Sie die Seite sogar über eine benutzerfreundliche Oberfläche anpassen. Aber wenn das nicht der Fall ist, mach dir keine Sorgen. Jetzt zeigen wir Ihnen, wie Sie selbst eine Seite erstellen und die Leser auf dem Laufenden halten.

Was macht eine gute Fehlerseite in WordPress aus?

Nicht alle Fehlerseiten sind gleich. Manchmal reicht ein anderer Stil aus, um die Aufmerksamkeit Ihrer Benutzer auf sich zu ziehen. Aber Sie werden wahrscheinlich ein paar andere Dinge brauchen, um die Dinge am Laufen zu halten. Nach unserer Erfahrung sollte eine gute 404-Vorlage die meisten der folgenden Elemente enthalten:

• Es tut uns leid – eine personalisierte persönliche Nachricht, die auf der Seite deutlich sichtbar ist
• Bild – Ein (lustiges) Bild, das die Fehlerseite weniger beängstigend erscheinen lässt
• Kontakt – Zeigen Sie eine Kontaktinformation oder ein Formular an
• Suchbox – Ermöglichen Sie Personen, Ihre Website nach anderen Inhalten zu durchsuchen
• Kürzliche Posts – Ermöglichen Sie den Besuchern, einen der neuesten Artikel zu öffnen.
• Beliebte Tickets – Ermöglichen Sie den Besuchern, Ihre beliebtesten Beiträge zu sehen

Offensichtlich hängen die Elemente auf der Seite von der Site ab. Manchmal kann ein lustiges Bild nicht Teil seriöser Unternehmensseiten sein, und manchmal arbeiten Sie an Websites, die keine Blog-Beiträge enthalten. Aber machen Sie das Beste aus der Liste und überlegen Sie es sich zweimal, bevor Sie Elemente auf die Seite setzen.

Holen Sie sich Ideen für eine benutzerdefinierte Seite

Wir haben einige erstaunliche benutzerdefinierte Fehlerseiten gefunden, die Ihnen helfen können, Ideen zu erhalten. Normalerweise ist es eine gute Idee, Ihre 404-Seite zum Spaß zu machen. Da Sie bereits einen Fehler erkennen müssen, möchten Ihre Besucher etwas Lustiges auf der Seite sehen.

Wenn Sie es schaffen, die Aufmerksamkeit der Besucher zu erhalten, obwohl sie auf der nicht vorhandenen Seite gelandet sind, können Sie sicher sein, dass sie länger hier bleiben und wieder zurückkehren. Sie können sicherlich noch mehr tun, um die Verwendung der Fehlerseite zu vereinfachen, aber darüber werden wir später sprechen. Schauen wir uns zunächst einige Beispiele für wunderschön gestaltete 404-Fehlerseiten an:

Erstellen Sie eine benutzerdefinierte 404-Fehlerseite

Zunächst möchten wir Sie daran erinnern, dass das Ändern Ihrer Themendateien nicht die beste Vorgehensweise ist. Bevor Sie Änderungen vornehmen, Wir möchten vorschlagen, ein untergeordnetes Thema zu verwenden. Wenn Sie ein untergeordnetes Thema für Ihre Site erstellen, werden alle Änderungen an Ihren Dateien nicht von den Aktualisierungen beeinflusst, die Sie an Ihrem regulären Thema vornehmen. In diesem Fall hat das Erstellen einer 404.php-Datei im untergeordneten Thema keine Auswirkungen auf das Original, wird jedoch Ihren Besuchern angezeigt.

Versteh uns nicht falsch; Es gibt keinen Unterschied, ob Sie die Originaldatei ändern. Aber in diesem Fall stellen Sie sicher Erstellen Sie ein Backup damit Sie Ihre Änderungen nach einem Update wiederherstellen können.

Angenommen, Sie waren nicht faul und haben ein Unterthema vorbereitet. Der erste Schritt besteht also darin, eine neue Datei zu erstellen:

1. Öffnen Sie den Ordner, in dem Sie ein untergeordnetes Thema erstellt haben
2. Erstellen Sie eine 404.php-Datei
3. Bearbeiten Sie die Datei
4. Kopieren Sie den folgenden Code und fügen Sie ihn ein:

>




 
 

 
 
 

5. Ändern Sie den Pfad zu Ihrem Bild in Zeile 7
6. Titel online ändern $ 8
7. Schreiben Sie eine benutzerdefinierte Nachricht in Zeile 9
8. Änderungen speichern

Sie haben erfolgreich eine benutzerdefinierte Vorlage erstellt. Wenn Sie eine Vorschau der Seite anzeigen, sehen Sie lediglich ein Bild, eine Nachricht sowie Ihre Standardkopf-, Seiten- und Fußzeile das haben Sie auf allen anderen Seiten. Dies ist jedoch weit von dem entfernt, was wir oben beschrieben haben, da es keine Widgets gibt. Bleiben Sie also noch einige Momente bei uns, bis wir die perfekte 404.php erstellen, die Sie möchten. Es wäre auch schön, der Seite einige Stile hinzuzufügen.

Fügen Sie benutzerdefinierte Widgets hinzu

Es ist zwar möglich, die gesamte Seite von Grund auf neu zu codieren, dies ist jedoch nicht erforderlich. Mit WordPress können Sie bereits Widgets hinzufügen, mit denen Sie die neuesten und beliebtesten Artikel anzeigen können. Ab Version 4.8 können Sie sogar Multimedia in speziellen Widgets hinzufügen. Warum also nicht davon profitieren?

ZU Fügen Sie neue Widgets speziell zu Seite 404.php hinzuWir empfehlen, einen neuen Widget-Bereich zu erstellen (Platz auf Ihrer Seite, der Widgets zulässt). In einigen Fällen können Sie mit WordPress-Designs neue Widget-Bereiche über das Dashboard erstellen. Werfen Sie einen kurzen Blick auf Wenn Sie Glück haben, gibt es eine Option, um den Bereich für Sie zu erstellen. Wenn nicht, erstellen wir schnell eines, damit Sie auf Ihrer neuen Seite verschiedene Widgets haben können:

1. Gehen Sie zum Themenordner Ihres Kindes
2. Öffnen oder erstellen Sie die Datei functions.php
3. Kopieren Sie den Code und fügen Sie ihn ein:

function widget_area_404() {
register_sidebar( array(
'name' => '404 Page',
'id' => '404',
'description' => __( 'Widgets for 404 error page.' ),
'before_widget' => '
',
'after_widget' => '
',
'before_title' => '
',
'after_title' => '
',
) );
}
add_action( 'widgets_init', 'widget_area_404' );

4. Änderungen speichern
5. Öffnen Sie die zuvor geänderte Datei 404.php
6. Kopieren Sie den folgenden Code und fügen Sie ihn ein, in dem Sie neue Widgets anzeigen möchten (z. B. nach Titel und Text):
7. Änderungen speichern

Nachdem Sie WordPress mitgeteilt haben, wo der neue Widget-Bereich angezeigt werden soll, müssen Sie die Widgets hinzufügen. Navigieren Sie also, wählen Sie “Letzte Beiträge”, “Beliebte Beiträge” oder ein anderes Widget, das Sie auf Ihrer neuen 404-Seite haben möchten (ein weiteres Beispiel ist das kostenlose Google Maps-Widget, mit dem Sie Ihren Standort anzeigen können). Vergessen Sie nicht, die Widgets nach Ihren Wünschen anzupassen, und denken Sie daran, dass es neue Multimedia-Widgets gibt, wenn Sie der Seite Bilder, Videos oder Audiodateien hinzufügen möchten.

Verwenden Sie ein Plugin, um eine benutzerdefinierte Seite zu erstellen

Wenn Sie alle Schritte ausgeführt haben, herzlichen Glückwunsch – Sie haben eine benutzerdefinierte 404-Fehlerseite, die auf alle Besucher geladen wird, die auf den unzugänglichen Seiten landen. Aber selbst wenn das Erstellen einer benutzerdefinierten Vorlage nicht so schwierig ist, wenn Sie nur den von uns bereitgestellten Code kopieren und einfügen müssen, Es wird viele von Ihnen geben, die es vorziehen würden, in einer benutzerfreundlichen Oberfläche zu arbeiten. In diesem Fall möchten wir Ihnen ein einfaches Plugin zeigen, mit dem Sie benutzerdefinierte 404-Seiten erstellen können.

5sec Richtig 404

PREIS: 10 $

Dieses Premium-Plugin ist so einfach wie es sich anhört. Ab dem Moment, in dem Sie es installieren, können Sie Wählen Sie eine normale WordPress-Seite als Ihre neue 404-Seite. Das heißt, Sie können einfach Text, Links und Multimedia wie jeden anderen Beitrag oder jede andere Seite hinzufügen und über einen intuitiven WordPress-Editor gestalten. Mit 5sec Proper 404 können Sie diese Seite als Ihre neue 404-Seite markieren. Und im Grunde ist das alles, was Sie tun müssen!

Mit dem Plugin können Sie Vergessen Sie Vorlagen und Code Wir verwenden in diesem Artikel. Nach dem Erstellen einer Seite ermöglicht Ihnen das Plugin Verwenden Sie fünf Funktionscodes (aktuelle, beliebte, ähnliche Beiträge, Suchformular und Google Search Widget). Das heißt, Sie müssen sich nicht um Widget-Bereiche oder das Styling kümmern.

Während Sie sich bereits um die zerrissenen Seiten kümmern, können Sie sie vollständig entfernen. 5sec Proper 404 erstellt ein detailliertes Protokoll, in dem alle beschädigten Seiten angezeigt werden, die die 404-Fehlermeldung verursacht haben. Während Besucher Ihre neue Seite sehen, können Sie im Backend arbeiten, nicht funktionierende Links suchen und diese nach Möglichkeit korrigieren.

Du bist dran

Nachdem wir Ihnen zwei verschiedene Methoden zum Anpassen von 404 Seiten in WordPress gezeigt haben, ist es an der Zeit zu glänzen. Lassen Sie keine Leute auf diesen allgemeinen Fehlerseiten landen, die niemandem helfen. Passen Sie es mit etwas Code an. Wenn Sie eine benutzerdefinierte 404-Seite erstellt haben, vergessen Sie nicht, einen Link in den Kommentaren unten zu hinterlassen. Wir würden uns freuen, Ihre Ergebnisse zu sehen!