Bis jetzt haben wir nur den Titel und den Inhalt des Beitrags augegeben. Nun scheint aber die Bloggerszene auch weitere Daten über einen Beitrag wissen zu wollen. Wenigstens werden wir diese nützen um Google etwas mehr Hinweise für ein gutes SEO-Ranking zu geben.
Und wenn wir schon dabei sind Google zu unterstützen, dann fügen wir auch die HTML5 Section Tags ein.
Multiple Seiten
Von den Metadaten möchte ich auf multiple Pages nur das Datum und die Kategorie.
Diese fügen wir in der index.php ein. Hinweise zu den Funktionen findet man im WP-Codex.
An HTML5 Tags geben wir jeden Beitrag in einen article Tag. Darin den Titel definieren wir als header.
Single Seiten
In den Single Seiten verwenden wir die selben HTML5 Tags. Unterhalb des Beitrags fügen wir die vollständigen, üblichen Metadaten ein. Dann fügen wir zur internen Verlinkung noch einen „previous / next Post“ Link ein.
Zuletzt laden wir noch die Kommentarfunktion. Legt man selber im Theme keine comments.php an, so lädt WordPress einfach ein Standardkommentartemplate. So hat man mit einem Befehl eine komplette Kommentarfunktion.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<div class="postinfo"> <dl> <dt>Info: </dt> <dd><em><?php the_title(); ?></em> ist Beitrag Nr. <?php the_ID(); ?></dd> <dt><?php _e('Author:'); ?> </dt> <dd><?php the_author(); ?> am <?php the_date(); ?> um <?php the_time(); ?></dd> <dt><?php _e('Category:'); ?> </dt> <dd><?php the_category(','); ?></dd> <dd><?php the_tags(''); ?> </dd> <dt>Trackback: </dt> <dd><a href="<?php trackback_url() ?>">Trackback URI</a></dd> </dl> </div> <p class="prevnextpost"><?php previous_post_link(); ?> - <?php next_post_link(); ?></p> <?php comments_template(); // inkludiert comments.php ?> |
Das stylen erfolgt über die Klasse prevnextpost und metadata. Das überlass ich mal dem eigenen Geschmack, ansonsten kann man sich die aktuelle Version des Themes unten downloaden.
Im Prinzip haben wir mit nicht mal sehr vielen Zeilen Code einen bereits fertig funktionsfähigen Blog erzeugt. Es gibt eine Übersicht, Einzelseiten und Kommentarfunktion. In der aktuellen CSS hab ich mal etwas verfeinert. In den weiteren Schritten wird alles noch besser werden.
- Info:
- Eigenes WP-Theme – HTML5 Tags und Metadaten ist Beitrag Nr. 134
- Autor:
- codingFreak am 30. Mai 2014 um 8:59
- Category:
- Wordpress
« Eigenes WordPresstheme – Teil 5 – SEO Überlegungen - hentry microformat Fehler mit WordPress beheben »
