{"id":59216,"date":"2020-08-11T22:50:38","date_gmt":"2020-08-11T22:50:38","guid":{"rendered":"https:\/\/blogging-techies.com\/ge\/so-erstellen-sie-eine-benutzerdefinierte-404-fehlerseite-in-wordpress\/"},"modified":"2020-08-11T22:50:38","modified_gmt":"2020-08-11T22:50:38","slug":"so-erstellen-sie-eine-benutzerdefinierte-404-fehlerseite-in-wordpress","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/ge\/so-erstellen-sie-eine-benutzerdefinierte-404-fehlerseite-in-wordpress\/","title":{"rendered":"So erstellen Sie eine benutzerdefinierte 404-Fehlerseite in WordPress"},"content":{"rendered":"<p>Egal wie sehr Sie sich bem\u00fchen, Ihre WordPress-Website perfekt zu halten, Sie sind sich wahrscheinlich bereits der Tatsache bewusst, dass dies einfach nicht m\u00f6glich ist.  Wenn Sie st\u00e4ndig neue Inhalte ver\u00f6ffentlichen, neue Seiten ver\u00f6ffentlichen und die Struktur Ihrer Website \u00e4ndern, treten Probleme auf.  Keine Ausnahmen, aber mach dir keine Sorgen!  Es war schlie\u00dflich nicht Ihre Aufgabe, eine perfekte Website zu erstellen, sondern eine hervorragende Arbeit bei der Verwaltung einer Website zu leisten.<\/p>\n<p>Lassen Sie uns heute alle anderen Fehler und Probleme beiseite legen und uns auf eines der h\u00e4ufigsten Probleme konzentrieren, auf die normale Internetnutzer beim Surfen sto\u00dfen.  Sogar diejenigen, die mit Webtechnologien unerfahren sind, kennen 404 Fehlerseiten. Sie haben einige davon in Ihrem Leben online gesehen, oder?<\/p>\n<p>Obwohl es einfach ist, eine Fehlermeldung dieses Typs anzuzeigen, besteht eine etwas schwierigere Aufgabe darin, diese Fehlerseite anzupassen und die Verwendung zu vereinfachen.<\/p>\n<h2 id=\"what-are\">Was sind 404 Fehlerseiten?<\/h2>\n<p>Wenn eine bestimmte Seite auf Ihrer Site nicht gefunden werden kann, zeigt der Server im Browser eine 404-Fehlermeldung an.  Es bedeutet nur das <b>Die Seite oder der Beitrag befindet sich nicht mehr auf dieser Website (mehr)<\/b>.  In der Regel geschieht dies, wenn ein Benutzer eine URL auf Ihrer Website falsch schreibt oder einen Beitrag l\u00f6scht, der bereits von Suchmaschinen indiziert und aus anderen Quellen verlinkt wurde.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/Como-crear-una-pagina-de-error-404-personalizada-en-WordPress.png\" class=\"aligncenter size-full wp-image-8228\" alt=\"Standard 404 Fehlerseite\" width=\"416\" height=\"354\"><\/p>\n<p>Wenn Sie beispielsweise eine Kontaktseite haben und jemand versucht, sich anzumelden, leitet WordPress auf eine 404.php-Seite weiter.<\/p>\n<p>Wenn Sie mehr \u00fcber 404 Fehlerseiten lesen m\u00f6chten, besteht die M\u00f6glichkeit, dass Sie auf a sto\u00dfen <b>Mythos \u00fcber die Nomenklatur<\/b> Es gab eine Zeit, in der angenommen wurde, dass der Fehler nach einem Raum am CERN benannt wurde, in dem sich die urspr\u00fcnglichen Webserver befanden.  Die Wahrheit ist etwas anderes.  Alle HTTP-Statuscodes wurden vom World Wide Web Consortium festgelegt und haben nichts mit R\u00e4umen oder Geb\u00e4uden zu tun.<\/p>\n<h3 id=\"default\">Standardfehlerseite in WordPress<\/h3>\n<p>Standardm\u00e4\u00dfig wird jedes WordPress-Theme mit einer 404.php-Vorlage geliefert, die f\u00fcr die Anzeige der Fehlermeldung f\u00fcr ungl\u00fcckliche Leser verantwortlich ist.  Leider die <b>Die Standardseiten sind ziemlich allgemein gehalten<\/b> 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\u00f6nnen, ist die Nachricht mit dem Thema Twenty Seventeen nicht sehr pers\u00f6nlich.  Sie m\u00fcssen das nur \u00e4ndern, finden Sie nicht?<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/1585179852_681_Como-crear-una-pagina-de-error-404-personalizada-en-WordPress.png\" class=\"aligncenter size-full wp-image-8218\" alt=\"WordPress 404 Standardseite\" width=\"1305\" height=\"211\"><\/p>\n<p>Wenn Sie Gl\u00fcck haben, enth\u00e4lt ein von Ihnen verwendetes Thema bereits einige 404-Fehlerseitenvorlagen. M\u00f6glicherweise k\u00f6nnen Sie die Seite sogar \u00fcber eine benutzerfreundliche Oberfl\u00e4che 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.<\/p>\n<h2 id=\"good-error-page\">Was macht eine gute Fehlerseite in WordPress aus?<\/h2>\n<p>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:<\/p>\n<ul class=\"normal-list\">\n<li>\n<strong>Es tut uns leid<\/strong> &#8211; eine personalisierte pers\u00f6nliche Nachricht, die auf der Seite deutlich sichtbar ist<\/li>\n<li>\n<strong>Bild<\/strong> &#8211; Ein (lustiges) Bild, das die Fehlerseite weniger be\u00e4ngstigend erscheinen l\u00e4sst<\/li>\n<li>\n<strong>Kontakt<\/strong> &#8211; Zeigen Sie eine Kontaktinformation oder ein Formular an<\/li>\n<li>\n<strong>Suchbox<\/strong> &#8211; Erm\u00f6glichen Sie Personen, Ihre Website nach anderen Inhalten zu durchsuchen<\/li>\n<li>\n<strong>K\u00fcrzliche Posts<\/strong> &#8211; Erm\u00f6glichen Sie den Besuchern, einen der neuesten Artikel zu \u00f6ffnen.<\/li>\n<li>\n<strong>Beliebte Tickets<\/strong> &#8211; Erm\u00f6glichen Sie den Besuchern, Ihre beliebtesten Beitr\u00e4ge zu sehen<\/li>\n<\/ul>\n<p>Offensichtlich h\u00e4ngen die Elemente auf der Seite von der Site ab.  Manchmal kann ein lustiges Bild nicht Teil seri\u00f6ser Unternehmensseiten sein, und manchmal arbeiten Sie an Websites, die keine Blog-Beitr\u00e4ge enthalten.  Aber machen Sie das Beste aus der Liste und \u00fcberlegen Sie es sich zweimal, bevor Sie Elemente auf die Seite setzen.<\/p>\n<h3 id=\"ideas\">Holen Sie sich Ideen f\u00fcr eine benutzerdefinierte Seite<\/h3>\n<p>Wir haben einige erstaunliche benutzerdefinierte Fehlerseiten gefunden, die Ihnen helfen k\u00f6nnen, Ideen zu erhalten.  Normalerweise ist es eine gute Idee, Ihre 404-Seite zum Spa\u00df zu machen.  Da Sie bereits einen Fehler erkennen m\u00fcssen, m\u00f6chten Ihre Besucher etwas Lustiges auf der Seite sehen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/Como-crear-una-pagina-de-error-404-personalizada-en-WordPress.gif\" class=\"aligncenter size-full wp-image-8230\" alt=\"404 Ideen f\u00fcr Fehlerseiten\" width=\"945\" height=\"857\"><\/p>\n<p>Wenn Sie es schaffen, die Aufmerksamkeit der Besucher zu erhalten, obwohl sie auf der nicht vorhandenen Seite gelandet sind, k\u00f6nnen Sie sicher sein, dass sie l\u00e4nger hier bleiben und wieder zur\u00fcckkehren.  Sie k\u00f6nnen sicherlich noch mehr tun, um die Verwendung der Fehlerseite zu vereinfachen, aber dar\u00fcber werden wir sp\u00e4ter sprechen.  Schauen wir uns zun\u00e4chst einige Beispiele f\u00fcr wundersch\u00f6n gestaltete 404-Fehlerseiten an:<\/p>\n<h2 id=\"create\">Erstellen Sie eine benutzerdefinierte 404-Fehlerseite<\/h2>\n<p>Zun\u00e4chst m\u00f6chten wir Sie daran erinnern, dass das \u00c4ndern Ihrer Themendateien nicht die beste Vorgehensweise ist.  Bevor Sie \u00c4nderungen vornehmen, <b>Wir m\u00f6chten vorschlagen, ein untergeordnetes Thema zu verwenden<\/b>.  Wenn Sie ein untergeordnetes Thema f\u00fcr Ihre Site erstellen, werden alle \u00c4nderungen an Ihren Dateien nicht von den Aktualisierungen beeinflusst, die Sie an Ihrem regul\u00e4ren 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.<\/p>\n<p>Versteh uns nicht falsch;  Es gibt keinen Unterschied, ob Sie die Originaldatei \u00e4ndern.  Aber in diesem Fall stellen Sie sicher <b>Erstellen Sie ein Backup<\/b> damit Sie Ihre \u00c4nderungen nach einem Update wiederherstellen k\u00f6nnen.<\/p>\n<p>Angenommen, Sie waren nicht faul und haben ein Unterthema vorbereitet.  Der erste Schritt besteht also darin, eine neue Datei zu erstellen:<\/p>\n<ol class=\"normal-list\">\n<li>\u00d6ffnen Sie den Ordner, in dem Sie ein untergeordnetes Thema erstellt haben<\/li>\n<li>Erstellen Sie eine 404.php-Datei<\/li>\n<li>Bearbeiten Sie die Datei<\/li>\n<li>Kopieren Sie den folgenden Code und f\u00fcgen Sie ihn ein:<\/li>\n<pre class=\"lang:php decode:true\">\r\n\n\n\n\n>\r\n<img decoding=\"async\" src=\"https:\/\/firstsiteguide.com\/image.jpg\">\r\n\r\n\n\r\n \n \n\n \n \n \r\n<\/pre>\n<li>\u00c4ndern Sie den Pfad zu Ihrem Bild in Zeile 7<\/li>\n<li>Titel online \u00e4ndern $ 8<\/li>\n<li>Schreiben Sie eine benutzerdefinierte Nachricht in Zeile 9<\/li>\n<li>\u00c4nderungen speichern<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/Como-crear-una-pagina-de-error-404-personalizada-en-WordPress.jpg\" alt=\"WordPress benutzerdefinierte 404 Seite\" width=\"885\" height=\"551\" class=\"aligncenter size-full wp-image-8237\"><\/p>\n<p>Sie haben erfolgreich eine benutzerdefinierte Vorlage erstellt. <b>Wenn Sie eine Vorschau der Seite anzeigen, sehen Sie lediglich ein Bild, eine Nachricht sowie Ihre Standardkopf-, Seiten- und Fu\u00dfzeile<\/b> 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\u00f6chten.  Es w\u00e4re auch sch\u00f6n, der Seite einige Stile hinzuzuf\u00fcgen.<\/p>\n<h3 id=\"widgets\">F\u00fcgen Sie benutzerdefinierte Widgets hinzu<\/h3>\n<p>Es ist zwar m\u00f6glich, die gesamte Seite von Grund auf neu zu codieren, dies ist jedoch nicht erforderlich.  Mit WordPress k\u00f6nnen Sie bereits Widgets hinzuf\u00fcgen, mit denen Sie die neuesten und beliebtesten Artikel anzeigen k\u00f6nnen.  Ab Version 4.8 k\u00f6nnen Sie sogar Multimedia in speziellen Widgets hinzuf\u00fcgen. Warum also nicht davon profitieren?<\/p>\n<p>ZU <b>F\u00fcgen Sie neue Widgets speziell zu Seite 404.php hinzu<\/b>Wir empfehlen, einen neuen Widget-Bereich zu erstellen (Platz auf Ihrer Seite, der Widgets zul\u00e4sst).  In einigen F\u00e4llen k\u00f6nnen Sie mit WordPress-Designs neue Widget-Bereiche \u00fcber das Dashboard erstellen.  Werfen Sie einen kurzen Blick auf Wenn Sie Gl\u00fcck haben, gibt es eine Option, um den Bereich f\u00fcr Sie zu erstellen.  Wenn nicht, erstellen wir schnell eines, damit Sie auf Ihrer neuen Seite verschiedene Widgets haben k\u00f6nnen:<\/p>\n<ol class=\"normal-list\">\n<li>Gehen Sie zum Themenordner Ihres Kindes<\/li>\n<li>\u00d6ffnen oder erstellen Sie die Datei functions.php<\/li>\n<li>Kopieren Sie den Code und f\u00fcgen Sie ihn ein:<\/li>\n<pre class=\"lang:php decode:true \">function widget_area_404() {\r\nregister_sidebar( array(\r\n'name' => '404 Page',\r\n'id' => '404',\r\n'description' => __( 'Widgets for 404 error page.' ),\r\n'before_widget' => '<p>',\r\n'after_widget' => '<\/p>',\r\n'before_title' => '<h4 class=\"widgettitle\">',\r\n'after_title' => '<\/h4>',\r\n) );\r\n}\r\nadd_action( 'widgets_init', 'widget_area_404' );<\/pre>\n<li>\u00c4nderungen speichern<\/li>\n<li>\u00d6ffnen Sie die zuvor ge\u00e4nderte Datei 404.php<\/li>\n<li>Kopieren Sie den folgenden Code und f\u00fcgen Sie ihn ein, in dem Sie neue Widgets anzeigen m\u00f6chten (z. B. nach Titel und Text):<\/li>\n<pre class=\"lang:php decode:true \"><\/pre>\n<li>\u00c4nderungen speichern<\/li>\n<\/ol>\n<p>Nachdem Sie WordPress mitgeteilt haben, wo der neue Widget-Bereich angezeigt werden soll, m\u00fcssen Sie die Widgets hinzuf\u00fcgen.  Navigieren Sie also, w\u00e4hlen Sie &#8220;Letzte Beitr\u00e4ge&#8221;, &#8220;Beliebte Beitr\u00e4ge&#8221; oder ein anderes Widget, das Sie auf Ihrer neuen 404-Seite haben m\u00f6chten (ein weiteres Beispiel ist das kostenlose Google Maps-Widget, mit dem Sie Ihren Standort anzeigen k\u00f6nnen).  Vergessen Sie nicht, die Widgets nach Ihren W\u00fcnschen anzupassen, und denken Sie daran, dass es neue Multimedia-Widgets gibt, wenn Sie der Seite Bilder, Videos oder Audiodateien hinzuf\u00fcgen m\u00f6chten.<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/1585179854_206_Como-crear-una-pagina-de-error-404-personalizada-en-WordPress.png\" alt=\"Erstellen Sie eine benutzerdefinierte WordPress 404-Seite mit Widgets\" width=\"842\" height=\"773\" class=\"aligncenter size-full wp-image-8238\"><\/p>\n<h2 id=\"plugin\">Verwenden Sie ein Plugin, um eine benutzerdefinierte Seite zu erstellen<\/h2>\n<p>Wenn Sie alle Schritte ausgef\u00fchrt haben, herzlichen Gl\u00fcckwunsch &#8211; Sie haben eine benutzerdefinierte 404-Fehlerseite, die auf alle Besucher geladen wird, die auf den unzug\u00e4nglichen 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\u00fcgen m\u00fcssen, <b>Es wird viele von Ihnen geben, die es vorziehen w\u00fcrden, in einer benutzerfreundlichen Oberfl\u00e4che zu arbeiten<\/b>.  In diesem Fall m\u00f6chten wir Ihnen ein einfaches Plugin zeigen, mit dem Sie benutzerdefinierte 404-Seiten erstellen k\u00f6nnen.<\/p>\n<h3 id=\"5sec-proper-404\">5sec Richtig 404<\/h3>\n<h5>PREIS: 10 $<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/1585179854_391_Como-crear-una-pagina-de-error-404-personalizada-en-WordPress.jpg\" class=\"aligncenter size-full wp-image-8222\" alt=\"5sec Richtig 404\" width=\"583\" height=\"295\"><\/p>\n<p>Dieses Premium-Plugin ist so einfach wie es sich anh\u00f6rt.  Ab dem Moment, in dem Sie es installieren, k\u00f6nnen Sie <b>W\u00e4hlen Sie eine normale WordPress-Seite als Ihre neue 404-Seite<\/b>.  Das hei\u00dft, Sie k\u00f6nnen einfach Text, Links und Multimedia wie jeden anderen Beitrag oder jede andere Seite hinzuf\u00fcgen und \u00fcber einen intuitiven WordPress-Editor gestalten.  Mit 5sec Proper 404 k\u00f6nnen Sie diese Seite als Ihre neue 404-Seite markieren. Und im Grunde ist das alles, was Sie tun m\u00fcssen!<\/p>\n<p>Mit dem Plugin k\u00f6nnen Sie <b>Vergessen Sie Vorlagen und Code<\/b> Wir verwenden in diesem Artikel.  Nach dem Erstellen einer Seite erm\u00f6glicht Ihnen das Plugin <b>Verwenden Sie f\u00fcnf Funktionscodes<\/b> (aktuelle, beliebte, \u00e4hnliche Beitr\u00e4ge, Suchformular und Google Search Widget).  Das hei\u00dft, Sie m\u00fcssen sich nicht um Widget-Bereiche oder das Styling k\u00fcmmern.<\/p>\n<p>W\u00e4hrend Sie sich bereits um die zerrissenen Seiten k\u00fcmmern, k\u00f6nnen Sie sie vollst\u00e4ndig entfernen.  5sec Proper 404 erstellt ein detailliertes Protokoll, in dem alle besch\u00e4digten Seiten angezeigt werden, die die 404-Fehlermeldung verursacht haben. W\u00e4hrend Besucher Ihre neue Seite sehen, k\u00f6nnen Sie im Backend arbeiten, nicht funktionierende Links suchen und diese nach M\u00f6glichkeit korrigieren.<\/p>\n<h2 id=\"conclusion\">Du bist dran<\/h2>\n<p>Nachdem wir Ihnen zwei verschiedene Methoden zum Anpassen von 404 Seiten in WordPress gezeigt haben, ist es an der Zeit zu gl\u00e4nzen.  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\u00fcrden uns freuen, Ihre Ergebnisse zu sehen!<\/p>\n   ","protected":false},"excerpt":{"rendered":"<p>Egal wie sehr Sie sich bem\u00fchen, Ihre WordPress-Website perfekt zu halten, Sie sind sich wahrscheinlich bereits der Tatsache bewusst, dass dies einfach nicht m\u00f6glich ist. Wenn Sie st\u00e4ndig neue Inhalte ver\u00f6ffentlichen, neue Seiten ver\u00f6ffentlichen und die Struktur Ihrer Website \u00e4ndern, treten Probleme auf. Keine Ausnahmen, aber mach dir keine Sorgen! Es war schlie\u00dflich nicht Ihre [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":59217,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/C\u00f3mo-crear-una-p\u00e1gina-de-error-404-personalizada-en-WordPress.png","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/59216"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=59216"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/59216\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/59217"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=59216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=59216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=59216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}