To configure the Share links admin screen, you will need to login as an administrator of your wordpress system. Once logged into the admin screen of your wordpress, go to the ‘Settings’ menu and then the ‘Share and Follow’ menu item.
The Share options are at the Top of the screen (on the left if you are viewing in HD), in this section you can choose the settings of the automatically added links to all pages and posts. The settings you can configure here are
- If the automatically added links display at all. there is a radio button to turn them on and off
- The Style of the link is offered as a drop down list.
- The Size of icons to use as a drop down list (16, 24, 32, 48 and 60px)
- The spacing in PX between your links
- The links to display as a checkbox on/off
- If it should display the word ‘share’ as a prefix to the icon list as a checkbox.
- The text of the links to display as a text entry
Once you have changed it all to be how you want, click the update settings box.
important: this only manages the automatically added share links, not any other kind (i.e. widget or functions).
I’m trying to configure the Share Icons Setup but my options differ from the ones in the image above.
Mine shows:
Where to show them
Choose where on your site the icons will be automatically added
pages
posts
author pages
home page
tags, archive or catagory page
exclude these IDs :
exclude pages or posts by entering IDs as a comma seperated list. i.e. 1, 2, 3, 4 (ideal for About and Contact page)
If I hover the mouse over the options (i.e. pages, posts, author pages, etc) the cursor changes to indicate there’s a link there. But nothing happens when I click.
Are there supposed to be check boxes alongside these options? How do I make my selections?
So since I can’t make selections right now, I can’t get the icons to appear on my posts or pages.
Help!
Hey SheBear,
I think if you add this CSS to the “add your own CSS section” it will help loads
#sidebar ul.followwrap li a:hover, #content .entry ul.socialwrap li a:hover {background-position: center !important}kind regards
Andy
I found the problem – IE8. (Natch!)
On a hunch, I switched to Firefox to change the settings and it worked perfectly. (The checkboxes were visible on the Admin page.)
Hi there,
Thanks for a great plugin. I have a couple questions:
1. Is there a way to change the order in which the icons are displayed at the bottom of posts?
2. When I do a ‘view source’ on one of my pages, I see about 250 lines of share-and-follow CSS markup is displayed in the HEAD, rather than being called from a src file, and most of it isn’t relevant to my particular implementation of share-and-follow. Is this by design?
3. What’s the significance of the “use css: yes / no” options that appear in various places?
Thanks again,
Drew
Hey Drew
in answer
1. not at this time can you set the order. I am making version 2 do that
2. Change the “CSS and style Configuration” to yes and it will be as a CSS file not in the head. This is done on purpose for people who cache files as it is faster to load. It should be default be set to yes
3. It’s if you use an IMG tag (as it says) rather than image replacement. Image tags often come with additional CSS styling that people do not want and also sit on top of the line and not in the middle of it
Andy
3.
Also, clicking the print icon opens a blank tab – at least in Firefox. Am I doing something wrong?
Drew
p.s. not sure my first comment posted . . .
Drew,
Yep your right it is only doing that in FF, not in chrome oper IE etc… I’ll change it anyway
regards
Andy
Thanks for your replies, Andy.
RE: “2. Change the “CSS and style Configuration” to yes and it will be as a CSS file not in the head. ” –
When I do that, this appears at the top of the blog page:
Warning: fopen(/home/[username]/public_html/blog/wp-content/plugins/share-and-follow/css/stylesheet.css) [function.fopen]: failed to open stream: Permission denied in /home/[username]/public_html/blog/wp-content/plugins/share-and-follow/share-and-follow.php on line 271
Warning: fwrite(): supplied argument is not a valid stream resource in /home/[username]/public_html/blog/wp-content/plugins/share-and-follow/share-and-follow.php on line 274
Warning: fclose(): supplied argument is not a valid stream resource in /home/[username]/public_html/blog/wp-content/plugins/share-and-follow/share-and-follow.php on line 280
Warning: fopen(/home/[username]/public_html/blog/wp-content/plugins/share-and-follow/css/print.css) [function.fopen]: failed to open stream: Permission denied in /home/[username]/public_html/blog/wp-content/plugins/share-and-follow/share-and-follow.php on line 271
Warning: fwrite(): supplied argument is not a valid stream resource in /home/[username]/public_html/blog/wp-content/plugins/share-and-follow/share-and-follow.php on line 277
Warning: fclose(): supplied argument is not a valid stream resource in /home/[username]/public_html/blog/wp-content/plugins/share-and-follow/share-and-follow.php on line 280
[I've taken out the blog owner's username]
If I view the source, I can see that the stylesheet is called remotely rather than the markup being displayed in the head, as you said. It’s just that it inserts these warnings that I don’t understand at the top of the page.
Any ideas?
Hey Drew,
This is easy to resolve. All you need to do is change the permissions on the css file so it is completely read and write able. You can do this in two ways. Firstly you can be super-cool and use unix chmod 777 on the files in question, or if your like the rest of people you can use an FTP client to make the changes for you.
Myself I use Filezilla and so will give instructions for that.
- open filezilla and goto your site
- find the /wp-content/plugins/share-and-follow/ directory
- highlight the files stylesheet.css and print.css and them right click, and select properties
- Set the number in the box to be 777 and press ok
- try it again
regards
andy
Thanks, Andy.
That took care of it.
Is there a quick fix I can implement for the blank tab on PRINT in Firefox? I’m not a PHP expert, but I can certainly alter a bit of code somewhere, if you can direct me.
Ciao,
drew
I just implemented S&F. I have a question:
when the share icons appear after each post there is a bullet preceding each icon. I want to get rid of the bullet as it doesn’t look very good.
Hey IJ,
If you check the 4 box the one called “CSS and style Configuration ” there is a section called “added theme support” when you can select a theme to work with, try out Default/Kubric and let me know if that does not sort you out. if is it not perfect let me know and send me your webaddress so I can check it out.
regards
Andy
Hi,
How do I exclude pages when I don’t use ID but names like: http://www.website.com/contact?
Thank and regards, Jeroen
Jeroen
All you need to do to find out the ID of a page is to mouse over the link in the Admin screen and it will tell you the ID. I’m gonna change this part of the plugin soon to be more flexible with a check box on the post/page edit screen.
regards
andy
Hi, I’ve tried this and it doesn’t state the ID. Got the latest DE-Version of WordPress running. Guess I will wait for the update. It just says “Editing Article….”.
By the way: I love the plugin (thanks for that) but is it trying to track me via Google Analytics?
Best regards,
Günther
Sorry Gunther, maybe I want not descriptive enough. When you mouse over the link to the page on the Posts –> Posts page (Berichten –> Berichten in dutch so maybe similar in German) you will see at the bottom of your screen where it displays where this link destination is, that you will get a URL like
/wp-admin/post.php?post=1234
where 1234 is the ID of the post.
It will work much the same on pages.
regards
andy
Hello. I have been experiencing the same issue as Jeroen and Gunther. Instead of having an ID available that I can exclude, I have permalinks built into my webpage so it just uses the words I designate. Is the only I can do at this point wait for the Share and Follow update so I can exclude pages without an ID or post number? Thanks.
There is no problem here to be honest, the ID’s are easy to find. You don’t have to wait for me to make changes to the application to make this work. You just need to understand how WordPress works to be able to get the ID’s.
It does not matter if you are using permalinks or ID’s to reference your pages the ID is easy to get.
All you need to do is (using your contact form as the example)
1. click on pages on the left menu of the admin page of wordpress
2. on the new screen find the contact form item
3. mouse over it, so that the sub menu for that page is showing and read the URL that gets put in the bottom of the screen
4. In the url it will say ?post=NUMBER
5. Whatever that NUMBER is, that is the ID
regards
andy
Thanks for the reply, Andy. User issue on my end – I had the Internet status bar hidden so I couldn’t see the post number like you mentioned. All fixed now. Great plugin, by the way!
Hi Andy,
I’m really liking the look of your plugin on our site. I’ve got two items:
1. Is there any way of setting the print button to only print the post or page, not including the sidebars/widget areas or anything else? I have the Page Print Support set to Yes. Unfortunately, I don’t know enough about CSS to know what settings do what in there.
2. I noticed that my blog, http://eolist.com, shows a “Done, but with errors on page.” note at the bottom of IE8. The details are:
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; WOW64; Trident/4.0; GTB6.6; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.30729; .NET CLR 3.0.30729; OfficeLiveConnector.1.5; OfficeLivePatch.1.3; .NET4.0C)
Timestamp: Sat, 4 Dec 2010 17:52:20 UTC
Message: Access is denied.
Line: 4
Char: 1
Code: 0
URI: http://www.share-and-follow.com/stats/stats.js
Thanks,
John
Hey John,
in for the first question (or statement, depending on how you look at things), the answer is easy for you, just add this to the list of items that are not shown. Make sure you include the fullstop.
.sidebarIf your reading this on an email you do not need the code bit, it’s done to make it a little more obvious. if that does not work perfectly, add this to your print “add your own css” section
.sidebar {display:none;}For your 2nd question, I will definitly look into this, I did not see on my testing before, but that does not always mean the same as what you are seeing as there are sometimes revision differences. Either way you are suffering and I need to fix it. Thanks for the head’s up.
regards
andy
Thanks Andy,
That did get rid of the sidebars. The error message does not seem to be causing any problems, its just a visual issue at the moment (in the lower left corner of the IE Status Bar).
Thanks,
John
If you’re using S&F without any icons (text only links), how can I adjust the vertical space between the links (assuming they’re laid out vertically — “down” and not “across” a row). I tried to use a div tag inside [share_link] tag and setting the line-height and padding options, but that didn’t really help.
John,
if you are using the share links from the admin screen then
ul.socialwrap li.text_only {padding-bottom:20px}
where 20px is the spacing at the bottom. It’s best to put this in the “add your own css section”
regards
andy
Hi,
I’ve grown really frustrated trying to upload my logo/icon to be used by Facebook, etc. No matter what I try it doesn’t work, I merely see a blank screen when I click on the FB icon to share. Can you give clear instructions as I obviously can’t understand the steps you’ve listed this section. I was not happy with the Gravatar site, so I don’t want to go that route.
Thank you
COA
Hello again,
It appears it is now using the Gravatar image I didn’t want to use, despite deleting it. I would like to remove it, and use this link instead: http://www.cultureofabuse.com/media_icon.jpg
Sorry for the confusion.
Hello COA
if you watch the video it give clear instructions.
I expect you are suffering from Facebook caching your images, where it will keep the share image for up to 24hrs.
your current image is set to
http://www.cultureofabuse.com/media_icon.jpg
if you share on linked in apparently it gets your share image a fresh each time.
I see. Thank you so much. Interestingly, the photo I’ve used for years for my personal acoont has suddenly disappeared as well, so it might be a Facebook glitch I’m experiencing in general.
Thanks again.
Hi, I was wondering in our website, the facebook like button and tweet button comes up on top right of the blog.. I was wondering if there was some way to move it because it looks funny right now. like can it be on top but not in the text? is there a way to wrap it? Thanks.
Karla
how many times do I have to ask you to use the support forum for support questions??? this is at least the 3rd time. *USE THE SUPPORT FORUM* http://share-and-follow.com/support/
Hello
I would like to write my own text for the facebook share, rather than just picking up whats on the post. Is this possible
Thanks Tim
depends what you mean tim. Facebook picks up the Description and Title from the HEAD section so you just need to edit that. if not then you can change the link text or popup text to be whatever you like. It’s all in the admin screen. maybe try watching the video
Andy, have you ever resolved the access problem in IE? i.e.
Access is denied.Line http://www.share-and-follow.com/stats/stats.js
Thanks
yep. comming in the next relase
appologies for the time to release taken. been really busy
Hi,
How do I make the share buttons line up horizontally across my page rather than vertically down my page?
Thanks!!
Matt
Matt
The only reason it will be vertical is if you have not got the CSS loading correctly. Try changing the “CSS Style and Configuration” first radio button to NO so it loads the CSS in the head section. If this does not work make sure that you have wp_head() in the header.php of your theme
regards
Andy