{"id":256,"date":"2014-11-29T14:36:23","date_gmt":"2014-11-29T14:36:23","guid":{"rendered":"http:\/\/blog.soton.ac.uk\/mang2049\/?p=256"},"modified":"2014-11-29T18:41:25","modified_gmt":"2014-11-29T18:41:25","slug":"using-images-blogposts","status":"publish","type":"post","link":"https:\/\/blog.soton.ac.uk\/mang2049\/2014\/11\/29\/using-images-blogposts\/","title":{"rendered":"Using images in blogposts"},"content":{"rendered":"<figure id=\"attachment_122\" class=\"wp-caption aligncenter\" style=\"width: 300px\"><a class=\"cboxElement\" href=\"http:\/\/blog.soton.ac.uk\/uosm2033\/files\/2014\/10\/photopin.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122 size-medium\" src=\"http:\/\/blog.soton.ac.uk\/uosm2033\/files\/2014\/10\/photopin-300x195.jpg\" alt=\"photopin\" width=\"300\" height=\"195\" \/><\/a><figcaption class=\"wp-caption-text\">Screenshot of the landing page for the website <a href=\"http:\/\/photopin.com\/\" target=\"_blank\">Photopin<\/a><\/figcaption><\/figure>\n<p>Services such as <a title=\"Photopin\" href=\"http:\/\/photopin.com\" target=\"_blank\">Photopin<\/a> allow you to search for photos that can be used freely, but even then, in most cases you are required to attribute the image to the author in your blog post where you use it. Once you find the image that you like on Photopin, when you go to download it, the code for attribution appears.<\/p>\n<p style=\"text-align: center\"><a class=\"cboxElement\" href=\"http:\/\/blog.soton.ac.uk\/uosm2033\/files\/2014\/10\/photopin_digNatives.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-121\" src=\"http:\/\/blog.soton.ac.uk\/uosm2033\/files\/2014\/10\/photopin_digNatives-300x215.jpg\" alt=\"photopin_digNatives\" width=\"300\" height=\"215\" \/><\/a><\/p>\n<p>Copy this and paste it with the image. If you click through to the image source, and it takes you to the page for the photo on, say, <a href=\"https:\/\/www.flickr.com\/photos\/intelfreepress\/8433147083\/\" target=\"_blank\">flickr<\/a>, you can see the license the author published it under<\/p>\n<figure id=\"attachment_120\" class=\"wp-caption aligncenter\" style=\"width: 300px\"><a class=\"cboxElement\" href=\"http:\/\/blog.soton.ac.uk\/uosm2033\/files\/2014\/10\/photopin_digNatives_flicker.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-120 size-medium\" src=\"http:\/\/blog.soton.ac.uk\/uosm2033\/files\/2014\/10\/photopin_digNatives_flicker-300x204.jpg\" alt=\"photopin_digNatives_flicker\" width=\"300\" height=\"204\" \/><\/a><figcaption class=\"wp-caption-text\">photo credit: <a href=\"https:\/\/www.flickr.com\/photos\/intelfreepress\/8433147083\/\">IntelFreePress<\/a> via <a href=\"http:\/\/photopin.com\">photopin<\/a> <a href=\"http:\/\/creativecommons.org\/licenses\/by-sa\/2.0\/\">cc<\/a><\/figcaption><\/figure>\n<p>with an explanation of what each license requires you to do.<\/p>\n<figure id=\"attachment_119\" class=\"wp-caption aligncenter\" style=\"width: 300px\"><a class=\"cboxElement\" href=\"http:\/\/blog.soton.ac.uk\/uosm2033\/files\/2014\/10\/cc_shareAlike.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-119 size-medium\" src=\"http:\/\/blog.soton.ac.uk\/uosm2033\/files\/2014\/10\/cc_shareAlike-300x290.jpg\" alt=\"cc_shareAlike\" width=\"300\" height=\"290\" \/><\/a><figcaption class=\"wp-caption-text\">Screenshot of the Attribution-ShareAlike <a href=\"https:\/\/www.flickr.com\/creativecommons\/\">creative commons license from the flickr website<\/a><\/figcaption><\/figure>\n<p>You should always credit the source of your image regardless of the requirement.<\/p>\n<p>Another useful service is <a href=\"http:\/\/thenounproject.com\/\" target=\"_blank\">The Noun Project<\/a>.<\/p>\n<figure id=\"attachment_123\" class=\"wp-caption alignnone\" style=\"width: 300px\"><a class=\"cboxElement\" href=\"http:\/\/blog.soton.ac.uk\/uosm2033\/files\/2014\/10\/noun_project.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-123 size-medium\" src=\"http:\/\/blog.soton.ac.uk\/uosm2033\/files\/2014\/10\/noun_project-300x213.jpg\" alt=\"noun_project\" width=\"300\" height=\"213\" \/><\/a><figcaption class=\"wp-caption-text\">Screenshot of the icon search function on the Noun Project website<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>You have to sign up for a free <a href=\"http:\/\/thenounproject.com\/pricing\/\" target=\"_blank\">playground account<\/a> and can then download and use icons in your blog which are in the public domain or attribute ones that require it.<\/p>\n<figure id=\"attachment_124\" class=\"wp-caption alignnone\" style=\"width: 300px\"><a class=\"cboxElement\" href=\"http:\/\/blog.soton.ac.uk\/uosm2033\/files\/2014\/10\/noun_project_cc.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-124 size-medium\" src=\"http:\/\/blog.soton.ac.uk\/uosm2033\/files\/2014\/10\/noun_project_cc-300x206.jpg\" alt=\"noun_project_cc\" width=\"300\" height=\"206\" \/><\/a><figcaption class=\"wp-caption-text\">\u2018Official\u2019 confirmation that you will attribute the icon to the designer on The Noun Project<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>A nice example of how these can be used effectively can be found on the <a href=\"http:\/\/www.hackeducation.com\/\" target=\"_blank\">Hack Education blog<\/a>. While you\u2019re there, check out how the author adds a license to her posts as well, this might be something to look into at a later date.<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>Screenshot of the landing page for the website Photopin Services such as Photopin allow you to search for photos that can be used freely, but even then, in most cases you are required to attribute the image to the author in your blog post where you use it. Once you find the image that you like on Photopin, when you &#8230;<!-- AddThis Advanced Settings generic via filter on wp_trim_excerpt --><!-- AddThis Share Buttons generic via filter on wp_trim_excerpt --><\/p>\n","protected":false},"author":79898,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[1034090],"tags":[4671],"class_list":["post-256","post","type-post","status-publish","format-standard","hentry","category-important-announcements-2014","tag-mang2049","column","threecol"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/blog.soton.ac.uk\/mang2049\/wp-json\/wp\/v2\/posts\/256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.soton.ac.uk\/mang2049\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.soton.ac.uk\/mang2049\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/mang2049\/wp-json\/wp\/v2\/users\/79898"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/mang2049\/wp-json\/wp\/v2\/comments?post=256"}],"version-history":[{"count":3,"href":"https:\/\/blog.soton.ac.uk\/mang2049\/wp-json\/wp\/v2\/posts\/256\/revisions"}],"predecessor-version":[{"id":263,"href":"https:\/\/blog.soton.ac.uk\/mang2049\/wp-json\/wp\/v2\/posts\/256\/revisions\/263"}],"wp:attachment":[{"href":"https:\/\/blog.soton.ac.uk\/mang2049\/wp-json\/wp\/v2\/media?parent=256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/mang2049\/wp-json\/wp\/v2\/categories?post=256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/mang2049\/wp-json\/wp\/v2\/tags?post=256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}