{"id":6,"date":"2012-07-16T00:00:00","date_gmt":"2012-07-16T00:00:00","guid":{"rendered":"https:\/\/empowernetwork.com\/alanbeagley\/facebook-thumbnails\/"},"modified":"2012-07-16T00:00:00","modified_gmt":"2012-07-16T00:00:00","slug":"facebook-thumbnails","status":"publish","type":"post","link":"https:\/\/empowernetwork.com\/alanbeagley\/facebook-thumbnails\/","title":{"rendered":"Facebook Thumbnails"},"content":{"rendered":"<h2>Has inserting images from your blog into your Facebook update got you running round like a headless chicken?<\/h2>\n<p><a href=\"\/almostasecret.php?id=alanbeagley\"><img loading=\"lazy\" decoding=\"async\" class=\"size-thumbnail wp-image-77 alignleft\" src=\"\/alanbeagley\/files\/2012\/07\/smiley-wordPress-150x150.jpg\" alt=\"Smiley WordPress Logo\" width=\"150\" height=\"150\"\/><\/a>So you\u2019ve spent time crafting a great blog article.<\/p>\n<p>You\u2019ve inserted a brilliant picture to illustrate a key point, liven things up and hopefully raise a smile.<\/p>\n<p>It all looks great.<\/p>\n<p>\u00a0<\/p>\n<p>Then you post it on FaceBook, and instead of your carefully chosen image, you get a default image or worse still, no image at all. You feel like you wasted your time!<\/p>\n<p>Here\u2019s 2 ways to overcome that.<\/p>\n<p style=\"padding-left: 30px\"><span style=\"color: #ff0000\"><strong>1. Whilst you are still working on your post in WordPress, choose one of the pictures in your post to use as the \u201cfeatured image\u201d.<\/strong><\/span><\/p>\n<p style=\"padding-left: 30px\"><span style=\"color: #ff0000\"><strong>2. When you are putting the post into your FaceBook Status update, select an picture from your computer.<\/strong><\/span><\/p>\n<p>Let\u2019s go through each of those step by step.<\/p>\n<h2>1. Choose featured image in WordPress<\/h2>\n<p><strong>When you are writing your post and inserting pictures, choose one to be the featured image.\u00a0<\/strong><\/p>\n<p>All you need to do is click the \u201cuse as featured image\u201d link when you are setting up the image details, just before you click \u201cinsert into post\u201d.<\/p>\n<p>I\u2019m going to insert the smiley wordpress logo you can see at the top of this post and set it as the featured image and show you the screen shot below \u2013 see the yellow highlight on the link at the bottom:<\/p>\n<div id=\"attachment_78\" class=\"wp-caption aligncenter\" style=\"width: 541px\"><a href=\"\/alanbeagley\/files\/2012\/07\/Image-insertion.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-78  \" src=\"\/alanbeagley\/files\/2012\/07\/Image-insertion.png\" alt=\"screen shot - see the higlighted\" width=\"531\" height=\"361\"\/><\/a><\/p>\n<p class=\"wp-caption-text\">Screen shot &#8211; see the highlighted link<\/p>\n<\/div>\n<p><span style=\"color: #ff0000\"><strong>NOTE<\/strong><\/span>: selecting the Thumbnail SIZE does NOT make the picture the <em>featured<\/em> image, even though what gets shown in\u00a0Facebook\u00a0gets referred to as a thumbnail!!!<\/p>\n<h3>What if I forget?<\/h3>\n<p>If,\u00a0<span style=\"line-height: 24px\">when you insert the picture into your post,\u00a0<\/span>you forget to click the \u201cuse as featured image\u201d link, you have two more options:<\/p>\n<ol>\n<li>Click on the picture in the editor \u2013 you will see two little icons appear in the top left; one is a little landscape icon, the other a delete image icon. \u00a0Click the landscape icon and you get the image editor box again \u2013 just click the \u201cuse as featured image\u201d link as above<\/li>\n<li>In the right hand column of your WordPress editor, below the categories and tags areas, you should see a Featured Image box. \u00a0Simply paste the URL of the image there (you will need to navigate to the image in your media gallery to get the URL)<\/li>\n<\/ol>\n<p>When you put the URL of your blog post into your FaceBook status update, it will a<span style=\"font-size: medium;line-height: 24px\">utomatically put the featured image you chose beside the blog title and link. \u00a0Here\u2019s one I made earlier for another post\u2026..<\/span><\/p>\n<div><\/div>\n<div><a href=\"\/alanbeagley\/files\/2012\/07\/facebook-screenshot.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-79\" src=\"\/alanbeagley\/files\/2012\/07\/facebook-screenshot.png\" alt=\"\" width=\"443\" height=\"348\"\/><\/a><\/div>\n<h2><\/h2>\n<h2>2. Add an image to your FaceBook update<\/h2>\n<p>Alternately, if your blog post doesn\u2019t have an image you want to use as \u201cfeatured\u201d, or you want to add a bigger, or different image (instead of the thumbnail) when you post your blog article as a FaceBook update, here\u2019s what to do:<\/p>\n<p>Publish your blog post and write your status update in Facebook, adding your link as normal. You can see below how the link pulls in the text \u2013 in this case there is no featured image:<\/p>\n<div id=\"attachment_80\" class=\"wp-caption aligncenter\" style=\"width: 529px\"><a href=\"\/alanbeagley\/files\/2012\/07\/facebook-screenshot-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-80\" src=\"\/alanbeagley\/files\/2012\/07\/facebook-screenshot-2.png\" alt=\"Screen shot - facebook status update\" width=\"519\" height=\"382\"\/><\/a><\/p>\n<p class=\"wp-caption-text\">Screen shot &#8211; facebook status update<\/p>\n<\/div>\n<p>Before you hit \u201cpost\u201d, click on the \u201cPhoto\u201d button as highlighted inthe screen shot above.<\/p>\n<p>It will look like your status update and link have disappeared, but they haven\u2019t! When you click on \u201cUpload Photo\/Video\u201d it will re-appear and you can navigate to any image you want that is stored on your computer using the \u201cchoose file\u201d button.<\/p>\n<p>You won\u2019t see the image appear until you click on \u201cpost\u201d \u2013 and then you get something like this, with the link in the text and the picture you chose filling the width of the status update:<\/p>\n<p><a href=\"\/alanbeagley\/files\/2012\/07\/headless-screenshot.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-81\" src=\"\/alanbeagley\/files\/2012\/07\/headless-screenshot.png\" alt=\"\" width=\"416\" height=\"511\"\/><\/a><\/p>\n<p>Great picture \u2013 eh? <img decoding=\"async\" src=\"http:\/\/www.empowernetwork.com\/alanbeagley\/wp-includes\/images\/smilies\/icon_wink.gif\" alt=\";-)\" class=\"wp-smiley\"\/> <\/p>\n<p>Whichever way you choose, adding images to your posts and updates adds colour &amp; texture and will undoubtedly boost the number of comments and likes you get \u2013 after all <em>A Picture Says A Thousand Words!<\/em><\/p>\n<p>Allthebest<\/p>\n<p><a href=\"\/alanbeagley\/files\/2012\/06\/mysignature2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-32\" src=\"\/alanbeagley\/files\/2012\/06\/mysignature2.png\" alt=\"Alan B Signature\" width=\"179\" height=\"107\"\/><\/a><\/p>\n<p>Alan B<\/p>\n<p>(PS: I confess \u2013 my wife is the one who writes these \u201cHow To\u201d posts, so Thank you Lesley!)<\/p>\n<p>\u00a0<\/p>\n<p>\u00a0<\/p>\n<p>\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Has inserting images from your blog into your Facebook update got you running round like a headless chicken? So you\u2019ve spent time crafting a great blog article. You\u2019ve inserted a brilliant picture to illustrate a key point, liven things up and hopefully raise a smile. It all looks great. \u00a0 Then you post it on [&hellip;]<\/p>\n","protected":false},"author":2505,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,14,4,6],"tags":[],"class_list":["post-6","post","type-post","status-publish","format-standard","hentry","category-empower-network","category-how-tos","category-internet-marketing","category-ten-ten-formula"],"_links":{"self":[{"href":"https:\/\/empowernetwork.com\/alanbeagley\/wp-json\/wp\/v2\/posts\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/empowernetwork.com\/alanbeagley\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/empowernetwork.com\/alanbeagley\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/empowernetwork.com\/alanbeagley\/wp-json\/wp\/v2\/users\/2505"}],"replies":[{"embeddable":true,"href":"https:\/\/empowernetwork.com\/alanbeagley\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":0,"href":"https:\/\/empowernetwork.com\/alanbeagley\/wp-json\/wp\/v2\/posts\/6\/revisions"}],"wp:attachment":[{"href":"https:\/\/empowernetwork.com\/alanbeagley\/wp-json\/wp\/v2\/media?parent=6"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/empowernetwork.com\/alanbeagley\/wp-json\/wp\/v2\/categories?post=6"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/empowernetwork.com\/alanbeagley\/wp-json\/wp\/v2\/tags?post=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}