Menü

WordPress: Bildunterschriften für Beitragsbilder (Featureimages)

Wenn ich einen Arti­kel fer­tig habe, küm­me­re ich mich dar­um, ob er ein Bei­trags­bild (Fea­tureim­age) «ver­dient» hat. Meis­tens bin ich die­ser Mei­nung. Dann schaue ich mich ent­we­der bei Pixelio.de um oder nut­ze (schon seit lan­ger Zeit) das Plugin «Flickr — Pick a Pic­tu­re» von Pablo Adri­an Cas­til­lo. Die­ses kann man so ein­stel­len, dass nur Fotos mit bestimm­ten Lizen­zen in der Über­sicht erschei­nen und auch nur sol­che, die bestimm­te Bild­grö­ßen auf­wei­sen.

Wird das für den Arti­kel infra­ge kom­men­de Foto gefun­den, so wäh­le ich es aus und ach­te nun dar­auf, dass ich die Quell­da­ten in die Zwi­schen­ab­la­ge kopie­re. Die­se füge ich grund­sätz­li­ch ans Ende eines Arti­kels ein. Das ist ein wenig Mühe aber zur Ver­mei­dung von Urhe­ber­rechts­pro­ble­men drin­gend gebo­ten! Bei Fotos aus dem Pixelio-Archiv ver­fah­re ich eben­so.

Bildquelle bei Beitragsbildern

Bild­quel­le bei Bei­trags­bil­dern

Die hin­ter­leg­te Bild­be­schrif­tung wird bei ent­spre­chend vor­be­rei­te­ten Word­Press-The­mes ent­spre­chend unter dem Foto dar­ge­stellt. Den For­ma­tie­run­gen via CSS sind weni­ge Gren­zen gesetzt.

Was aber nun, wenn ich das Foto nicht nor­mal im Arti­kel zei­gen, son­dern die­ses als Bei­trags­bild im Teaser bzw. über dem Bei­trag anzei­gen las­sen möch­te? An die­ser Stel­le gibt es lei­der kei­ne Stan­dard­lö­sung — jeden­falls kei­ne, die ich ken­ne. Ich habe mal ein Code­stück­chen gefun­den, mit des­sen Hil­fe sich die Bild­un­ter­schrif­ten bei Bei­trags­bil­dern anzei­gen las­sen. Jeden­falls bei den meis­ten The­mes, die ich bis­her ver­wen­det habe — und das sind — wie die Insi­der wis­sen — ja nicht gera­de weni­ge 🙂

Die­sen Code kopiert ihr ent­we­der in die functions.php eures Word­Press-The­mes oder — viel ele­gan­ter — ihr nutzt Ser­gej Mül­lers fan­tas­ti­sche und noch prak­ti­sche­re Tool­box und habt die­se Funk­ti­on immer griff­be­reit. Auch wenn ein Word­Press The­me-Wech­sel ange­stan­den hat.

Den Zusatz «Foto von», den ihr bei der Aus­ga­be des ange­spro­che­nen Plug­ins für Flickr-Fotos seht, habe ich in den Quell­code des Plug­ins ein­ge­fügt. Das kriegt ihr hin. Viel Spaß.

/* Bildunterschriften unter Feature-Images */

// 27/01/2012 alchymyth
// show thumbnail with caption, if available, wrapped with '.wp-caption thumb-caption' div;
// show just the thumbnail otherwise
// for featured images in the loop
add_filter('post_thumbnail_html','add_post_thumbnail_caption',10,5);
function add_post_thumbnail_caption($html, $post_id, $post_thumbnail_id, $size, $attr) {

if( $html == '' || !in_the_loop() ) {

return $html;

} else {

$out = '';

$thumbnail_image = get_posts(array('p' => $post_thumbnail_id, 'post_type' => 'attachment'));

if ($thumbnail_image && isset($thumbnail_image[0])) {

$image = wp_get_attachment_image_src($post_thumbnail_id, $size);
$t_width = 100; // +10 here for extra padding, needs to be considered in writing css - the default image caption uses +10;
$class = $attr['class'];
if($thumbnail_image[0]-&gt;post_excerpt) $out .= '</pre>
<div style="width: '.$t_width.'%;">'; $out .= $html; if($thumbnail_image[0]-&gt;post_excerpt) $out .= '
<p class="image-caption">'.$thumbnail_image[0]-&gt;post_excerpt.'</p></div>';
}
return $out;
}
/*css classes for this:
.wp-caption.thumb-caption { ... }
.wp-caption.thumb-caption img { ... }
.wp-caption.thumb-caption .wp-caption-text { ... }
*/
}

Foto von: Nao­ko Taka­no — CC BY-NC-SA 2.0

webdesign_1
Ich fan­ge mal mit den posi­ti­ven Din­gen an, die mein «Blog­ger­le­ben» in die­sem Jahr beglei­tet…
restaurants
Den Rück­bli­ck aus Blog­ger­sicht hat­ten wir ja gera­de. Wie bewer­ten wir aber das bald zu… 

Horst Schulte

Ich blogge seit 2004. Am liebsten schreibe ich über gesellschaftliche und politische Fragen. Aber ab und an gibt es hier auch etwas zum Thema Bloggen, Wordpress und ein paar Fotos.

42 Kommentare auf "WordPress: Bildunterschriften für Beitragsbilder (Featureimages)"

Benachrichtige mich zu:
avatar
Sortiert nach:   neuste | älteste
perfect-seo.de
Gast

Ich sel­ber nut­ze aus den bekann­ten recht­li­chen Grün­den nur mei­ne eige­nen Fotos.
Eini­ge die­ser Die­se stel­le ich auch auf mei­nem Blog in der Kate­go­rie kos­ten­lo­se Fotos allen Blog­gern kos­ten­los zur Ver­wen­dung in Ihren Arti­kel zur Ver­fü­gung.

Von daher kommt für mich der Ein­satz eines sol­chen Plugin nicht in Betracht.

Kurz ein Off Topic Hin­weis

Du bin­dest mich auch bei: Twit­ter | Face­book | Goo­gle

Bin­den oder fin­den?

Grü­ße
Lothar

Perfect-seo.de
Gast

Hi Su,
Ich hof­fe es ist erwünscht da mal eine kri­ti­sche Anmer­kung zu machen.
Man muss die Bil­der dann auch so auf Grö­ße brin­gen das auch nicht LTE Sufer wo wie ich mit mei­ner 3000er Lei­tung auf dem Land nicht Minu­ten braucht bis sich die Bil­der öff­nen.

Z.B hat Dein Foto
Rezept: Vega­ne Gemü­se Reis Pfan­ne

5,8 MB = 5.848,71 KB
So ein Bild darf nicht grö­ßer sein als 50 KB.
Das kann­st Du Dei­nen Lesern nicht antun sol­che gro­ßen Bil­der zu blog­gen.

Ich war jetzt mal so frei und habe schnell einen Bei­trag geb­loggt in dem Du erfah­ren kann­st wie ich das mache das mei­ne Bil­der im nied­ri­gen KB Bereich lie­gen und nicht wie bei Dir im hohen MB Bereich.

http://www.av100.de/schnell-bilder-kleiner-machen-mb-auf-kb.php

Viel­leicht ist Dir und ande­ren das ja eine Hil­fe.

Grü­ße
Lothar

P.s jetzt edi­tie­re ich mal nach 🙂
Was ist das für ein Plugin?
Das will ich auch 🙂

@Horst
zum Info für Dich:
12 Minu­ten Spä­ter.
Ich kann immer noch den Kom­men­tar edi­tie­ren.

Broken Spirits
Gast

Schau Dir mal die­ses Plugin an: Kli­ck

Übri­gens wür­de ich mich nicht dar­auf ver­las­sen, daß die CC immer stimmt — ich weiß von aktu­ell 3 Blogs, daß sich die betref­fen­den Blog­ger etwas zu sehr dar­auf ver­las­sen haben. Und ich weiß, daß die ange­ge­be­ne Lizenz nicht stimmt — es sind mei­ne Fotos 😉

Broken Spirits
Gast

Ich mein­te die­ses CC-Prin­zip all­ge­mein. Die frag­li­chen Fotos lagen ursprüng­li­ch nicht bei Flickr — es gibt ähn­li­che Platt­for­men 😉
Das Pro­blem liegt jedoch auf der Hand: Du kann­st hoch­la­den, was Du will­st und Du kann­st drun­ter­schrei­ben, was Du will­st. War­um soll­te das bei Flickr anders sein? Inso­fern reicht es *nicht*, die Fotos aus Dei­nem Blog mit den Ori­gi­na­len auf Flickr abzu­glei­chen.

Es ist lei­der so, daß es User gibt, die sich die AGB nicht durch­le­sen, die sich mit frem­den Federn schmü­cken wol­len, die sich drü­ber ärgern, daß «die Web­sei­te mit dem tol­len Foto» Hot­lin­king ver­hin­dert und das Foto dar­auf­hin «befrei­en» und bei der Gele­gen­heit gleich ne CC ver­ge­ben usw. usf. 

Immer­hin kann ich Dich dahin­ge­hend beru­hi­gen, daß es recht gut funk­tio­nie­ren­de «Selbst­hei­lungs­kräf­te» gibt — sol­che User blei­ben meist nicht lan­ge. Trotz­dem: 100%ig «sicher» ist das nicht… 

kei­ne Ahnung, wie ich damit umge­he: Ich bin in den drei Fäl­len etwas hin-und her­ge­ris­sen: Einer­seits haben die drei ja in guten Glau­ben gehan­delt, ande­rer­seits wären es zwei Maus­klicks gewe­sen, die­se CC-Anga­ben zu über­prü­fen — also durch­aus zumut­bar (ich habe die Fotos ja auch recht ein­fach gefun­den 😉 )

Broken Spirits
Gast

Das Risi­ko kann­st Du wei­ter ver­rin­gern (pro Foto durch ca. 20 Sekun­den Mehr­auf­wand) und eine vor­be­rei­ten­de AddOn-Instal­la­ti­on im Brow­ser.
Im aktu­el­len Goo­gle Chro­me machst Du einen Rechtskli­ck auf das Bild und gehst auf «In Goo­gle suchen», für das AddOn nimmst Du eines, das EXIF-Daten anzeigt (ich bin auf Arbeit — ich hab das AddOn nicht griff­pa­rat, rei­che ich nach falls Du kei­nes fin­dest). Meist ist es so, daß beim Upload (oder durch den User) die EXIF-Daten ent­fernt wer­den. Wenn Du im frag­li­chen Foto kei­ne fin­dest und Goo­gle das glei­che Foto woan­ders mit EXIF-Daten fin­det, dann stimmt was nicht 😉

Wird aller­dings dadurch erschwert, das seit der neu­en Goo­gle-Bil­der­su­che immer mehr Leu­te dazu über­ge­hen, die Fotos von der Indi­zie­rung aus­zu­schlie­ßen. Aber: die Sei­ten, wo das Foto fal­sch dekla­riert dann noch zu fin­den ist, sind meist schon von der Auf­ma­chung her etwas dubios.

Elvis Benkovic
Gast

Hal­lo Hor­st, vie­len Dank für den Tipp.
Bis­her haben mir die Bil­der im Blog immer den Spaß am Ver­öf­fent­li­chen genom­men.
In Zei­ten der Abmah­nun­gen bin ich lie­ber vor­sich­ti­ger als ver­klagt.

Mit dem Plugin ist das wirk­li­ch ein Kin­der­spiel!
Dan­ke!

Gunslinger
Gast

Inter­es­san­ter Arti­kel. Da es (zumin­dest für mich) kei­ne Mög­lich­keit gibt, fea­tured Images mit Bild­un­ter­schrif­ten, und damit mit dem Copy­right, zu ver­se­hen, habe ich mich ent­schlos­sen, ein­fach dar­auf zu ver­zich­ten. Was natür­li­ch scha­de ist. Denn opti­sch macht so ein Vor­schau­bild­chen schon was her. Aber wie heißt es immer … wich­tig bei einem Blog ist der Con­tent 😉

Vanderelbe
Gast

Schö­ne Plug­ins stell­st du hier vor, Hor­st. Aller­dings nut­ze ich auf vanderelbe.de auch nur eige­ne Bil­der 😉
Da wird wohl auch der Trend hin­ge­hen, was Vor- und Nach­tei­le haben wird.
Was mich noch inter­es­sie­ren wür­de, ohne jetzt groß­ar­tig selbst zu recher­chie­ren, wie heißt dein Plugin für «Arti­kel, die dir viel­leicht auch gefal­len…» ?

Mich wür­den auch noch ande­re Lösung bezüg­li­ch der Aus­wahl und Ein­bin­dung von Bil­dern inter­es­sie­ren, also wer da was kennt.. immer her damit. Ich bin­de näm­li­ch auf ver­schie­de­ne Pro­jek­te regel­mä­ßig Bil­der ein und immer ver­peil ich die Beson­der­hei­ten der The­mes (Grö­ße, For­mat, Kom­pri­mie­rung), die ich für die Bil­der berück­sich­ti­gen muss. Naja, muss man wohl durch.

Gruß
Ste­fan

Thomas
Gast

Schö­ner Arti­kel mit einem sehr guten Tipp! Und gera­de jetzt sehr aktu­ell. 😉

Ich habe aber auf mei­nem Blog nun alle Stock­bil­der eli­mi­niert. OK, das jüngs­te Urteil mag noch nicht rechts­kräf­tig sein. Aber ich fin­de es schon erschre­cken, das gewis­se Anwäl­te so was hier im Land «ein­fach mal pro­bie­ren» kön­nen. Als Betrof­fe­ner steht man dann doch erst­mal doof da. 

Daher, in mei­nen Blog kom­men nur noch selbst erstell­te Bil­der und Gra­fi­ken!

Homepage erstellen lassen
Gast

Sehr gute Beschrei­bung, sowas habe ich für unse­re Kun­den gesucht. 

PS: Sei­te gefällt mir sehr gut 🙂 wei­ter so..

Vie­len Dank!

Maximilian Huhle
Gast
Maximilian Huhle

Sehr schö­ner Arti­kel und in mei­nem Fall auch sehr hilf­reich. Wei­ter so! Ich habe den Quell­text in mein The­me ein­ge­bun­den und dar­auf­hin steht anstel­le der Fea­tured Images die­se Feh­ler­mel­dung:

Noti­ce: Unde­fi­ned index: class in /mnt/web7/e3/69/5941469/htdocs/WordPress_08/wp-content/themes/newszone/functions.php on line 35 

In der functions.php wird die­se Zei­le ange­spro­chen:
$class = $attr[„class”];

Ich ver­mu­te dass die Klas­se nicht zuge­ord­net bzw. gefun­den wer­den kann, jedoch habe ich zu wenig php Kennt­nis­se um mir sicher zu sein. Des­halb wür­de ich um dei­ne Hil­fe bit­ten.

Dan­ke im Vor­raus und vie­le lie­be Grü­ße
Max

Oliver
Gast

Moin auch,

habe die Tool­box instal­liert und den Code ein­ge­fügt und dann in der Tool­box akti­viert. Lei­der funk­tio­niert es bei mir nicht, gibt es noch ande­re Lösun­gen ?

Vie­le Grü­ße
Oli­ver

Tanja
Gast

Hal­lo Hor­st,
habe euren Dis­kus­si­ons­strang durch­ge­le­sen und bin nun leicht beun­ru­higt. Ich nut­ze für mei­ne Fir­men­web­sei­te Bil­der von Foto­lia und das Copy­right ist mit­tels Mou­se­o­ver zu lesen. Da bin ich nun auch unsi­cher, ob das aus­reicht? In die Fir­men­web­sei­te ist auch ein Blog (eben­falls mit mou­se­o­ver) inte­griert, wo ich die Bei­trä­ge natür­li­ch im Soci­al Web tei­le.
Nun baue ich mir gera­de einen pri­va­ten Blog neu auf mit­tels word­press. Ich nut­ze das The­me Flo­ren­ce. Es gibt dort zwar auch die Mög­lich­keit, Cap­ti­ons, Tit­le oder Descrip­ti­ons für ein Bild ein­zu­fü­gen, aber es wird kei­ne Bild­un­ter­schrift ange­zeigt. Irgend­was funk­tio­niert da nicht. Eine Mou­se­o­ver funk­ti­on gibt es auch nicht. Nun kann ich den Blog nicht star­ten solan­ge ich das Copy­right der Bil­der nicht ange­ge­ben habe. Ich habe die Bei­trä­ge von Blog­ger samt BIl­der impor­tiert — dort waren Bild­un­ter­schrif­ten kein Pro­blem. Kann­st Du mal schau­en, hast Du eine idee für ein Plugin? Mit html ken­ne ich mich nicht so gut aus…ach so, die Bil­der vom pri­va­ten Blog habe ich von flickr mit CC Lizenz.

http://findingthehappiness.de/

Dan­ke!
Lie­be Grü­ße
Tan­ja

wpDiscuz
Suche