Mit add_image_size() kann man WordPress dazu bewegen weitere Bildformate zu erstellen. Dazu einige Beispiele:
|
1 2 3 4 5 6 7 8 |
// Bild mit 500px Breite und die Höhe ergibt sich. add_image_size('image-full-height', 500, 9999); // Bild mit 500px Höhe und die Breite ergibt sich. add_image_size('image-full-width', 9999, 500); // Bild das mittig auf 400x300 Pixel beschnitten wird add_image_size('image-size-a', 400, 300, true); |
Damit die eingefügten Bildformate im Medienmanager auswählbar werden, muss man diese über ein Filter-Hook definieren.
|
1 2 3 4 5 6 7 8 9 10 |
function my_own_image_sizes($sizes) { $add = array( 'image-full-height' => '500px Width - Full Height', 'image-full-width' => '500px Height - Full Width' ); $new = array_merge($sizes, $add); return $new; } add_filter('image_size_names_choose', 'my_own_image_sizes'); |
Verwendung im Template
Das komplette IMG-Tag des Post Thumbnails holen oder direct ausgeben
|
1 2 3 4 5 |
if( has_post_thumbnail(get_the_ID()) ){ $img = get_the_post_thumbnail( get_the_ID(), 'post-thumbnail', $attr = array( 'alt' => get_the_title() )) } // oder the_post_thumbnail( array(700,400), array('alt'=>$title, 'class'=>'img-responsive img-hover') ); |
Die möglichen Attribute
Immer ganz gut für SEO das ALT-Tag zu definieren
|
1 2 3 4 |
$attr = array( 'alt' => get_the_title(), 'class' => 'my-class' ); |
Eigene Bildgrößen angeben
|
1 |
get_the_post_thumbnail(null, array(700,400), $attr ); |
Weitere Funktionen
|
1 2 3 4 5 |
// Das Thumbnail Bild direkt mit IMG-Tag ausgeben the_post_thumbnail($size, $attr ); // Das Thumbnail Tag holen get_the_post_thumbnail( $post_id, $size, $attr ); |
Thumbnail Daten holen
|
1 2 3 4 5 6 |
// Thumbnail ID eines Posts holen $post_thumbnail_id = get_post_thumbnail_id($post->ID); // Die Thumbnaildaten URL, Breite und Höhe holen $thumbnail = wp_get_attachment_image_src( $post_thumbnail_id, 'full' ); print '<pre>$thumbnail = ' . print_r($thumbnail, true) . '</pre>'; |