{"id":222,"date":"2017-02-17T17:48:42","date_gmt":"2017-02-17T16:48:42","guid":{"rendered":"http:\/\/evileu.de\/zum-schwarzen-pinguin\/?p=222"},"modified":"2017-02-18T12:45:23","modified_gmt":"2017-02-18T11:45:23","slug":"bildausgabe-noch-ein-paar-spielereien","status":"publish","type":"post","link":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/2017\/02\/17\/bildausgabe-noch-ein-paar-spielereien\/","title":{"rendered":"Bildausgabe: noch ein paar Spielereien"},"content":{"rendered":"<h2>Das selbe nochmal mit Vorschaubildern<\/h2>\n<p>Also gut, meine Bildausgabe sah zugegeben nicht besonders ordentlich aus, weil die Bildformate im Inselfisch-Kochbuch so h\u00f6llisch unterschiedlich sind. Dann nehmen wir halt in Gottes Namen mal die quadratischen Vorschaubilder. Und die Beschriftungen und Beschreibungen lassen wir ganz weg, weil da eh nichts Gescheits drinsteht. So besser?<\/p>\n<div id=\"attachment_223\" style=\"width: 871px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-223\" decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-223\" src=\"http:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/02\/join_mit_thumbnails.jpg\" alt=\"join_mit_thumbnails\" width=\"861\" height=\"615\" srcset=\"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/02\/join_mit_thumbnails.jpg 861w, https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/02\/join_mit_thumbnails-300x214.jpg 300w, https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/02\/join_mit_thumbnails-768x549.jpg 768w, https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/02\/join_mit_thumbnails-624x446.jpg 624w\" sizes=\"(max-width: 861px) 100vw, 861px\" \/><p id=\"caption-attachment-223\" class=\"wp-caption-text\">join_mit_thumbnails<\/p><\/div>\n<p>Was hab ich gemacht? Mir das quadratische Vorschaubild mit der Funktion <em>wp_get_attachment_thumb_url($att_id)<\/em><br \/>\ngeholt. Davor mu\u00df man allerdings den Select erweitern und sich noch die ID des Bild-Datensatzes f\u00fcr die Funktion mit dazunehmen, ich hab das mal so gemacht:<\/p>\n<p><em>SELECT wp_posts.ID as &#8218;BildID&#8216;,&#8230;<\/em><\/p>\n<p>Der Rest des Select bleibt absolut gleich. Die foreach-Schleife sieht jetzt so aus:<\/p>\n<div id=\"attachment_224\" style=\"width: 680px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-224\" decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-224\" src=\"http:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/02\/bild_ausgabe_thumb.jpg\" alt=\"bild_ausgabe_thumb\" width=\"670\" height=\"294\" srcset=\"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/02\/bild_ausgabe_thumb.jpg 670w, https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/02\/bild_ausgabe_thumb-300x132.jpg 300w, https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/02\/bild_ausgabe_thumb-624x274.jpg 624w\" sizes=\"(max-width: 670px) 100vw, 670px\" \/><p id=\"caption-attachment-224\" class=\"wp-caption-text\">bild_ausgabe_thumb<\/p><\/div>\n<p>Die echos f\u00fcr die jetzt \u00fcberfl\u00fcssigen Felder sind rausgeflogen, und in den img src-Tag kommt jetzt eben die URL des Thumbnails und nicht die des Originalbildes. Ausserdem habe ich die width-Angabe rausgenommen, weil die Thumbnails in meinem Theme eh blo\u00df 150x150px gro\u00df sind.<\/p>\n<p>Jetzt noch ein paar Anpassungen in der style.css, die height f\u00fcr evisdiv auf auto gesetzt, das Orange im Background rausgenommen und den border radius rausgeschmissen. Jetzt kann echt keiner mehr meckern:<\/p>\n<div id=\"attachment_228\" style=\"width: 772px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-228\" decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-228\" src=\"http:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/02\/inner_join_ergebnis_style.jpg\" alt=\"inner_join_ergebnis_style\" width=\"762\" height=\"562\" srcset=\"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/02\/inner_join_ergebnis_style.jpg 762w, https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/02\/inner_join_ergebnis_style-300x221.jpg 300w, https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2017\/02\/inner_join_ergebnis_style-624x460.jpg 624w\" sizes=\"(max-width: 762px) 100vw, 762px\" \/><p id=\"caption-attachment-228\" class=\"wp-caption-text\">inner_join_ergebnis_style<\/p><\/div>\n<p>Es sieht jetzt wirklich auf den ersten Blick ordentlicher aus, aber die abgeschnittenen Bilder finde ich nach wie vor nicht sch\u00f6n. Na ja, wer&#8217;s mag&#8230;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Das selbe nochmal mit Vorschaubildern Also gut, meine Bildausgabe sah zugegeben nicht besonders ordentlich aus, weil die Bildformate im Inselfisch-Kochbuch so h\u00f6llisch unterschiedlich sind. Dann nehmen wir halt in Gottes Namen mal die quadratischen Vorschaubilder. Und die Beschriftungen und Beschreibungen lassen wir ganz weg, weil da eh nichts Gescheits drinsteht. So besser? Was hab ich [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[9,10,11,7,4,2],"tags":[],"_links":{"self":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/222"}],"collection":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/comments?post=222"}],"version-history":[{"count":3,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/222\/revisions"}],"predecessor-version":[{"id":229,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/222\/revisions\/229"}],"wp:attachment":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/media?parent=222"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/categories?post=222"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/tags?post=222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}