Sarah Rattmann - WordPress Websiten und Printmedien Designs
  • Über mich
  • Mit mir arbeiten
  • Projekte
    • Blog
    • Gratis
  • Kontakt
  • Kinder 112 Notrufkarte
  • Menü Menü
Tools & Tipps

404-Fehlerseite in WordPress anlegen + kostenlose Vorlage

Im zweiten Teil „404 Fehlerseiten“ erkläre ich Dir, wie Du eine eigene 404 Seite innerhalb Deiner WordPress Website integrierst. Zusätzlich habe ich eine individuelle Vorlage für Dich erstellt, die Du gerne für Deine Website verwenden kannst. Den Link dazu findest Du am Ende des Artikels.

Inhalte dieses Blogeintrags

  • eigenes 404 – Template erstellen
  • Kostenlose Vorlage
  • Anleitung
  • Auf den Punkt gebracht
  • Artikellinks

eigenes 404 – Template erstellen

In jedem WordPress Theme befindet sich eine Datei mit dem Namen 404.php. Diese enthält das Template für die 404-Fehlerseite innerhalb WordPress. Sie sind im Standartlayout und zudem meist auf englisch. Wenn Du Deine eigene Fehlerseite gestaltet möchtest, solltest Du in jedem Fall im Child-Theme arbeiten und dieses dort erstellen. Die Ausgangsdatei findest Du im linken WordPress Menü. Schauen wir uns das auf meiner Demoseite (für Testzwecke nutze ich das WordPress Theme „Twenty Fifteen“) einmal an:

WordPress Backend > Design > Editor > 404.php

(zur Vergrößerung klicke bitte auf das Bild)

Frontend > https://demo.sarah-rattmann.de/404
(zur Vergrößerung klicke bitte auf das Bild)

Du siehst, die 404 Fehlerseite sieht ziemlich langweilig aus, so ist jedoch im Theme enthalten. Nun peppen wir das ganze auf!

Kostenlose Vorlage


Download 404 Ufo (244 Downloads)

Zu meinen Tipps aus dem ersten Teil möchte ich Dir nun auch eine individuelle Vorlage für die 404-Fehlerseite der Website an die Hand geben. Du brauchst kein zusätzliches Plugin.

Anleitung

Und so geht es:
1) Lade Dir die kostenlose PNG Grafik herunter > Download 404 Ufo (244 Downloads)

2) Lade die Datei auf Deinen Server

3) Öffne die vorhandene 404.php in Deinem Theme und füge beispielsweise den folgenden Code im Content DIV ein:

<div class="error-404">
<img class="aligncenter" src="DEINE_IMAGE_URL" alt="404 Error" width="400" height="431" />
</div>

darunter passender Weise kannst Du noch ein Satz und die Sucheingabe einfügen oder den Satz zum Suchfeld ergänzen:

<p>Vielleicht hast Du Dich nur vertippt? Probiere es doch einfach nochmal.</p>
<?php get_search_form(); ?>

Und das ist das Ergebnis: https://demo.sarah-rattmann.de/404
(zur Vergrößerung klicke bitte auf das Bild)

Wie Du inhaltlich Deine 404 Fehlerseite aufpeppen kannst und welche Inhalte wichtig sind, ließt Du im ersten Teil. Den Artikel habe ich Dir bei den Artikellinks am Ende des Beitrags verlinkt.

1 Star2 Stars3 Stars4 Stars5 Stars
(Noch keine Bewertung)

Auf den Punkt gebracht

Ich erkläre Dir, wie Du eine eigene 404 Seite innerhalb Deiner WordPress Website integrierst. Zusätzlich habe ich eine individuelle Vorlage für Dich erstellt, die Du gerne für Deine Website verwenden kannst.

Artikellinks

Demoseite Sarah Rattmann
Demoseite Sarah Rattmann – 404 Seite
404 Fehlerseite Teil 1 – Tipps
Meine 404 Fehlerseite
WordPress Codex 404 Page

  • teilen 
  • mitteilen 
  • teilen 
  • teilen 
  • merken 
2. Oktober 2018/0 Kommentare/von Sarah
Schlagworte: WordPress, kostenlos, Tipps
https://www.sarah-rattmann.de/wp-content/uploads/2018/10/Artikelbilder-404Fehler-Teil2.jpg 533 800 Sarah https://www.sarah-rattmann.de/wp-content/uploads/2019/12/Logo-SarahRattmann-2020-website-1.png Sarah2018-10-02 21:31:342019-08-16 10:20:57404-Fehlerseite in WordPress anlegen + kostenlose Vorlage
Das könnte Dich auch interessieren
Die 10 wichtigsten Elemente einer erfolgreichen Website
Kostenlose Photoshopvorlage für Visitenkarten
Besseres Design für Selbständige und Unternehmer
Tipps und Todsünden für geschäftliche Weihnachtskarten
9 Stylesheet-Tipps für Deine Blogbeiträge
Welcher Webhoster für WordPress Welcher Webhoster für WordPress
0 Kommentare

Hinterlasse einen Kommentar

An der Diskussion beteiligen?
Hinterlasse uns deinen Kommentar!

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Hi, ich bin Sarah

Für Gründer und Unternehmer entwickle ich moderne, kreative und effektive Websites & Printmedien Designs und helfe ihnen somit, besser gefunden zu werden — online wie offline.
→ Was ich für Dich tun kann

Kategorien

  • Allgemein (3)
  • Projekte (6)
  • Tools & Tipps (12)
  • Persönlich (1)
  • Angebot (2)
Erfahrungen & Bewertungen zu Design to Media - Grafikbüro

Ich freue mich auf Deine Nachricht.

Telefon: 01522 9263263 · E-Mail: info@sarah-rattmann.de
MADE WITH LOVE.

© Sarah Rattmann, 2020     Impressum | Datenschutz | AGB