{"id":89,"date":"2014-05-14T11:54:02","date_gmt":"2014-05-14T10:54:02","guid":{"rendered":"http:\/\/blogs.iriss.org.uk\/viewsource\/?p=89"},"modified":"2014-05-14T11:56:04","modified_gmt":"2014-05-14T10:56:04","slug":"a-drupal-recipe-for-twitter-cards","status":"publish","type":"post","link":"https:\/\/blogs.iriss.org.uk\/viewsource\/2014\/05\/14\/a-drupal-recipe-for-twitter-cards\/","title":{"rendered":"A Drupal recipe for Twitter Cards"},"content":{"rendered":"<p>We recently launched <a href=\"http:\/\/cq.iriss.org.uk\">Creative Quarter<\/a>. Looking to increase sharing on Twitter &amp; Facebook we decided to add <a href=\"https:\/\/dev.twitter.com\/docs\/cards\">Twitter Card<\/a> &amp; <a href=\"https:\/\/developers.facebook.com\/docs\/opengraph\/overview\/\">Facebook open graph<\/a> support. These allow a site owner to define what is presented in a preview on each of these networks.<\/p>\n<figure id=\"attachment_93\" aria-describedby=\"caption-attachment-93\" style=\"width: 421px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-93\" src=\"https:\/\/blogs.iriss.org.uk\/viewsource\/files\/2014\/05\/web_summary_0.png\" alt=\"a twitter card preview\" width=\"421\" height=\"327\" srcset=\"https:\/\/blogs.iriss.org.uk\/viewsource\/files\/2014\/05\/web_summary_0.png 421w, https:\/\/blogs.iriss.org.uk\/viewsource\/files\/2014\/05\/web_summary_0-300x233.png 300w\" sizes=\"(max-width: 421px) 100vw, 421px\" \/><figcaption id=\"caption-attachment-93\" class=\"wp-caption-text\">a twitter card preview<\/figcaption><\/figure>\n<p>Creative Quarter is built with <a href=\"https:\/\/drupal.org\/\">Drupal 7<\/a> which along with it&#8217;s eco-system of modules &amp; support is very good so it was just a case of picking a few good modules and setting them up, which was a few hours work.<\/p>\n<ul>\n<li><a href=\"https:\/\/drupal.org\/project\/metatag\">https:\/\/drupal.org\/project\/metatag<\/a><\/li>\n<li><a href=\"https:\/\/drupal.org\/project\/custom_formatters\">https:\/\/drupal.org\/project\/custom_formatters<\/a><\/li>\n<li><a href=\"https:\/\/drupal.org\/project\/imagecache_token\">https:\/\/drupal.org\/project\/imagecache_token<\/a> &#8211; <a href=\"https:\/\/drupal.org\/node\/2064275\">with patch<\/a><\/li>\n<li><a href=\"https:\/\/drupal.org\/project\/transliteration\">https:\/\/drupal.org\/project\/transliteration<\/a> &#8211; catch &amp; correct odd named files<\/li>\n<li><a href=\"https:\/\/drupal.org\/project\/imageinfo_cache\">https:\/\/drupal.org\/project\/imageinfo_cache<\/a> &#8211; this one is not essential but good if your generating lots of image styles<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>We recently launched Creative Quarter. Looking to increase sharing on Twitter &amp; Facebook we decided to add Twitter Card &amp; Facebook open graph support. These allow a site owner to define what is presented in a preview on each of these networks. Creative Quarter is built with Drupal 7 which along with it&#8217;s eco-system of &hellip; <a href=\"https:\/\/blogs.iriss.org.uk\/viewsource\/2014\/05\/14\/a-drupal-recipe-for-twitter-cards\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">A Drupal recipe for Twitter Cards<\/span><\/a><\/p>\n","protected":false},"author":45,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":""},"categories":[2872,4422],"tags":[],"_links":{"self":[{"href":"https:\/\/blogs.iriss.org.uk\/viewsource\/wp-json\/wp\/v2\/posts\/89"}],"collection":[{"href":"https:\/\/blogs.iriss.org.uk\/viewsource\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.iriss.org.uk\/viewsource\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.iriss.org.uk\/viewsource\/wp-json\/wp\/v2\/users\/45"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.iriss.org.uk\/viewsource\/wp-json\/wp\/v2\/comments?post=89"}],"version-history":[{"count":0,"href":"https:\/\/blogs.iriss.org.uk\/viewsource\/wp-json\/wp\/v2\/posts\/89\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogs.iriss.org.uk\/viewsource\/wp-json\/wp\/v2\/media?parent=89"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.iriss.org.uk\/viewsource\/wp-json\/wp\/v2\/categories?post=89"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.iriss.org.uk\/viewsource\/wp-json\/wp\/v2\/tags?post=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}