Eigenes Theme – Teil 9 – 404 Seite

Es wird immer wieder vorkommen, dass Nutzer Seiten abfragen, die nicht existieren. Der Response Code des Servers ist dann der allgemein bekannte Code 404.
Wordpress lädt standardmäßig die index.php und findet im Loop keine darzustellenden Artikel. In unserer Index.php geben wir “Sorry, no posts matched your criteria.” aus. Wenn du die deutsche Version benützt wird das auf Deutsch übersetzt. Etwas besser als die hässliche Browserfehlerseite, aber Wordpress wäre nicht das beste Blogsystem wenn es nicht eine schönere Möglichkeit bieten würde.
Man kann eine 404.php in seinem Theme anlegen. Wird nun eine unbekannte Seite aufgerufen, so wird die 404.php geladen. Ziel dieser Seite sollte es sein nicht nur mit einer nackten Fehlermeldung Besucher abzuschrecken, sondern zum Weitersuchen zu animieren. Dazu legen wir eine nette Grafik und freundlichen Text auf dies Seite und dazu bieten wir gleich noch eine Suche für den Blog an.
Das ganze könnte etwas so aussehen:

<?php get_header(); ?>
 
<div id="outer">
	<div class="outerwrap">
		<div id="centrecontent">
				    <div class="text">
 
		<h2 class="center"><?php _e('Error 404 - Not Found', 'kubrick'); ?></h2>
		<p>Bitte nütze unsere Suche um die richtige Seite zu finden</p>
		<?php get_search_form(); ?>
		<img class="alignright" src="<?php bloginfo('template_directory'); ?>/images/404.png">
		</div>
		</div>
		<div id="left" class="sidebar">
			<?php get_sidebar();?>
		</div>
		<div class="clearer"></div>
	</div><!--end outerwrap -->
	<div id="right" class="sidebar">
		<?php get_sidebar('right');?>
	</div>
	<div class="clearer"></div>
</div> <!-- end outer -->
 
<?php get_footer(); ?>

Die Seite testet man indem man eine Unterseite eingibt, die nicht existiert. (www.beispiel.com/dieseseitegibtsgarnicht)

Im nächsten Teil gibts weitere Details zur Suche.

«  -  »


Gib deinen Senf dazu

XHTML: Du kannst in deiner Antwort folgende Tags benützen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">