Das Beispiel

Die Artikel sind durch die zugeordneten Kategorien in hierarchischer Form geordnet:

Authentic Movement

• Erfahren und Ausprobieren
• Lernen und Entwickeln
• Praktizieren und Vertiefen

Die Aufgabe

Es sollen nun automatisch alle Unterkategorien von “Authentic Movement” als Überschriften ausgegeben und darunter jeweils die zugehörigen Artikel in Form von Teasern ausgeben werden. Dadurch entsteht eine strukturierte Übersicht der Seminarangebote zum Thema “Authentic Movement”.

Die Lösung

Mit der Funktion get_categories() werden in einer Schleife alle Unterkategorien der Kategorie “Authentic Movement” (ID=6) abgefragt und der Kategorienname als Überschrift ausgegeben.

Innerhalb dieser erste Schleife wird nun bei jedem Durchlauf die ID der jeweiligen Unterkategorie als Parameter an die Funktion WP_Query() übergeben. Es folgt direkt als zweite Schleife der Loop, in dem die aus dieser Abfrage resultierenden Artikel in der gewünschten Form ausgegeben werden.

Der Code

<?php
     $args = array(
         'child_of'                 => 6,
         'orderby'                  => 'id',
         'order'                    => 'ASC'
         );
     $child_categories = get_categories( $args );

?>
<?php foreach ($child_categories as $child_cat_id) { ?>

        <h3><?php echo $child_cat_id->name; ?></h3>
        <?php
         $args = array(
          'post_type' => 'post',
          'cat' => $child_cat_id->cat_ID,
          'orderby' => 'date',
          'order' => DSC
        );
        $article_query = new WP_Query( $args ); ?>

        <?php if ( $article_query->have_posts() ) : while ( $article_query->have_posts() ) : $article_query->the_post(); $more = 0; ?>
          <h4><?php the_title(); ?></h4>
          <?php the_content(""); ?>
          <p><a class="more" href="<?php the_permalink(); ?>">mehr ...</a></p>
          <?php endwhile; ?>
        <?php endif; ?>

        <?php wp_reset_postdata(); ?>

<?php }; ?>

Weitere Möglichkeiten

Auch die ID der Oberkategorie kann natürlich als Variable der Funktion get_categories() übergeben werden. Durch eine weitere Schleife um den obigen Code herum könnte so auch eine weitere Hierarchieebene abgefragt werden, usw.

Aufgabe

Die Psychotherapeutin Anke Teigeler benötigte eine Website zur Darstellung ihres Therapieangebots und zur Ankündigung ihrer Seminare und Veranstaltungen. Die Anforderungen an das Design waren: schlicht, übersichtlich, emotional ansprechend.

Umsetzung

Bestimmendes Gestaltungselement ist ein großformatiges Foto im Bannerbereich, welches die jeweiligen Seiteninhalte illustriert und ein passendes Textzitat enthält. Bei der Motivsuche wurde die Auftraggeberin in meinem Bildarchiv natureMotion fündig und wählte eine ganze Reihe von Fotos aus den Bereichen Natur und Landschaft für ihre Internetpräsenz aus.

Als Content-Management-System kam wieder WordPress zum Einsatz.

Anke Teigeler – Psychotherapie – Tanztherapie – Authentic Movement

Aufgabe

Die schon etwas betagte Internetpräsenz der Göttinger Überwachungsdienst GmbH sollte gründlich aufgefrischt werden. Die Anforderungen an das Design waren: schlicht, übersichtlich, elegant.

Umsetzung

Bestimmendes Gestaltungselement ist ein großes Feld mit Überschrift und Foto im oberen Seitendrittel. Auf der Startseite besteht dieses Feld zusätzlich aus einem Content-Slider, welcher die wichtigsten Dienstleistungen des Unternehmens nacheinander mit wechselnden Fotos präsentiert.

Die Wahl für das Content-Management-System fiel einmal mehr auf WordPress.

Göttinger Überwachungsdienst GmbH

Aufgabe

Ein verändertes Dienstleistungsangebot erforderte eine Neugestaltung der bestehenden Internetpräsenz der Trainerin Sabine Mariß. Wichtigste Gestaltungsvorgaben waren übersichtliche Struktur und klares, einfaches Design bei Beibehaltung der Corporate Identity.

Umsetzung

Ein großes, emotional starkes Foto im oberen Seitenbereich bestimmt die visuelle Wirkung der Seite. Großer Wert wurde dabei auf qualitativ hochwertige Bilder mit zum Thema der Seite passender Bildaussage gelegt. Der Seitentext ist klar gegliedert, Teaser bilden übersichtlich Unterseiten und Unterthemn ab.

Als Content-Management-System wurde WordPress weiter verwendet, das sich bereits in der vorherigen Version der Interentpräsenz bestens bewährt hatte.

www.sabine-mariss.de

Aufgabe

Für das Verbundprojekt “BEST” des Forschungszentrums Waldökosysteme der Universität Göttingen sollte eine Internetpräsenz erstellt werden, auf der die sehr umfangreichen Forschungsansätze und die über 30 Teilprojekte übersichtlich dargestellt werden. Aktuelle Informationen zum Projektstand, Veranstaltungsankündigungen, Publikationen und ein interner Bereich für die Projektbeteiligten waren wesentliche Anforderungen.

Umsetzung

Mit Logo, Farbraum und Typographie wurde zunächst ein Corporate Design für die Außendarstellung des gesamten Forschungsprojektes entwickelt. Die Seitenstruktur war bereits durch die Einteilung des Projektes in 7 sogenannte “Cluster” mit jeweils 3-6 “Arbeitspaketen” vorgegeben und wurde für die vertikale Navigation übernommen. Jeder “Cluster” wird im Menü mit einer eigenen Hintergrundfarbe dargestellt. Der konsequente Einsatz von Teasern erschließt übersichtlich und optisch ansprechend die gegebene Informationsfülle.
Eine kleine gestalterische Besonderheit sind die wechselnden Bannerfotos: bei jedem Seitenaufruf wird zufällig ein Foto aus einem Pool thematisch zur gewählten Seite passender Fotos ausgewählt. Auf diese Weise wird die Seite interessanter und optisch besonders aufgewertet.

Damit die Inhalte schnell und einfach von den Projektmitarbeitern selbst gepflegt werden können, file die Wahl des CMS auf WordPress.