{"id":637,"date":"2010-09-01T11:25:10","date_gmt":"2010-09-01T10:25:10","guid":{"rendered":"http:\/\/blog.nethosted.co.uk\/?p=637"},"modified":"2010-08-27T14:27:38","modified_gmt":"2010-08-27T13:27:38","slug":"how-to-add-large-social-media-icons-to-your-wordpress-blog-using-sociable","status":"publish","type":"post","link":"https:\/\/www.nethosted.co.uk\/blog\/uk-web-hosting\/how-to-add-large-social-media-icons-to-your-wordpress-blog-using-sociable","title":{"rendered":"How to add Large Social Media Icons to your WordPress Blog Using Sociable"},"content":{"rendered":"<p>Sociable is a useful program that enables you to add links and icons of your favorite social networking sites to your WordPress blog and RSS feed.\u00a0 This enables your readers to share any of your WordPress articles with any of the social networking sites you choose.\u00a0 Normally, whenever you add icons to your site, they appear tiny like below:<br \/>&nbsp;<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-638\" title=\"sociable default icons\" src=\"https:\/\/www.nethosted.co.uk\/blog\/wp-content\/uploads\/2010\/08\/sociabledefault.jpg\" alt=\"sociable default icons\" width=\"144\" height=\"50\" \/><br \/>&nbsp;<br \/>\nWith icons so small, it is sometimes difficult to click on the right one, causing your readers to give up easily.\u00a0 Those who have a difficult time reading small sized print may also give up.\u00a0\u00a0 This does not necessarily need to happen, changing the size of the icon is simple and easy!<!--more-->\u00a0\u00a0 The first thing you need to do to make your icons a larger size is edit the Sociable .css file.\u00a0 Once you open this file, you will be given the option to change the height and width of your icons.\u00a0 An example of this is shown below:<\/p>\n<pre><font size=\"3\">\u00a0.sociable img {\r\nfloat: none;\r\nwidth: 48px;\r\nheight: 48px;\r\nborder: 0;\r\nmargin: 0;\r\npadding: 0;\r\n}<\/font><\/pre>\n<p>You may need to change the numbers to create the size of icons that you prefer.\u00a0 You can experiment by making the numbers larger or smaller depending on your needs.\u00a0 Be sure to preview your work to ensure it suits the needs of your WordPress blog.\u00a0 It is also important to ensure that you just change the sections for the width and height and nothing else in order to keep the icons looking their best.\u00a0 Once you have updated and saved the changes, you will need to reload your blog.\u00a0 Once you do this, you will see the new, larger sized social media icons:<br \/>&nbsp;<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-639\" title=\"sociable big icons\" src=\"https:\/\/www.nethosted.co.uk\/blog\/wp-content\/uploads\/2010\/08\/sociablebig.jpg\" alt=\"sociable big icons\" width=\"562\" height=\"106\" srcset=\"https:\/\/www.nethosted.co.uk\/blog\/wp-content\/uploads\/2010\/08\/sociablebig.jpg 562w, https:\/\/www.nethosted.co.uk\/blog\/wp-content\/uploads\/2010\/08\/sociablebig-300x56.jpg 300w\" sizes=\"(max-width: 562px) 100vw, 562px\" \/><br \/>\nOnce the larger social media icons have been added to your blog, readers will be able to share your posts with their own network of social friends simply and with ease.\u00a0 Their eye will be drawn to the large icons and they can clearly click on the social network of choice, add their usernames when prompted, and automatically share your blog entry on their site within the matter of seconds.\u00a0 The formatting of these icons coincides nicely with your WordPress blog, allowing for large icons to appear that are easy to display, navigate and use.<\/p>\n<p>Overall, Sociable is a fascinating tool that you can use for your WordPress blog.\u00a0 It automatically comes with small-sized icons.\u00a0 These icons are okay for some, but many blog owners find that the larger icons generate a greater response.\u00a0 Luckily, Sociable is fully customizable and can meet the needs of any blog owner.\u00a0 This means that the larger icons can be created in the matter of seconds just by following the directions above.\u00a0 When you insert these big icons onto your blogs, you will generate more traffic to your site and help you increase readership.\u00a0 This takes very little effort and can really add to your WordPress blog!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sociable is a useful program that enables you to add links and icons of your favorite social networking sites to your WordPress blog and RSS feed.\u00a0 This enables your readers to share any of your WordPress articles with any of the social networking sites you choose.\u00a0 Normally, whenever you add icons to your site, they [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[138,8],"tags":[157,158,159,156,155],"aioseo_notices":[],"views":4594,"_links":{"self":[{"href":"https:\/\/www.nethosted.co.uk\/blog\/wp-json\/wp\/v2\/posts\/637"}],"collection":[{"href":"https:\/\/www.nethosted.co.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nethosted.co.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nethosted.co.uk\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nethosted.co.uk\/blog\/wp-json\/wp\/v2\/comments?post=637"}],"version-history":[{"count":15,"href":"https:\/\/www.nethosted.co.uk\/blog\/wp-json\/wp\/v2\/posts\/637\/revisions"}],"predecessor-version":[{"id":654,"href":"https:\/\/www.nethosted.co.uk\/blog\/wp-json\/wp\/v2\/posts\/637\/revisions\/654"}],"wp:attachment":[{"href":"https:\/\/www.nethosted.co.uk\/blog\/wp-json\/wp\/v2\/media?parent=637"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nethosted.co.uk\/blog\/wp-json\/wp\/v2\/categories?post=637"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nethosted.co.uk\/blog\/wp-json\/wp\/v2\/tags?post=637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}