{"id":961,"date":"2010-11-11T09:22:13","date_gmt":"2010-11-11T08:22:13","guid":{"rendered":"http:\/\/hjacob.com\/blog\/?p=961"},"modified":"2016-12-12T17:03:08","modified_gmt":"2016-12-12T16:03:08","slug":"teaser-grafiken-bei-wordpress-2-x","status":"publish","type":"post","link":"https:\/\/hjacob.com\/blog\/teaser-grafiken-bei-wordpress-2-x\/","title":{"rendered":"Teaser Grafiken bei WordPress 2.x"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2010\/11\/facebook-link-150x106.png\" alt=\"facebook-link\" title=\"facebook-link\" width=\"150\" height=\"106\" class=\"floatright size-thumbnail wp-image-962\" srcset=\"https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2010\/11\/facebook-link-150x106.png 150w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2010\/11\/facebook-link-275x195.png 275w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2010\/11\/facebook-link.png 439w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>Seitdem Blog Artikel immer mehr in den sozialen Netzwerken und anderen Portalen verlinkt werden, haben sich zwei &#8222;neue&#8220; META Angaben durchgesetzt. Da w\u00e4re zum einen der <link rel=\"image_src\"> Tag und der Open Graph Image Vermerk. Mit diesen beiden Angaben kann der Webmaster bzw. Autor bestimmen, welches Bild angezeigt wird, wenn der Artikel bei einer Plattform gepostet wird (allen voran Facebook!).<\/p>\n<p>Codetechnisch sind die beiden sehr simpel zu integrieren, einfach im HEAD Bereich folgendes einf\u00fcgen:<\/p>\n<p>[sourcecode language=&#8220;html&#8220;]<link rel=\"image_src\" href=\"URL\"><\/link>[\/sourcecode]<br \/>\n[sourcecode language=&#8220;html&#8220;]<meta property=\"og:image\" content=\"URL\"\/>[\/sourcecode]<\/p>\n<p>Um diese Funktionalit\u00e4t seinem WordPress Blog beizubringen, gibt es zum Beispiel das <a href=\"http:\/\/wordpress.org\/extend\/plugins\/fetenweb-image-src-metatag\/\" rel=\"external\">&#8222;FetenWeb image_src Metatag&#8220; Plugin<\/a>. Dieses schaut, ob eine Teaser Grafik hinterlegt wurde (WP 3.0) bzw. nach der der ersten verwendeten Grafik innerhalb des Artikels und setzt dann f\u00fcr diese Grafik die entsprechenden Tags. Sollte ein Artikel weder eine Teaser Grafik noch ein Bild innerhalb des Artikels haben, wird ein Standardwert verwendet &#8211; wo sich zum Beispiel ein Screenshot der Website selbst anbietet.<\/p>\n<p>Dieses ist kompatibel mit WordPress 3.0 oder h\u00f6her. Mit einem kleinen Kniff bekommt man das aber auch in WP 2.x zum laufen &#8211; die Zeile 34 einfach mit folgendem Schnippsel ersetzen:<\/p>\n<p>[sourcecode language=&#8220;php&#8220;]if (function_exists(&#8222;has_post_thumbnail&#8220;) &amp;&amp; has_post_thumbnail($post->ID)) {[\/sourcecode]<\/p>\n<p>Wer dann noch den Open Graph Tag eingebauen m\u00f6chte, kann das in Zeile 58 machen und zwar mit:<\/p>\n<p>[sourcecode language=&#8220;php&#8220;]echo &#8218;<meta property=\"og:image\" content=\"' . esc_attr($image) . '\"\/>&#8218;;[\/sourcecode]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Eine kleine Anleitung wie man Wordpress beibringt Vorschaubilder f\u00fcr das Sharing in Social Networks zu integrieren.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[55,36,13,5],"tags":[306,365],"_links":{"self":[{"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/posts\/961"}],"collection":[{"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/comments?post=961"}],"version-history":[{"count":4,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/posts\/961\/revisions"}],"predecessor-version":[{"id":1370,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/posts\/961\/revisions\/1370"}],"wp:attachment":[{"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/media?parent=961"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/categories?post=961"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/tags?post=961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}