WordWeb Webtext & Werbetext

WordPress-Tipp: Teaserbilder mit dem Plugin «Custom Field Images»

14. Dezember 2009 . von Barbara Frolik . 2 Kommentare
Plugins

Auf Facebook empfehlen

Neulich habe ich nach einem einfachen Weg gesucht, die WordPress-Schreiboberfläche mit einer einfach zu bedienenden Vorlage für das Hinzufügen eines Teaserbildes zu erweitern. Ursprünglich wollte ich das Problem mit gewöhnlichen Custom Fields lösen, bin bei meinen Recherchen aber zufälligerweise auf das sehr nützliche Plugin Custom Field Images gestossen.

Vorteile des Plugins Custom Field Images

Das Einrichten des Plugins und das Einbinden in das Template ist denkbar einfach, und für die Benutzerin ist die Vorlage angenehmer zu bedienen als gewöhnliche Custom Fields. Besonders schön: Für jedes Bild lässt sich eine weiterführende URL definieren. Das Bild verlinkt also nicht automatisch auf die Seite oder den Artikel, zu dem es gehört. Das ist z.B. praktisch, wenn man die Artikel-Oberfläche nicht zum Bloggen braucht, sondern sie für die Erfassung von benutzerdefinierten Teasern nutzen will.

So installierst du das Plugin

Das Plugin kannst du im Plugin-Verzeichnis von WordPress.org herunterladen:
» Custom Field Images downloaden

Entzippe die Datei und lade den ganzen Ordner in das Plugin-Verzeichnis deiner WordPress-Installation. Anschliessend aktivierst du das Plugin über die WordPress-Benutzeroberfläche (Menupunkt «Plugins»).

Das Plugin konfigurieren

Sobald du das Plugin aktiviert hast, kannst du es unter Einstellungen » Custom Field Images konfigurieren. Du kannst beispielsweise festlegen, ob das Bild automatisch im Inhalt, im Auszug oder im Feed erscheinen soll. Oder du kannst eine Standard-URL angeben, mit der das Bild später verlinkt wird, wenn du keine andere URL festlegst. Praktisch ist auch die Möglichkeit, Bilder aus der Mediathek zu verwenden.

Das Plugin ins Template einbinden

Wenn du die Teaserbilder innerhalb des Inhalts, der Auszüge oder im Feed deiner Artikel verwenden möchtest, bist du an dieser Stelle bereits fertig. Möchtest du die Bilder an einer anderen Stelle im Template einbinden, kannst du einfach den folgenden Code an den gewünschten Platz kopieren:

1

<?php custom_field_image() ?>

In meinem Beispiel sieht das z.B. so aus:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<h3>Aktuelle Projekte</h3>
<ul>
<?php
 $lastposts = get_posts('numberposts=3');
 foreach($lastposts as $post) :
    setup_postdata($post);
 ?>
 
<li>
<?php custom_field_image() ?>
<h4><?php the_title(); ?></h4>
<?php the_content(); ?>
<a href="http://www.url.ch/seite/">&raquo; Mehr Infos</a>
</li>
 
<?php endforeach; ?>
</ul>

Erklärung:

1
2
3
4
5

<?php
 $lastposts = get_posts('numberposts=3');
 foreach($lastposts as $post) :
    setup_postdata($post);
 ?>

Holt die Daten der drei neusten Artikel (oder in diesem Fall Teaser) aus der Datenbank.

1

<?php custom_field_image() ?>

Gibt das Teaserbild inkl. Link aus.

1

<?php the_title(); ?>

Gibt den Titel des Artikels (Teasers) aus.

1

<?php the_content(); ?>

Gibt den Inhalt des Artikels (Teasers) aus.

Weitere Verwendungsmöglichkeiten

Zusätzliche Verwendungsmöglichkeiten für das Plugin findest du auf WordPress.org oder in der Datei template-tags.php im heruntergeladenen Plugin-Ordner.

Jetzt bist du dran!

Kennst du weitere Plugins oder Hacks, die ähnliche Funktionen erfüllen? Dann hinterlasse doch bitte einen Kommentar mit deinem Tipp! Jetzt schon vielen Dank.

2 Kommentare

• 

  Ellen sagt am 16. Dezember 2009

  Hallo Barbara,
  vielen Dank für diesen super WordPress-Tipp und deine tolle detailierte Erklärung. Das Plugin wird bestimmt noch seine Verwendung bei mir finden :-)
  Viele Grüße
  Ellen
• 

  Barbara sagt am 16. Dezember 2009

  Liebe Ellen, schön, dass ich dir auch mal mit einem WordPress-Tipp weiterhelfen kann ;) Ich finde das Plugin wirklich super. Zwar nicht unendlich flexibel, aber in diesem Fall genau das, was ich gebraucht habe. Und die Bedienung ist auf jeden Fall einfacher als mit normalen Custom Fields.

Kommentar schreiben