So verbessern Sie Ihre 404-Seitenvorlage in WordPress

So verbessern Sie Ihre 404-Seitenvorlage in WordPress / Themes

404-Fehler sind für die Benutzererfahrung nicht gut. Wir haben Ihnen gezeigt, wie Sie E-Mail-Benachrichtigungen zu 404-Fehlern auf Ihrer Website erhalten, damit Sie diese schnell beheben können. In diesem Artikel zeigen wir Ihnen, wie Sie Ihre 404-Seitenvorlage in WordPress verbessern können, sodass Sie eine nützlichere 404-Seite erstellen können, die den Benutzern tatsächlich hilft.

Wie die meisten WordPress 404-Seiten aussehen?

Die 404-Seite ist auf den meisten Websites häufig die am meisten vernachlässigte Seite. Oft sehen viele WordPress Themes 404-Seiten so aus:

Diese 404-Seite in WordPress wird von einer Vorlagendatei namens 404.php verarbeitet.

Wenn Ihre Konfiguration wirklich durcheinander ist, würde die 404-Seite folgendermaßen aussehen:

Keine der oben genannten 404-Seiten ist wirklich nützlich.

Wenn ein Benutzer auf einer 404-Seite landet, ist er bereits frustriert. Warum? Weil sie nicht finden können, wonach sie gesucht haben.

Sie müssen dem Benutzer helfen, die richtige Seite zu finden. Sie können dazu beitragen, diese Erfahrung zu verbessern, indem Sie den Fehler richtig übermitteln und ihnen eine korrekte Vorgehensweise geben (d. H., Was als Nächstes zu tun ist)..

Dies kann dadurch erreicht werden, dass andere Bereiche Ihrer Websites, die sie besuchen können, angezeigt werden, damit Sie Kontakt mit Ihnen aufnehmen können.

So erstellen Sie eine benutzerdefinierte 404-Seite in WordPress

Zuerst müssen Sie eine benutzerdefinierte 404-Seitenvorlage erstellen. Dazu können Sie die 404.php-Datei in Ihrem WordPress-Design bearbeiten.

Wenn Sie Ihr Design direkt bearbeiten, möchten wir Sie bitten, mindestens ein WordPress-Theme zu sichern.

Um Ihre 404 - Seite noch nützlicher zu machen, zeigen wir Ihnen, wie Sie nützliche Elemente hinzufügen, z.

Auf diese Weise haben neue Benutzer einen schnellen Überblick über das, was Sie anbieten müssen.

Anzeige der beliebtesten Beiträge auf 404-Seite

Wir werden eines der besten beliebten WordPress-Plugins verwenden, um beliebte Beiträge auf unserer 404-Seite anzuzeigen.

Das erste, was Sie tun müssen, ist das WordPress Popular Posts Plugin auf Ihrer Website zu installieren und zu aktivieren. Nach der Aktivierung müssen Sie dieses Template-Tag in Ihre 404.php-Datei einfügen, in der Sie die beliebtesten Beiträge anzeigen möchten.

  

Am meisten kommentierte Beiträge auf 404-Seite anzeigen

Der Abschnitt mit den meisten Kommentaren basiert auch auf dem beliebten Plugin für Posts, das wir im letzten Schritt aktiviert haben. Fügen Sie dieses Vorlagen-Tag einfach dort hinzu, wo Sie Ihre am meisten kommentierten Beiträge anzeigen möchten.

  

Sie können auch in unserem Handbuch nachlesen, wie die meisten kommentierten Beiträge in WordPress angezeigt werden.

Letzte Beiträge auf 404-Seite anzeigen

Es gibt mehrere Möglichkeiten, aktuelle Beiträge in WordPress anzuzeigen. Am einfachsten können Sie dieses Vorlagen-Tag in Ihre 404-Vorlage einfügen, um Ihre letzten Beiträge anzuzeigen.

  'postbypost', 'limit' => 10, 'format' => 'custom', 'before' =>, 'after' => '
')); ?>

Zufällige Beiträge auf 404-Seite anzeigen

Wenn Sie eine zufällige Liste von Beiträgen in WordPress anzeigen möchten, können Sie diesen Code einfach in Ihre 404-Vorlage einfügen und dort eine zufällige Liste von Beiträgen Ihrer Website anzeigen.

 

Fügen Sie monatliche Archive mit kompakten Archiven hinzu

Wenn Sie sich die Seite WPBeginner 404 ansehen, werden Sie feststellen, dass wir unsere monatlichen Archivlisten mit einem Plugin Compact Archives anzeigen. Beachten Sie, dass wir dieses Plugin übernommen haben und jetzt pflegen.

Installieren und aktivieren Sie dieses Plugin im Compact Archives-Plugin. Fügen Sie nach der Aktivierung des Plugins den folgenden Code in Ihre 404.php-Datei ein:

 

Nach Datum

Ihre monatlichen Archive werden folgendermaßen angezeigt:

Eine 404-Vorlage für WordPress

Hier ist eine 404.php-Beispieldatei, die auf der Standardvorlage von WordPress-Theme Twenty Thirteen 404 basiert.

            

Schauen Sie sich einige unserer beliebtesten Inhalte an:

Beliebte Beiträge

am meisten kommentiert

kürzliche Posts

'postbypost', 'limit' => 10, 'format' => 'custom', 'before' =>, 'after' => '
')); ?>

Vergleichen Sie diese 404-Vorlage mit der Standardvorlage in Twenty Thirteen. Sie werden feststellen, dass wir direkt nach dem Suchformular unseren benutzerdefinierten Code hinzugefügt haben, um beliebte, meist kommentierte und aktuelle Beiträge anzuzeigen. Danach haben wir ein wenig CSS hinzugefügt, um es in Spalten aufzuteilen.

 .col1, .col2, .col3 Breite: 30%; Schwimmer: links; Auffüllen: 0px 10px 10px 10px; Höhe: 450px; Marge: 0px;  .col3: nach clear: both;  .col-Header Hintergrund: # 220e10; Farbe: #FFF; Marge: 0px; Polsterung: 1px; Text ausrichten: Mitte;  

So sah das Endergebnis aus:

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, die 404-Seite Ihrer WordPress-Site zu verbessern. Fühlen Sie sich frei, mit dem Code herumzuspielen und experimentieren Sie mit verschiedenen Vorlagen-Tags, um Ihre Anforderungen zu erfüllen.

Sie können diese Listen auch für coole 404-Designbeispiele als Inspiration verwenden.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie unseren YouTube-Kanal für weitere WordPress-Videos. Sie können uns auch auf Google+ und Twitter beitreten.