Eigenes Seitentemplate

Neben Artikel beinhaltet ein WordPress-Blog fast immer auch einige Seiten z.B. Kontakt, Impressum, usw., die im Backend unter Seiten – Erstellen definiert werden.

Mit ein paar kleinen Änderungen könnt ihr ein eigenes Seitentemplate erstellen, mit dem ihr dessen Inhalt ganz individuell gestalten könnt.

Statt vieler Worte erstmal der Code einer normalen Wald- und-Wiesen-page.php:

  • <?php get_header(); ?>
  • <div id="inhalt">
  • <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
  • <h2><?php the_title(); ?></h2>
  • <div class="der-beitrag">
  • <?php the_content(); ?> <?php edit_post_link(); ?>
  • </div> <!-- Ende des jeweiligen Beitrags -->
  • <?php endwhile; else: ?>
  • <p>Tut mir leid, es wurde kein passender Beitrag gefunden.</p>
  • <?php endif; ?>
  • </div><!-- Ende #inhalt -->
  • <?php get_sidebar(); ?>
  • <?php get_footer(); ?>

Und jetzt der Code einer geänderten page.php, die wir aber unter dem Namen kontakt.php in unserem Templateordner abgelegt haben.

Die eigene Templateseite (kontakt.php):

  • <?php
  • /*
  • Template Name: Kontaktseite
  • */
  • ?>
  • <?php get_header(); ?>
  • <div id="inhalt">
  • <div id="kontakt-inhalt">
  • <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
  • <div class="der-beitrag">
  • <?php the_content(); ?> <?php edit_post_link(); ?>
  • </div> <!-- Ende des jeweiligen Beitrags -->
  • <?php endwhile; else: ?>
  • <p>Tut mir leid, es wurde kein passender Beitrag gefunden.</p>
  • <?php endif; ?>
  • </div> <!-- Ende #kontakt-inhalt -->
  • </div> <!-- Ende #inhalt -->
  • <?php get_sidebar(); ?>
  • <?php get_footer(); ?>

Der Unterschied zur normalen page.php besteht darin, das wir hier ganz oben mithilfe eines Kommentars unseren Templatenamen verewigt haben.

Außerdem haben wir ein zusätzliches div#kontakt-inhalt unmittelbar nach dem Öffnungstag von div#inhalt eingefügt und unmittelbar vor dem Ende von div#inhalt wieder geschlossen.

Nun marschieren wir direkt ins Backend zu Seiten – Erstellen und geben dort als Seitenname Kontakt ein.

Auf der rechten Seite ist unter Template ein kleines Dropdownmenü wo ihr eure individuelle Templateseite mit dem Namen Kontaktseite, eurer zu erstellenden Seite zuordnen könnt.

Die Inhalte, die ihr auf dieser Seite einfügt, könnt ihr wegen des div#inhalt-kontakt, das ihr ja in der kontakt.php eingefügt habt, per CSS ansprechen und nach euren Wünschen frei gestalten.

Wie ihr wißt ist WordPress kein reines Blogsystem mehr. Dieser Artikel gibt euch vielleicht eine Ahnung wie man WP auch als CMS einsetzen kann.

Kategorie: Wordpress
Schlagworte: , , , .

Nach oben

9 Antworten auf Eigenes Seitentemplate

  1. Danke für diesen tollen Beitrag. Leicht verständlich erklärt und somit sicher auch einfach umzusetzen. Ich werde es ausprobieren. ;-)

  2. Hubspe sagt am

    Hi Petra,

    schön wenn dir der Beitrag helfen konnte. :-)

  3. Pingback: Chat-Thread - Seite 1140 - XHTMLforum

  4. Pingback: Individuelle Seiten- und Artikelgestaltung in Wordpress

  5. Wunderbar. Danke schön.

  6. Klaus sagt am

    bitte, gerne. :)

  7. rompers sagt am

    hallo,

    mal für ganu dumme wie bitte rufe ich das auf?

  8. Klaus sagt am

    von rompers: mal für ganu dumme wie bitte rufe ich das auf?

    Wenn du die Seite im Backend wie oben beschrieben angelegt hast und du rufst die navi z.B. über wp_list_pages auf, wird diese erstellte Seite mit ausgegeben, es sei denn du hast sie über die arguments ausgeschlossen.

  9. Basti sagt am

    Danke für den Beitrag.
    Genau danach habe ich gesucht :)

Sprich und fürchte dich nicht!

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

*

Bitte maskiert < mit &lt; und > mit &gt; sonst verschwinden sie im Nirgendwo!