Thumbnails in Elegantthemes

Die meisten (wenn nicht alle) Elegantthemes aber auch viele andere professionelle WordPress Themes verwenden eine spezielle Thumbnail-Funktion.

Um diese genau auf ein Layout angepassten Thumbnails darzustellen, gehst Du wie folgt vor:

Dein Eleganttheme hat meist auch eine home.php, die von WordPress automatisch für die Darstellung der Startseite verwendet wird. Hier findest Du in den meisten Elegantthemes irgendwo folgenden Code:

<?php $thumb = get_post_meta($post->ID, 'Thumbnail', $single = true); ?>

Dabei wird eine Variable namens $thumb definiert, die ihren Wert aus einem Spezialfeld namens “Thumbnail” holt.

Wenn Du nun einen Artikel neu anlegst oder editierst, uploadest Du ein Bild wie gewohnt, allerdings klickst Du im Upload-Dialog (s. Screenshot) NICHT auf “In Artikel einfügen”, sondern auf den Button “Datei URL” und kopierst Dir die Adresse im Textfeld Link-URL darüber (erscheint automatisch). =>Alle Änderungen speichern, =>Upload Fenster schließen.

Unter dem Texteingabefenster findest Du eine Box “Spezialfelder“. Dort klickst Du den Link “Add New/Neu anlegen” und gibst für das neue Spezialfeld den Namen “Thumbnail” (GENAUSO geschrieben wie im obigen Code Deiner Seite). Als Wert/Value fügst Du nun die vorher kopierte Link-URL ein. Klicke “Spezialfeld einfügen”.

Das nächste Mal findest Du das Spezialfeld bereits in einem DropDown-Menü, musst es also nicht mehr neu anlegen.

Elegantthemes und viele andere professionelle Themes verwenden weiters eine Datei timthumb.php, die dafür sorgt, dass Deine Thumbnails auf dem Server auf die richtige Größe konvertiert werden…

Wenn Du eine andere Größe für so ein automatisch generiertes Thumbnail erzwingen möchtest, suche in Deinem Code (home.php oder index.php) folgende Anweisungen:

<img src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php echo $thumb; ?>&amp;h=187&amp;w=573&amp;zc=1&amp;q=100" width="573px" height="187px" alt="<?php if($thumb_alt !== '') { echo $thumb_alt; } else { echo the_title(); } ?>" />

Hier wird die Ausgabegröße Deines Thumbnails festgelegt. Beachte, dass die Werte für Breite und Höhe 2 Mal zu ändern sind!

Diesen Artikel via Bookmark-Service empfehlen