-
AuthorPosts
-
September 27, 2012 at 8:50 am #4682
Domain-Cheap.com
GuestGreat Plugin, We are having an issue though. We can use WP Socializer no problem on Posts, but due to how our site uses WordPress pages, we are forced to manually load WP Socializer on pages. A couple of issues we noticed using it manually was the spacing between the horizontal social buttons are too great surrounding the Google button. We also noticed that this is even worse in IE 9. In IE 9 the Google button breaks the line up into 3 lines.
Finally and most important we have to load the floating left social bar manually but we cant see examples of how to do this.
Effected URL is
http://domain-cheap.com/how-to-create-a-website-in-30-steps.html Manual Code Used on Horizontal Social Buttons:
Code:echo wp_socializer(facebook, array(
‘output’ => ‘button’,
‘url’ => ‘http://domain-cheap.com/how-to-create-a-website-in-30-steps.html’,
‘title’ => ‘How to Create a Website’,
‘type’ => ‘like’,
‘style’ => ‘button_count’
));echo wp_socializer(retweet, array(
‘output’ => ‘button’,
‘url’ => ‘http://domain-cheap.com/how-to-create-a-website-in-30-steps.html’,
‘title’ => ‘How to Create a Website’,
‘type’ => ‘compact’
));echo wp_socializer(plusone, array(
‘output’ => ‘button’,
‘url’ => ‘http://domain-cheap.com/how-to-create-a-website-in-30-steps.html’,
‘title’ => ‘How to Create a Website’,
‘type’ => ‘small’
));echo wp_socializer(linkedin, array(
‘output’ => ‘button’,
‘url’ => ‘http://domain-cheap.com/how-to-create-a-website-in-30-steps.html’,
‘title’ => ‘How to Create a Website’,
‘type’ => ‘large’
));echo wp_socializer(pinterest, array(
‘output’ => ‘button’,
‘url’ => ‘http://domain-cheap.com/how-to-create-a-website-in-30-steps.html’,
‘title’ => ‘How to Create a Website’,
‘type’ => ‘large’
));echo wp_socializer(stumbleupon, array(
‘output’ => ‘button’,
‘url’ => ‘http://domain-cheap.com/how-to-create-a-website-in-30-steps.html’,
‘title’ => ‘How to Create a Website’,
‘type’ => ‘large’
));Thank you in advance for your assistance.
Domain-Cheap.com
September 27, 2012 at 12:09 pm #6038
Aakash ChakravarthyKeymasterWhy do you need to insert the buttons like this ???
Just go to WP Socializer -> Placement -> Template 1/2 and in the text box, tweak the “button codes” as you like.
For enabling the floating sharebar, Go to “Floating share bar” admin page and uncheck “Temporarily disable floating sharebar”.
Thats all.
September 27, 2012 at 8:40 pm #6035GuestVaakash,
Thank you for your reply. The reason we have to manually insert your code on certain pages is because we do not want the wp social showing on all pages. When we tell WP socializer to insert on pages, means it will now show on all pages and this is not what we are looking for.
I would like to find a manual code that I can paste in the actual individual pages created and have it follow the standard formatting rules set in Wp Socializer admin. By the way we do have it unchecked “Temporarily disable floating sharebar”.
Example [horizontal_wpsocial ] would put one horizontal social bar in that spot so you would need to paste it twice above and below page content if you need it twice.
Example [floating_wpsocial] would load the floating social bar for that page just like it would have been if it had been enabled in the wp socializer admin for all pages, but now it shows on that page only.
finally on IE we tried loading the code found in the code window as you stated and you can see the results it only prints the words seen here:
http://domain-cheap.com/how-to-create-a-website-in-30-steps.html
We left the old code for the article footer links.There is no problem with the code we used its just an ie bug displaying it stacked, but it doesn’t display stacked on the admin loaded version.
Code loaded:
Code:{facebook-like}
{retweet-bt}
{plusone-medium}
{linkedin-standard}
{pinterest-horizontal}
{stumbleupon-1}Thank you
September 28, 2012 at 2:59 pm #6033Aakash ChakravarthyKeymasterYou can use “Shortcodes” above the post manually to display the sharing buttons.
Here is the documentation page: http://www.aakashweb.com/docs/wp-socializer-docs/manual-placement/
September 28, 2012 at 7:53 pm #6034GuestVaakash,
Thank you again for your reply and assistance.
We have loaded the short codes as you suggest below:
[wpsr_facebook] [wpsr_retweet] [wpsr_plusone] [wpsr_linkedin] [wpsr_pinterest] [wpsr_stumbleupon]
Seen here:
http://domain-cheap.com/how-to-create-a-website-in-30-steps.html
If you look at it in IE 9 they are not all on a single line when loaded manually with short codes. When we use Wp Socializer admin they are correctly all on one line. Seen below:
How do we get them all on one line when used manually with short codes?
Thank you for your help.
September 29, 2012 at 2:33 pm #6032Aakash ChakravarthyKeymasterUse this code
Code:BUTTON_SHORTCODE
BUTTON_SHORTCODE
BUTTON_SHORTCODE
BUTTON_SHORTCODE
BUTTON_SHORTCODESeptember 30, 2012 at 7:50 am #6036GuestVaakash,
Thank you for your response and designing one of the better social tools.
We have tried the code you included. We had copied it from the website previously, but get the results you can see here. http://domain-cheap.com/how-to-create-a-website-in-30-steps.html As you can see for some reason manually inserting the code takes on a staggered effect, compared to the automated plugin version. Please let us know what we can do to remove the staggered effect and bring them all inline.
Thank you again Vaakash
September 30, 2012 at 8:33 am #6037Aakash ChakravarthyKeymasterOh sorry, i think WordPress automatically adds line breaks (i.e
tags )to the code.This code will definitely work.
Code:BUTTON_SHORTCODE BUTTON_SHORTCODE BUTTON_SHORTCODE BUTTON_SHORTCODE BUTTON_SHORTCODEDo not add line breaks, add it all in one line.
October 1, 2012 at 2:42 am #6039Guestvaakash,
You have been very helpful and created a great plugin. We have still been unable to know how to manually insert the floating social bar. Could you please give us the code to insert the floating social bar manually on http://domain-cheap.com/how-to-create-a-website-in-30-steps.html.
Thanks so much for all your help.
October 1, 2012 at 11:48 am #6040Aakash ChakravarthyKeymasterNow the buttons seems to work fine. Great !!
October 1, 2012 at 5:49 pm #6041GuestVaakash,
Yes, but we have still been unable to manually insert the floating sliding social bar. Could you please give us the code to insert the floating sliding social bar manually on http://domain-cheap.com/how-to-create-a-website-in-30-steps.html
Thank you Vaakash.
October 4, 2012 at 1:04 pm #6042Aakash ChakravarthyKeymasterHope you inserted successfully the buttons at the top of the post manually. Just carry on this post for the floating share bar. http://www.aakashweb.com/forum/wp-socializer-f22/how-to-manually-insert-floating-social-bar-t1753.html
-
AuthorPosts
- The topic ‘Floating Bar and Button Spacing’ is closed to new replies.