Abonniere die neusten Artikel via RSS-Feed oder Atom und verfolge die Kommentare ebenso via RSS-Feed oder Atom-Feed
Anzeige
WordPress bringt mit Version 2.9 die wohl am meisten diskutierte Funktion des Post Thumbnails in das System. Für windige Theme-Autoren war das auch im Vorfeld kein Thema und trotzdem wird sie geliebt. Wichtig bei dieser Funktion, sie geht nur, wenn man sie explizit im Theme aktiviert. Dies macht der folgenden kleine Schnipsel in der functions.php des Themes: add_theme_support('post-thumbnails');.
Aber auch bei dieser Funktion sollte man auf das Vorhandensein der Funktion prüfen und eine Alternative anbieten. Nur so kann man dem Nutzer die Freiheit der WordPress Version überlassen. Die Funktionen von Erweiterungen, Plugins und Themes gehröen einer Prüfung unterzogen; so ist die Funktion des Themes abgesichert, auch wenn eine Funktion nicht zur Verfügung steht. Ähnlich sehe ich es mit dieser Funktion für die Thumbnails zum Beitrag, auch wenn sie Funktionen aus dem Core nutzen.
Zwei Anregungen für Alternativen möchte ich im folgenden kurz aufzeigen und ich verweise auf den ausführlichen Artikel zum Thema Bilder in Themes mit Benutzerdef. Feldern oder der Mediathek von WordPress nutzen.
Nach Hinzufügen der folgenden Syntax in der functions.php des Themes steht die MetaBox im Bereich Schreiben eines Beitrags bzw. Seite bereit und kann einfach via Aufruf der Mediathek aus dieser MetaBox genutzt werden.
if ( function_exists('add_theme_support') )
add_theme_support('post-thumbnails');
Alternativ kann man zwischen Beiträgen und Seiten trennen:
add_theme_support( 'post-thumbnails', array( 'post' ) ); //Beiträge
add_theme_support( 'post-thumbnails', array( 'page' ) ); //Seiten
Man kann im übrigen auch Größen definieren, zum einen direkt für Thumbnails ...
set_post_thumbnail_size( 150, 150, true ); // Breite, Höhe, true für kein crop mode; beschneiden
... und ebenso andere Größen, in dem man zusätzlich einen Namen vergibt. Im obigen Code ist der Standard-Name post-thumbnail übergeben.
add_image_size('my-single-picture', 150, 150, false);
Die Ausgabe des Bildes wird dann im Theme an der Stelle, wo es erscheinen soll, einfach mit Hilfe des Template Tag erzeugt: the_post_thumbnail().
if ( current_theme_supports( 'post-thumbnails' ) )
the_post_thumbnail( array(300,200) );
Alternativ kann man dann auch wieder die eigenen Typen abfragen:
the_post_thumbnail( 'my-single-picture' );
Wichtig, arbeitet man mit zusätzlichem Markup, dann gehört die Abfrage dazu, ob es denn ein Thumbnail zum Beitrag gibt. Ansonsten wird unnötig Markup ausgegeben, welches keinen Inhalt hat.
<?php
if ( has_post_thumbnail() ) { ?>
<span class="my_image">
<?php the_post_thumbnail(array(600, 400)); ?>
</span>
} ?>
Um nun aber eine Alternative für Installationen kleiner WP 2.9 zu haben, kann man verschiedene Ansätze gehen. Die zwei folgenden Beispiele sind daher als Ideengeber zu verstehen: entweder mit Hilfe der benutzerdefinierten Felder, Feldname ist post-image ...
if ( function_exists('has_post_thumbnail') && has_post_thumbnail() ) {
the_post_thumbnail(); // @parameter: array(height, width)
} else {
$myimage = get_post_meta($post->ID, 'post-image', true); // via custom field
if ($myimage) {
echo '<img class="wp-post-image" src="'.$postimage.'" alt="Post Iage" />';
}
}
... oder im nachfolgenden Beispiel das erste Bild aus der Mediathek. Mehr dazu gibt es in einem separaten Beitrag.
if ( function_exists('has_post_thumbnail') && has_post_thumbnail() ) {
the_post_thumbnail(); // @paramter: array(height, width)
} else {
// via mediathek
$attachments = get_children( array(
'post_parent' => get_the_ID(),
'post_type' => 'attachment',
'numberposts' => 1, // show all -1
'post_status' => 'inherit',
'post_mime_type' => 'image',
'order' => 'ASC',
'orderby' => 'menu_order ASC'
) );
foreach ( $attachments as $attachment_id => $attachment ) {
echo wp_get_attachment_image( $attachment_id );
}
}
Prüfen ob das Theme die Funktion unterstützt ist ebenso möglich:
if ( current_theme_supports( 'post-thumbnails' ) ) {
...
Zusätzlich kann man prüfen, ob das Theme die Funktion unterstützt und explizit für Beiträge (post) oder Seiten (page) nutzen. Sehr interessant, wenn man zusätzliche Funktionen in den Schreiben-Bereich des Backend bringen möchte, welcher abhängig von diesem Feature innerhalb des Theme ist.:
if ( current_theme_supports( 'post-thumbnails', array( 'page' ) ) ) {
add_meta_box( ...
In diesem Zusammenhang kann man auch extern Dateien mit neuen Funktionen einbinden.
require_if_theme_supports( 'post-thumbnails', ABSPATH . WPINC . '/my-post-thumbnail-funktion.php' );
Kommentarregeln: Bleib cool, kritisch ist in Ordnung, aber wenn du unhöflich bist, dann lösche ich deinen Kommentar. Bitte benutze deinen persönlichen Namen oder Initialen und nicht den Namen eines Unternehmens, dies würde als Spam gewertet und wird gelöscht. Der Zusammenhang zwischen Namen und URL sollte nicht offensichtlich auf Spam hindeuten! ♥ Ansonsten, vielen Dank für den Kommentar und viel Spaß mit meinem Blog.
händischer Spam:
Beachte die Kommentarregeln, jede Form von versuchtem Spam wird gelöscht. Warum und wieso steht in einem meiner Beiträge.
Bezug auf Textstellen:
Du kannst direkt bezug auf Textstellen im Beitrag nehmen. Dazu muss lediglich der Bereich im Artikel markiert werden; daraufhin erscheint ein Button, der den markierten Text in das Kommentarfeld übernimmt und als Zitat auszeichnet. Die Funktion ist nur bei aktivem JavaScript nutzbar.
xHTML:
Du kannst folgende Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <blockquote cite=""> <code> <pre> <em> <strong> <strike> <ul> <ul> <li>
Achte darauf, wenn du Code im Kommentar hinterlegen willst, dann muss der Code maskiert sein. Dann wird er nicht interpretiert. Der Code muss mit Hilfe von HTML-Entities dargestellt werden, d.h. dass man z.B. < als < und > als > einfügt.
E-Mail-Benachrichtigung bei neuen Kommentaren ?
Wenn der Haken in der Checkbox gesetzt ist, dann wirst du über neue Kommentare vie E-Mail informiert. Der Versand erfolgt nur, wenn du die URL in der Bestätigungs-E-Mail genutzt hast oder schon Abonnent hier im Blog bist.
Kommentar erscheint nicht:
Alle Kommentare werden manuell geprüft, freigegeben und nach Möglichkeit beantwortet. Bitte um etwas Geduld und Nachsicht.
Identifikationsbilder (Avatare):
Auf Gravatar.com kann man sich mit seiner E-Mail-Adresse registrieren und ein Bild hochladen, dann erscheint dieses Gravatar hier und in vielen weiteren Blogs.
Spamschutz:
Das Kommentarformular ist mit einem Spamschutz ausgerüstet. Solltest du diesen Artikel ohne JavaScript besuchen und kommentieren wollen, so muss du die Frage beantworten und das jeweilige Wort in das Textfeld eingeben.
bueltge.de [by:ltge.de] wird von Frank Bültge geführt, administriert und gestaltet. Alle Inhalte sind persönlich von mir ausgewählt und erstellt, nach bestem Gewissen und Können, was die Möglichkeit von Fehlern nicht ausschließt.
Das Weblog wird angetrieben von WordPress und aktuell gibt es 892 Beiträge, 16496 Kommentare in 14 Kategorien und 450 Tags.
Das Blog wird liebevoll mit xHTML & CSS in Handarbeit gestaltet.
Design und Code ist unter Copyright
© 2001 - 2010 bueltge.de [by:ltge.de]
18. Dezember 2009 um 09:36
Das hast du jetzt aber aus meinem Related Posts by Category Plugin oder? Nein, Scherz beiseite. Die Abwärtskompatibilität für die Post Thumbs habe ich dort nach dem gleichen Muster realisiert.
18. Dezember 2009 um 10:53
@Sergej: hast du Thumbs in dem Plugin? Dachte immer, du gibst nur die Artikel aus und fertig. Nun ist sogar ein Plugin im SVN, wusste ich gar nicht.
18. Dezember 2009 um 10:57
Oh ja, wurde von den Nutzern gewünscht, hatte ich mal versprochen dieses Jahr noch fertig zu stellen. Ich glaube, vor 2 oder 3 Wochen hatte ich die Umsetzung dann fertig, aber durch die verzögerte Tests ist das Plugin erst vor wenigen Tagen in der aktualisierten Fassung (also mit Thumbs) online gegangen.
18. Dezember 2009 um 11:20
@Sergej: das kenne ich; habe hier eine große Liste an Wünschen liegen, es werden sicher nicht alle zu Weihnachten erfüllt werden.
18. Dezember 2009 um 11:23
Ich dachte, ich mach noch noch einen Wunsch klar, bevor ich in den Urlaub gehe.
18. Dezember 2009 um 12:11
He Jungs, ich will auch mal was sagen! Kann ich, oder macht ihr Kaffeeklatsch?
Liest sich alles super - bisher nutze ich noch nicht einmal die Thumnails aus der Mediathek, sondern lade diese selber hoch (Zuordnung einfach nach post_ID) , warum?
1. Deine Abfrage kostet pro post zwei Queries - das wären bei mir satte 80! Hilfe
2. Die Qualität der Thumbs lies bis jetzt sehr zu wünschen übrig, vor allem die "Crops" ... leider.
Würde mich sehr freuen, wenn jemand von Euch beiden weiterhelfen könnte.
18. Dezember 2009 um 13:16
@Nicki: Die Qualität kannst du nur schwer ändern, man kann eigene Scripte einbauen um das Verkleinern (TimThump) zu optimieren, da sollte es was geben, auch als Plugin, z.b. Attachment. Zu den Queries; da gibt es mehr zu sagen. Grundlegend spielt hier der Aufbau des Templates eine Rolle, also so wenig Loops wie nötig, am besten einen und dort alles abbilden.
18. Dezember 2009 um 16:37
Täusche ich mich - auch wenn ich nur einen Loop habe und die Abfrage nach dem hier genannten Prinzip mache, dann kommen doch trotzdem 2 Queries mal X posts raus?!
19. Dezember 2009 um 00:11
Danke für die Tipps.
20. Dezember 2009 um 21:35
@Nicki: nein, ich denke du hast recht - habe aber bisher nur gespielt, keine endgültigen Tests gemacht.
20. Dezember 2009 um 23:38
Und ich habe es jetzt probiert und es ist tatsächlich so - macht für jede Abfrage 2 Queries. Das letztendlich keine Problem, ein immer gut zu wissen
.
21. Dezember 2009 um 07:08
Nicki, das ist leider so. Die Abfragen sind nicht wirklich effizient gebaut, liegt aber wahrscheinlich daran, dass die Funktionen aus jeder Ecke der API angesprochen werden sollen.
24. Dezember 2009 um 20:48
Da mein Theme nicht veröffentlicht wird, könnte ich darauf verzichten, die Funktion abwärtskompatibel zu machen
2. Januar 2010 um 20:00
Danke für die ausführliche Beschreibung. Mir war bisher die Funktion
mit einer eigenen Definition einer Thumbnailgröße nicht bekannt. Dies werde ich nachher gleich mal ausprobieren.
Eine Frage zu der eingestellten Miniaturbild-Größe in den Einstellungen der Mediathek habe ich noch. Ich hatte diese bisher auf 75 x 75 eingestellt und nun auf 120 x 120 geändert. Die angezeigten Images auf meinen beiträgen haben sich aber nicht geändert (chache vorher aktualisiert). Eingebunden habe ich die thumbnails mit:
the_post_thumbnail('thumbnail', array('class' => 'alignleft sb_post_thumbnail'));Hat da jemand eine Idee warum sich da nichts ändert. Oder gilt die neue Größe nur für neu hochgeladene Bilder?
3. Januar 2010 um 14:08
@Stefan: nein, die ändern sich nur bei neu hoch geladenen Bildern, aber es gibt ein Plugin dafür um alle bestehenden Bilder neu zu laden.
3. Januar 2010 um 17:40
Kannst du mir evtl sagen wie das teil heisst? Ich würde das gerne einmal ausprobieren. Danke.
3. Januar 2010 um 19:39
@Stefan: Ich musste erstmal suchen, habe es aber: Regenerate Thumbnail
4. Januar 2010 um 19:39
Hallo Frank. Danke für den Tipp. Ich habe das Plugin gleich mal auf einer Testseite ausprobiert. Zusätzlich habe ich noch ein Plugin gefunden, das "AJAX Thumbnail Rebuild", es ist noch sehr neu. Beide Plugins funktionieren gut. Bevor ich mich an meinen "Live Blog" mache werde ich aber noch ein paar Tests machen und schauen wie sich das ganze verhält.
Ein Grund warum ich die Einstellungen ändern möchte ist der, das wenn man Thumbnail Bilder auf eine Größe wie z.B. 100x100 als Parameter angibt und die Standardgröße in den WP Mediathek Einstellungen aber auf 75x75 angegeben hatte, wird immer das nächst größere Bildformat herangezogen (in WP: Medium) und dieses dann nur skaliert auf die angegebene Größe von 100x100. So werden unnötig große Bilder geladen und als Thumbnail ausgegeben. Deshalb möchte ich die Bilder auf eine einheitliche Thumbnailgröße skallieren. Da hast du mir mit deinem Tipp sehr weiter geholfen.
Vielleicht schreibe ich nach den gemachten Anpassungen einen kleinen Beitrag über meine Erfahrungen.
4. Januar 2010 um 20:56
@Stefan: Der Artikel wäre toll! Gern auch als Gastbeitrag hier wenn du magst. Ja, WP zieht immer das nächst größer und verkleinert via CSS, was in vielerlei Hinsicht Ressourcen kostet.
16. Januar 2010 um 13:36
Weiß jemand ob man irgendwie direkt an den Bildlink kommen kann?
Ich würde das Bild gerne direkt verlinken um es in ner Slideshow zu verwenden :-/
16. Januar 2010 um 16:59
Habs schon selbst gefunden. Geht ja super über den alten weg -> Attachment Metadaten nutzen:
http://bueltge.de/wordpress-attachment-metadaten-nutzen/625/18. Mai 2010 um 14:58
Danke für die tolle Beschreibung, aber ein kleiner Hinweis:
In folgendem Code ist ein Bug!!!
} ?>
Richtig:
19. Mai 2010 um 08:29
Wird es eine Möglichkeit geben, Thumbs von externen Seiten einzulesen? Ich habe viele Bilder von Pressemeldungen auf Picasa.
19. Mai 2010 um 11:00
@Ramona: dazu musst du was eigenes bauen, aber Picasa hat eine API, so dass man die Bilder holen kann. Eventuell gibt es da schon ein Plugin.
19. Mai 2010 um 11:43
@Frank: Lieben Dank. Ich benutze Shashin, das Plugin für Picasa, geht prima in Posts usw. aber nicht in Verbindung mit Post Thumbnails, oder aber ich habe etwas übersehen.
19. Mai 2010 um 15:39
Hat alles wunderbar geklappt... Danke für diesen tollen tipp. Aber wie kann ich diese Funktion in die Press-This.php einbinden.. ??
19. Mai 2010 um 21:08
Habe soeben versucht die Funktion get_post_thumbnail zu nutzen. Dummerweise gibt diese den HTML Code für das Bild direkt mit aus. Da ich in meinem Theme allerdings das Bild via CSS als Background image einbinde, nutzt diese Funktion mir nicht wirklich. Gibt es eine Möglichkeit die URL des Images auch ohne das HTML abzurufen?
In der Dokumentation von WordPress habe ich leider nichts gefunden.
Grüße,
Sven
20. Mai 2010 um 10:44
@Sven: ja,
wp_get_attachment_url, im Beitrag aber besser nachzulesen20. Mai 2010 um 10:52
Danke! Allerdings hatte ich gestern noch eine sehr schöne Lösung gefunden, die diese Funktion auch enthält:
if(!function_exists('get_post_thumbnail_src')){function get_post_thumbnail_src( $post_id = NULL ) {
global $id;
$post_id = ( NULL === $post_id ) ? $id : $post_id;
$post_thumbnail_id = get_post_thumbnail_id( $post_id );
$url = false;
if ( $post_thumbnail_id ) {
$size = apply_filters( 'post_thumbnail_size', 'post-thumbnail' );
$image = wp_get_attachment_image_src( $post_thumbnail_id, $size, false );
if ( $image ) {
list( $src, $width, $height ) = $image;
$url = $src;
}
}
return $url;
}
}
Diese habe ich dann in meine functions.php gelegt.
Vielen Dank aber noch für Deine Antwort!
Grüße,
Sven
20. Mai 2010 um 11:23
@Sven: ja, auch die ist dort zu finden
20. Mai 2010 um 15:04
@Ramona: das kann ich nicht sagen, kenne das Plugin nicht. Eventuell mal den Autor anfragen, vielleicht möchte er es integrieren.
16. August 2010 um 15:41
Könnte ich damit auch theoretisch Bilder von einem anderen (eigenen) Webspace anziehen? Aus einer zentralen Bilddatenbank.
16. August 2010 um 18:28
@Andreas: nein, das sind reine Funktionen von WP, die kümmern sich nicht um andere Webspace-Ordner.