Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Skaffa en flytande box för delning som gillar WPBeginner – Smart Delning v1.1

You probably notice that WPBeginner has a floating share box on all posts. Vi släppte ett plugin för över ett år sedan som kallas Smart Delning. Smart Sharing plugin låter dig maximera kraften i din nuvarande läsekrets för att ge dig fler röster i sociala medier. Detta plugin lägger till en rullande box med sociala medier icons på enstaka inlägg sidor, så när din läsare rullar ner på sidan, kommer de kontinuerligt att se knappen delning. Vi tillämpar B.F Skinners teori om positiv förstärkning på marknadsföring. Din användare kommer att känna sig skyldig att dela posten som i gengäld kommer att hjälpa dig att få mer trafik, leads och konverteringar genom användning av sociala medier. Your quality content kommer att få den exponering som det förtjänar, och det kommer också att skapa en hälsosam gemenskap för ditt varumärke i sociala media.

Det fanns en stor bugg i plugin som var länge försenad för att fixas. I denna snabba release v1.1 har vi fixat den stora buggen och gjort flera updates. Så vad har lagts till i denna new version?

Fix av större bugg

Först fixade vi problemet med den flytande boxen som springer över innehållet. Tidigare var boxen attachment till webbläsarens fönster snarare än ditt content. Så när användaren med mindre upplösning eller mindre fönsterstorlek öppnar din webbplats, skulle boxen springa över innehållet. I den här new versionen kommer den flytande boxen aldrig att göra det. Den är attachment till your content, så om fönstret är litet kommer den helt enkelt att döljas. För att kunna add to den här funktionen var vi tvungna att ta bort den utvalda funktionen som låter dig välja vilken sida av innehållet du vill att den flytande rutan ska vara på. Nu är den automatiskt på vänster sida, precis som WPBeginner.

Updated Social Media Buttons

När vi först lanserade Smart Sharing Plugin hade vi ej en officiell knapp för tweet eller en knapp för att gilla Facebook. Så vi använde många inofficiella tredjepartsskript som Tweetmeme, FBShare och så vidare. I den här new versionen ersatte vi widgeten tweetmeme med den officiella knappen retweet av twitter. Vi ersatte också det felaktiga FBShare-skriptet med den officiella Gilla-knappen (som också kommer med en Send-knapp).

Alla de föregående alternativen som att åsidosätta alternativ för enskilda inlägg, välja vilken knapp som visas på vilka inlägg, customize utseendet och sådant finns fortfarande kvar.

Detta plugin är exklusivt för våra nyhetsbrevsprenumeranter.

Download Smart Sharing Plugin

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

51 kommentarerLämna ett svar

  1. stefnbob08

    Hi guys, I have installed the plugin successfully but it appears twice on my page. One on my left, which is where I want it and it scrolls just fine and the other on the right and it’s static. I don’t have any other social media plugin installed so how can I correct this? Thanks for your time!

  2. undasein

    Hi guys, and thanks for your work! Excellent plugin.

    Is possible to show the box in the home page (not only on page-single post)?

    Thanks in advance, Im looking at the plugin code but im stucked (beginner) ;)

  3. Mission0ps

    HI there … GR8 looking and functional plugin.. I just would like a little help getting it straight. I have it set up on mission0ps.com and changed the background box colour. Now the plugin doesn’t scroll. I don’t have a FB like button installed.. any ideas?

  4. NarenderSingh

    Hello

    The plugin is really nice, and helps in more sharing, but the plugin is breaking all the LightBox plugins I use.

    Is there any way to correct this? I want to use lightbox, but can’t leave Smart Sharing too.

    Please Help

  5. DankoPuskaric

    Hello, this plugin is not working. Actually, it is working, but I get this plugin twice on the site; at the top, and left (where he need to be). I tested it in three templates, and it is always same… My blog is skiingforever.com , please help!!

    • wpbeginner

      @DankoPuskaric This usually happens for two reasons: Either because your theme has two calls to wp_head(); or that you are using some sort of FB like plugin for WordPress.

      • DankoPuskaric

        Thank you! it was plugin : Facebook Open Graph Meta in WordPress

        • wpbeginner

          @DankoPuskaric Was this our facebook open graph meta data plugin? or someone else’s?

        • DankoPuskaric

          @wpbeginner hehe, yes it was your plugin: Simple plugin that adds Facebook Open Graph Meta information in WordPress themes to avoid no thumbnail issue, wrong title issue, and wrong description issue.Do you have some solution?

        • wpbeginner

          @DankoPuskaric Will release an update either today or tomorrow. Then will update you here.

        • DankoPuskaric

          @wpbeginner hello! Did you release an update?? thx!!

  6. gdradu

    @ChristianPillaca in plugin u have a space where u can add css code for google+1

    EX:

    <div id=”googleplus1″>

    googleplugincodeEXAMPLE

    </div>

  7. ChristianPillaca

    how about google +1?

  8. AstroGremlin

    I’m interested but it goes off the left side of the WPBeginner page and can’t read it!

  9. mrahmadawais

    unable to download it …I am an old subscriber

  10. dchabot3

    @HicksNewMedia You can also add it to the single.php page in the loop just before <?php the_content();?>., or whichever page your theme uses for posts.

  11. GPD

    Ha right after I post this I added if_page next to if_single and I had it posting to the pages. It did mess up my sliders so I will have to visit it another day.

  12. GPD

    This is a great floating share bar. I agree with the others that the bouncing is not for everyone but that is fixed easy enough with CSS. Since I have never tried to figure out PHP I am going to have a more difficult time getting it to post on pages but I am sure I will figure it out.

    Thank you for all the work you do.

  13. christianvuong

    @gdradu or you can use CSS to overwrite the settings of it. something like this:

    #sharepost { position: fixed; margin-top: 0!important; top: 50%;}

    it will help vertical center the box.

  14. gdradu

    @OmarKattan what theme do you have?

    If u have thesis remove that line and uncheck jquery scrips from design options > Home Page Display Options > JavaScript. and

    design options > JavaScript > Sitewide JS Libraries.

    On my site is working like here. It stays on middle of the site.

    And sorry for my english again, if i wrong with something :)

  15. OmarKattan

    @gdradu Thanks but this doesn’t keep it fixed like the site. It stays at the top.

  16. gdradu

    I’ve found the solution for plugin to stay fixed like on this site.

    1. Search this code on Plugin editor.

    add_action(’wp_head’, ’ss_css’);function ss_css(){ if (is_single()) {?><script type=’text/javascript’ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2′></script><script type=”text/javascript”> $(function() { var offset = $(”#sharepost”).offset(); var topPadding = <?php if (get_option(’top_distance’)) { echo get_option(’top_distance’); } else {echo ’20’; } ?>; $(window).scroll(function() { if ($(window).scrollTop() > offset.top) { $(”#sharepost”).stop().animate({ marginTop: $(window).scrollTop() – offset.top + topPadding }); } else { $(”#sharepost”).stop().animate({ marginTop: 20 }); }; }); }); </script>

    2. Remove this line:

    else { $(”#sharepost”).stop().animate({ marginTop: 20

    And Done.

  17. gdradu

    i’ve found the solution.

    1. Search this code:

    add_action(’wp_head’, ’ss_css’);function ss_css(){ if (is_single()) {?><script type=’text/javascript’ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2′></script><script type=”text/javascript”> $(function() { var offset = $(”#sharepost”).offset(); var topPadding = <?php if (get_option(’top_distance’)) { echo get_option(’top_distance’); } else {echo ’20’; } ?>; $(window).scroll(function() { if ($(window).scrollTop() > offset.top) { $(”#sharepost”).stop().animate({ marginTop: $(window).scrollTop() – offset.top + topPadding }); } else { $(”#sharepost”).stop().animate({ marginTop: 20 }); }; }); }); </script>

    2. Remove this line.

    else { $(”#sharepost”).stop().animate({ marginTop: 20 });

  18. gdradu

    Hy and sorry for my english. How to make the plugin to stay fixed like on this site? I don’t like that bouncing :)

  19. gdradu

    Hy and sorry for my english. How to make the plugin to stay fixed like on this site? I don’t like that bouncing :)

  20. gdradu

    Hy there and sorry for my english. Please tell me how to make smart sharing plugin width fixed like on this site?

  21. SethA.Frank

    @wpbeginner @HicksNewMedia Ok but how do we make it not jittery? If people are uninstalling your plugin because they dont like that doesn’t that mean there should be some sort of fix for it? We like the WPBeginner floating scheme. There five other people that commented about the same thing.

  22. wpbeginner

    @HicksNewMedia @SethA.Frank It should never show up on your homepage. Because there is a conditional tag is_single << The jitterly scrolling is a JS that we are using which was something we used per our client’s request.

    Soon, WPBeginner will be using the very same effect as well.

  23. SethA.Frank

    @HicksNewMedia @SethA.Frank I really hope we can get a fix or a reason why it does it because the one on this page works exactly like I would like mine too. Not jittery at all

  24. HicksNewMedia

    @SethA.Frank I had to uninstall the plugin for this exact reason – jittery scrolling and appearing at multiple locations on the homepage.

    Hopefully they’ll release an update soon

  25. SethA.Frank

    I am in the same situation. I have it up an working but its not smooth like on this site. It’s all jiterry when you scroll. Help!

  26. ErickaBourne

    Having a problem in displaying the share box on my site, I’m using WordPress 3.1.3 and Convergence template. What seems to be the problem?

  27. OmarKattan

    @nilesh.peshawaria @MattAlgren Same here, can you please let us know how. Thanks

  28. OmarKattan

    @MattAlgren

  29. lucelarue.com

    Hi- I tried to upload and configure but it’s not displaying at all.. any ideas? I’m using WP 3.1.3

  30. nilesh.peshawaria

    @MattAlgren

    I’d also like to know how to keep the bar stationary…

  31. wpbeginner

    @HicksNewMedia You can paste the google +1 codes in custom codes section.

  32. MattAlgren

    I really like the concept, and the execution is great except that I’d rather have it sit still like on wpbeginner instead of bouncing around whenever a user scrolls up or down.

    Is there a quick way for me to change that?

  33. Melissa Cleaver

    I had problems with trying to place it on the right side of my blog’s page and I agree with the comment above that the floating is not smooth. It jumps constantly every time you scroll down. I went back to the original version for this new one seemed to have more bugs.

  34. ijat

    I installed it on my blog. It’s floating but not smooth. Why?

  35. Adi

    Hi,

    Very nice plugin! Previously i paid to get such addon developed for each of my plugins, but now i don’t have to!

    Regarding it’s position, what ever i write in here:
    Icons Distance From The Edge

    It’s showing up at the same place?

    Any idea what is going on?

    Thanks!

  36. Norb Winslow

    I delete the older version and upload the new version. Isit the correct way? But I tried many times and still not working.. Now I using the old version again. Pls help me!

      • Norb Winslow

        The new version does not display in the left side as if I didn’t install it. When try to delete and upload by old version, it only works. So currently I’m using the old version. Can I know the proper way to update this plugin? Isit by deleting the old ones and upload the new version?

  37. Gemma

    Awesome plugin. I will be using it for my projects. Thanks for releasing/updating it.

  38. Suraj

    I installed it on the blog but it’s not floating, it’s not moving, is it because of thesis theme or other problem?

    • Suraj

      Hi problem resolved after enabling jQuery from thesis theme setting! Really nice plugin! :)

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.