Kategorie-Bild neben Titel in jedem Beitrag

wp_logoEs gibt eine einfache Möglichkeit, in einem Wordpress-Artikel automatisch neben dem Titel ein Bild der jeweiligen Kategorie anzeigen zu lassen. Über eine Funktion kann definiert werden, ob das Kategorie-Bild nur auf der Startseite von Wordpress oder auch in den einzelnen Artikel neben dem Titel erscheinen soll.

 

In diesem Beispiel werden die Kategorie-Bilder für die Titel in einen Unterordner, mit dem Namen "images", im Wordpress-Theme gespeichert.

 

Funktion erstellen

Als erstes muss eine Wordpress-Funktion erstellt werden, die die jeweiligen Bilder der entsprechenden Kategorie zuordnet. Die Funktion wird in die functions.php des Wordpress-Themes eingefügt.

 

functions.php

function tec_title_picture() { 
    if ( in_category( 'allgemein' )) {
        return '<img src="'.get_template_directory_uri().'/images/allgemein.png" />';
    } elseif ( in_category( 'kategorie' )) {
        return '<img src="'.get_template_directory_uri().'/images/kategorie.png" />';
    } else {
        return '';
    }
}

Die letzte Anweisung trifft für alle Artikel zu, denen kein Kategorie-Bild zugewiesen wurde. Im obigen Beispiel sind zwei Hochkomma ohne Leerzeichen dazwischen. Es erscheint kein Bild. Natürlich kann auch hier ein Bild eingefügt werden.

 

Soll ein Titel-Bild für mehrere Kategorien oder Unterkategorien verwendet werden, kann dies über ein Array definiert werden:

if ( in_category( array( 'kategorie', 'unterkategorie' ) )) { 
    return '<img src="'.get_template_directory_uri().'/images/kategorie.png" />';
}

Die einzelnen Kategorien werden durch ein Komma getrennt.

 

 

Ansicht definieren

Nach dem die Wordpress-Funktion erstellt, und die Bilder hochgeladen sind, muss noch angegeben werden, auf welchen Seiten die Kategorie-Bilder im Titel erscheinen sollen.

 

Für den Content-Bereich der Hauptseite ist bei den Standard-Themes von Wordpress die "loop.php" oder die "content.php" zuständig. In anderen Wordpress-Themes kann es auch die "index.php" sein.

 

Für alle anderen Seiten gibt es in den Wordpress-Standard-Themes die Dateien "loop-single.php", "loop-attachment.php" bzw. "content-single.php" etc. In verschiedenen Wordpress-Themes können die Dateien auch andere Namen haben.

 

In den betreffenden Dateien befindet sich die Wordpress-Funktion "the_title( )". In diese Funktion wird in den Klammern der Name der von uns erstellten Funktion eingefügt.

the_title( tec_title_picture( ) )

Nach dem Speichern der Datei erscheint jetzt das Kategorie-Bild links neben dem Titel des Artikels.

 

Folgender Eintrag würde das Kategorie-Bild nach dem Titel anzeigen.

the_title('',tec_title_picture( ) )

 

Das Kategorie-Bild kann auch außerhalb des Titels an beliebiger Stelle auf der Seite platziert werden. Dazu wird der Funktion "tec_title_picture()" ein "echo" vorangestellt.

echo tec_title_picture();

 

 

.

Kommentare   

0 #2 Manni 2013-04-09 16:29
Die Funktion tec_title_pictu re() kann überall auf der Seite platziert werden.

Ich habe die Anleitung erweitert.
0 #1 SebastianWolf 2013-04-09 15:22
Hallo!

DAnke für die tolle Anleitung.

Gibt es auch Möglichkeiten:
tec_title_picture( ) ohne the_title() anzuzeigen.

Suche noch verschiedene Gestaltungsvarianten.

DANKE!