Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

Dodaj pływające okno udostępniania w WordPressie za pomocą wtyczki Smart Sharing

Otrzymywaliśmy ogromną liczbę e-maili od ludzi pytających nas, jak zrobić pływające pole udostępniania na ich stronie WordPress. Czy była to wtyczka? Po współpracy z naszym zespołem zdecydowaliśmy, że bardziej efektywne będzie stworzenie darmowej wtyczki zamiast odpowiadania na każdy indywidualny e-mail.

Co robi ta wtyczka Smart Sharing Plugin?

Inteligentne udostępnianie dodaje pływające pole z przyciskami mediów społecznościowych tylko w pojedynczych postach. Domyślnie możesz wybierać między retweet, facebook, digg i stumbleupon. Ale nie jesteś ograniczony do tych wyborów, ponieważ istnieje opcja dodania własnych niestandardowych kodów.

Jaka jest zaleta tej wtyczki?

Ta wtyczka stosuje teorię pozytywnego wzmocnienia B.F. Skinnera do marketingu w mediach społecznościowych. Zazwyczaj przyciski są umieszczane albo na górze posta, albo na dole posta. Chociaż obie te pozycje są OK, nie są najlepsze. Jeśli umieścisz je na dole posta, oczekujesz, że użytkownik przeczyta całość. Czasami użytkownicy lubią post i nie czytają pełnych artykułów. Ale nadal udostępniliby Twoje artykuły, gdyby istniało pozytywne wzmocnienie. Ta wtyczka dodaje małe pływające okienko, które przewija się w dół wraz z użytkownikiem, dzięki czemu może on głosować, gdy tylko skończy.

Czytaj więcej o tej wtyczce i pobierz ją

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz w niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak finansowany jest WPBeginner, dlaczego to ważne i jak możesz nas wesprzeć. Oto nasz proces redakcyjny.

Ostateczny zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi – kolekcji produktów i zasobów związanych z WordPress, które powinien mieć każdy profesjonalista!

Interakcje czytelników

100 Comments

  1. Naprawiłem problem, usuwając to:

    <script type=’text/javascript’ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2′></script>

    Zostało wywołane dwukrotnie.

    Thanks for your quick answer anyway. :)

  2. @BijanGhorbani Istnieją różne skrypty lightbox. Jeden musi być powyżej lub poniżej drugiego. Jeśli skrypty SmartSharing są powyżej, spowodują problem.

  3. Zainstalowałem ten plugin i działa dobrze, ale wyłączył wszystkie efekty lightbox w moich postach, co jest naprawdę złe. Co koliduje z efektem lightbox w tym pluginie, proszę?

  4. Cześć, właśnie zainstalowałem tę świetną wtyczkę i wszystko poszło gładko, mój problem polega na tym, że wtyczka nie unosi się tak jak ta na tej stronie, po prostu trzyma się w pewnej odległości od góry strony i gdy przewijasz w dół, nie schodzi z Tobą.

  5. @wpbeginner zrobię to. Zainstalowałem Sharebar jako tymczasowe rozwiązanie, więc później je zamienię i wyślę zrzut ekranu.

    Dzięki!

  6. @rdempsey Rob, wyślij e-mail, abym mógł zobaczyć, co jest nie tak. Proszę, dołącz również link do swojej strony.

  7. @wpbeginner to pierwszy raz, kiedy instaluję ten plugin. Właśnie się zarejestrowałem, pobrałem i zainstalowałem dzisiaj.

  8. Pobrano, zainstalowano i aktywowano plugin. Jedyny problem to dwa paski, które się pojawiają – jeden statyczny, a drugi dynamicznie podążający za treścią. Używam WP 3.1.3 z Genesis 1.6 i motywem potomnym. Jakieś pomysły? Dzięki!

      • !! Działa! Po prostu nie zdawałem sobie sprawy, że w bocznym panelu jest osobny przycisk ustawień. Niemniej jednak przyciski Retweet i Facebook powinny być domyślnie zaznaczone moim zdaniem. Tak czy inaczej, jesteście wspaniali! Dzięki za odpowiedź.

  9. Podobnie jak pasek udostępniania na wpbeginner.com, nie jest on przyczepiony do krawędzi przeglądarki, więc aby uczynić go nieco lepszym dla różnych rozdzielczości ekranu, po prostu ustaw go na stałe w treści, a w ten sposób okno udostępniania zostanie po prostu obcięte po zmianie rozmiaru okna przeglądarki!

    Zastąpiłem kod php dla pola udostępniania css (w pliku .php wtyczki) statycznym css:

    .sharepost{float:left; border:1px solid #E8E8E8; margin-right:10px; position:fixed; background:#FFF; margin-left:-100px; width:60px; z-index:0}

    .sharer{padding:5px; border-bottom:1px solid #e8e8e8}

    To pozwoli Ci zacząć, ale wszystkie przyszłe poprawki będziesz musiał wprowadzić z edytora wtyczek WordPress w pliku .php!

  10. Jakie zmiany wprowadziłeś w wtyczce, aby była niewidoczna na Twojej stronie w przeglądarkach mobilnych?

    Kiedy ładuję moją stronę na telefonie komórkowym, wtyczka nakłada się na treść.

    Jeśli mógłbyś się podzielić tutaj, byłoby to bardzo pomocne. Dzięki!

  11. Zainstalowałem wtyczkę na instalacji WordPress 3.01 i chociaż instalacja przebiegła pomyślnie i ustawiłem opcje, nic nie pojawia się na moich postach blogowych.

    Czy mógłbyś na to spojrzeć? Witryna jest powiązana z moim imieniem.

    dzięki.

    • Wtyczka nie może się zarejestrować w stopce. Być może będziesz musiał to sprawdzić. Wielu użytkowników miało ten problem podczas pracy z Thesis. Pracujemy nad nową wersją tej wtyczki, która będzie świetna.

    • Możesz to dodać na stronie statycznej, ale nie będziesz mieć żadnych funkcji backendowych, więc wszystko musi być statyczne. Po prostu dodaj CSS z tego pluginu...

  12. Ta wtyczka działała dobrze, dopóki nie zaktualizowałem do wordpress 3.0, teraz mówi mi, że wtyczka powoduje krytyczny błąd.

    Co mogę z tym zrobić?

    • Właśnie sprawdziłem plugin z wersją 3.0 (działa dobrze). Musiał być problem ze współpracą z innym pluginem. Czy możesz wysłać nam szczegóły dotyczące Twojej strony (nazwa strony), używanych pluginów itp., abyśmy mogli Ci dalej pomóc.

  13. Zainstalowałem ją na mojej stronie, ale niestety ikona StumbleUpon nie działa poprawnie. Jeśli klikniesz Stumble, próbuje udostępnić pewną stronę, dla wielu postów.

    Jak mogę to naprawić?

  14. Really light weight and nice plugin. (will advice you to make it more lighter :) – and never use jquery with it)

    however, like many people here, i was not able to make the plugin work with my theme too (using thesis 1.7) however i’ve solved the issue by making change in the code by replacing your get_footer to wp_footer. hopefully it will make some changes in your next release :)

    dla tych, którzy potrzebują naprawić problem z brakiem wyświetlania suwaka po aktywacji wtyczki, wyjaśniłem kroki tutaj: http://nabtron.com/smart-sharing-plugin-now-showing-on-thesis-1-7-theme-solved/2653/

  15. Kod nie działa. Właśnie dodałem go do szablonu mojej strony i w ogóle się nie wyświetla.

    Czy jest jakieś konkretne miejsce w szablonie strony, gdzie należy to dodać?

    Hope to hear from you soon. Cheers ;-)

  16. Na tej samej stronie widzę, że przycisk retweet i Fshare znika przy niższych rozdzielczościach (dla 1024×768 i 800×600). Jak to osiągnąć? To fajny plugin, ale nie wygląda dobrze, gdy pływa nad tekstem strony przy wspomnianych rozdzielczościach.

  17. Dzięki za ten plugin. Mam problem. Mój przycisk udostępniania na Facebooku, kiedy publikuję, nie pokazuje już nazwy artykułu? Ani zdjęcia? Czy mogę to rozwiązać?

  18. Aktywowałem tę wtyczkę i nie pojawia się na mojej stronie? Nie jestem pewien, co się tutaj dzieje, ale jestem całkiem pewien, że zrobiłem wszystko poprawnie.

  19. Właśnie wgrałem wtyczkę i jestem nią zachwycony, ale mam błąd 404 z memem tweet. Mem tweet działał bez zarzutu, gdy miałem zainstalowany pojedynczy przycisk. Wystarczy wpisać moją nazwę użytkownika na Twitterze, prawda? Dezaktywowałem oryginalny mem, który miałem zainstalowany, i wyczyściłem pamięć podręczną, ale nadal pojawia się ze znakiem zapytania. Pomocy?

  20. Nie pojawia się na mojej stronie, nie wiem dlaczego ani jak zacząć rozwiązywać problemy.

    • Nie działa automatycznie ze wszystkimi motywami. Musisz dodać następującą funkcję do swojego pliku single.php: add_smartsharing(); << pamiętaj, aby umieścić ją w znacznikach PHP, a zadziała.

  21. Fajny plugin. Szukałem czegoś podobnego do mashables i myślę, że macie najlepszy do tej pory, poza tym, że sam bym go stworzył.

    Dzięki za informacje o niestandardowym kodzie.

  22. Bardzo dziękuję za to! Widziałem to na mashable.com i chciałem to dla mojego nowego bloga o mediach społecznościowych. Nie znałem nazwy pluginu, bardzo dziękuję. Świetna strona swoją drogą! Ile stron społecznościowych może być jednocześnie w tym pluginie?

  23. Cześć

    Właśnie pobrałem i zainstalowałem Twój plugin i działa jak marzenie… z wyjątkiem jednego małego szczegółu.

    Okno dialogowe CAPTCHA jest bardzo zniechęcające, zwłaszcza że słowa nie zawsze są czytelne. Jak mogę się go pozbyć? Przeszukałem już kod wtyczki, ale nie znalazłem niczego, co by na to wyglądało.

    Czy możesz wskazać mi właściwy kierunek?

    Wielkie dzięki i gratulacje za Waszą pracę.

  24. This is like the hottest social media network plugin in the world! :) I really love it but I hope you could make it as awesome as the one in Mashable :)

  25. I’m wondering why the box is attached to my browser edge instead of my content just like you have here…in this way works fine, but in mine it overlap the content for resolutions smaller than 1024px….please help me! :)

    • Powodem, dla którego jest on dołączony do ekranu przeglądarki, jest to, że jest to najłatwiejszy i najprostszy sposób na jego dodanie. W ten sposób możemy sprawić, że ten wtyczka będzie użyteczna dla większości motywów. Możesz zobaczyć kod CSS tej wtyczki, a następnie zastosować go ręcznie na swojej stronie, jeśli chcesz. Jest to prosty tag position:fixed. Jedyną rzeczą jest to, że w ten sposób nie uzyskasz żadnych funkcji panelu administracyjnego.

      Możesz trochę zmodyfikować plik wtyczki. Zmień właściwości CSS według własnych potrzeb, a następnie zmień filtr automatycznego dodawania. Następnie ręcznie dodaj funkcję wtyczki add_smartsharing() w swoim pliku single.php obok swojego div z treścią. Ale to dużo pracy i tylko użytkownicy z doświadczeniem w PHP i HTML/CSS będą w stanie to zrobić.

      • Can you please create a blog post with instructions for how to make this modification (or even how to add that additional functionality Mashable has where the share buttons snap to above the content when the browser is reduced to a certain width)? Or email me. I’ll donate! ;-)

        • Nie, nie będziemy publicznie udostępniać żadnych samouczków dotyczących dostosowywania CSS. Ta wtyczka jest udostępniana w obecnym stanie i nie będziemy zapewniać żadnego bezpłatnego wsparcia.

  26. Czy zamierzacie zaimplementować nowy „Przycisk Lubię to” Facebooka zamiast tego w tym pluginie?

    Wydaje się, że będzie znacznie bardziej "lepkie"

  27. Dzięki za wtyczkę! Szukałem wszędzie tego widżetu udostępniania w stylu Mashable.

    Myślałem o pasku Meebo... ale to jest IDEALNE!

  28. Przede wszystkim! Niesamowita wtyczka!

    I have installed it and it works fine ;)

    I just have a small problem if i click on retweet i always been redirect to tweetmeme :( How cna i get it workin that the useer who clicks on retweet gets redirect direct to our tweeter account ?

    Wielkie dzięki

    Sascha

    • To jest problem z tweetmeme. Nie wszyscy są tam przekierowywani, tylko niektórzy. Nie wiem dlaczego, ale tak się dzieje. Najprostszym sposobem jest pozbycie się tego i użycie alternatywnego skryptu, dodając go w niestandardowych kodach.

  29. Witam,

    Jak wyrównać pływający pasek udostępniania do treści, a nie do krawędzi przeglądarki? Widzę, że Twój pasek jest wyrównany do treści, ale wtyczka nie. Każda pomoc byłaby mile widziana.

    Dzięki!

    • Jest to możliwe tylko wtedy, gdy dodasz funkcję ręcznie i zmodyfikujesz CSS, aby dopasować ją do swoich potrzeb. Musisz zrozumieć właściwość CSS `fixed` i dodać ją w swoim `single.php`.

      Oto jak możesz to zrobić. Najpierw aktywuj wtyczkę, a następnie otwórz plik function.php swojego motywu. Dodaj następującą linię:

      remove_action( 'get_footer', 'add_smartsharing' );

      Robiąc to, po prostu usunąłeś automatyczną funkcję. Następnie możesz umieścić ten kod w swoim pliku single.php, aby wywołać funkcję ręcznie tam, gdzie chcesz.

      function add_smartsharing()..

      Musiałbyś również edytować plik CSS, aby dopasować go do swoich potrzeb. Wtyczka domyślnie nie doda go obok treści.

      Pamiętaj, aby edytować CSS, aby dopasować go do swoich potrzeb. Domyślny

      • Witaj! Czy możesz proszę wyjaśnić, jak edytować CSS? Wygląda na to, że Twoja odpowiedź tutaj została ucięta.

        Dzięki!
        Diana

  30. Próbuję zaimplementować pływający pasek narzędzi udostępniania, podobny do tego, którego używa mashable na blogu tumblr, czy jest jakiś sposób, aby wersja CSS, HTML lub jquery mogła zostać wyprowadzona z tej wtyczki? A jeśli tak, to jak trudno/łatwo byłoby?

    • Ta wtyczka jest przeznaczona wyłącznie dla WordPressa. Możesz użyć kodów z tej wtyczki, jeśli chcesz zaimplementować je na swojej stronie, pod warunkiem, że podasz nam uznanie.

  31. Wgrałem plugin sharesmart na moją stronę wordpress i wszystko poszło dobrze. Moja strona jednak nie jest w języku angielskim (tak, zgadnijcie co, istnieje cały świat, który nie czyta ani nie mówi po angielsku). Czy jest jakiś sposób, aby zmienić na przykład „Share”, „shares” na inny język?

  32. Cześć Syed!
    Uwielbiam Twój plugin. Zainstalowałem go i działał idealnie. Ale teraz, kiedy zmieniłem motyw, zniknął. Próbowałem też odinstalować i zainstalować ponownie, ale nadal nic się nie pojawia.
    Dziękuję bardzo za pomoc!

    • Nie wiem, co może być problemem. Musielibyśmy się tym zająć. Proszę, wyślij nam e-mail z większą ilością szczegółów za pomocą naszego formularza kontaktowego.

  33. Jesteście niesamowici. Szukałem czegoś takiego od dawna i działa idealnie na moim blogu.

    Próbowałem zainstalować kod oryginalnego przycisku udostępniania na Facebooku (http://www.facebook.com/facebook-widgets/share.php), ale to nie działa z tym pluginem (każde odświeżenie strony resetowałoby licznik). Szkoda, że muszę stracić moje liczniki udostępnień, ale warto dla tej niesamowitej funkcjonalności.

    Również, czy możesz proszę skierować mnie do miejsca, gdzie mogę znaleźć kod przycisku Google Buzz z licznikiem?

    Dziękuję bardzo za świetną wtyczkę!

    • Nie musisz tracić liczników udostępnień? fshare pokaże taki sam licznik, jaki pokaże przycisk udostępniania na Facebooku. W sprawie przycisku Google przeczytaj artykuł na Balkhis o liczniku Google Buzz.

      Po przeczytaniu tej strony, zobaczysz, dlaczego wyświetlanie liczby buzz w tej chwili nie jest właściwe. Ale jeśli nadal uważasz, że chcesz oszukać swoich odbiorców manipulowaną liczbą, skorzystaj z tego poradnika (Link )

      • Witaj! Nie straciłem liczby udostępnień dla większości moich artykułów, ale zdecydowanie straciłem dla mojego najnowszego posta na blogu w momencie instalacji; miałem 27 udostępnień na Facebooku, ale zresetowało się do 0. Jednak wydaje się, że liczba udostępnień została przeniesiona dla reszty moich postów na blogu.

        Czy jest również sposób, aby wyświetlić ten plugin na stronie głównej, jak i na poszczególnych postach?

        Much thanks! :-)

        • Nie, ten plugin nie wyświetli się na stronie głównej, chyba że dodasz funkcję w swoim motywie. Chociaż nie zalecamy dodawania tego do strony głównej. Twoja strona główna zawiera wiele postów, który post ten plugin udostępni?

          Oto funkcja, jeśli chcesz ją wywołać gdziekolwiek indziej add_smartsharing()

        • Widzisz, jak Mashable ma przy każdym poście na stronie głównej przyciski Tweetmeme, Facebook Share itp., a potem ma pływające okienko udostępniania wewnątrz każdego posta? Ostatecznie chciałbym zrobić to samo. Chociaż jeśli się nie uda, to nie koniec świata; mój czas ładowania strony głównej jest teraz znacznie szybszy.

          Thanks again! :-)

  34. Wprowadziłem e-mail i kliknąłem Pobierz, ale nigdy nie otrzymałem linku do pobrania.

    • Czy otrzymałeś e-mail z potwierdzeniem, który prosił o potwierdzenie adresu e-mail? Jeśli tak, zaraz po tym e-mailu powinieneś otrzymać e-mail powitalny. Sprawdź folder SPAM. Jeśli nie, skontaktuj się z nami za pomocą formularza kontaktowego.

  35. Wiesz… nie tak fajne jak wersja Mashable, ale to dobry początek. Myślę, że proste poprawki w jquery i pozycjonowanie css sprawiłyby, że działałoby bardziej tak, jak tego szukam.
    Dobra robota, fajny plugin.

    • Chuck,

      To jest pierwsza wersja tego wtyczki. Powodem, dla którego nie możemy użyć wersji jQuery w ogólnej wersji wtyczki, jest to, że potrzebujesz konkretnego miejsca do wstawienia wtyczki. Mashable ma to dobrze, tuż przy poście. Każdy motyw ma inne klasy postów. Utrudniałoby to wydanie wersji jQuery dla publicznego użytkownika końcowego. Jeśli masz jakieś sugestie, jesteśmy otwarci. (Uwaga: kodowanie pływającego pola jQuery nie jest trudne. Dodanie go do WordPressa za pomocą wtyczki jest trudną częścią). Jedyną rzeczą, która może zadziałać, jest dodanie go w treści posta. Musielibyśmy tego spróbować. Jeśli masz inne sugestie, daj nam znać.

      • oh understood. I appreciate the work and you guys releasing it, and your time in responding to me. So my initial issue with this one is on smaller screen resolutions this one will cover the content, mashable’s hides itself from the left and turns into a horizontal section right above the post content. THAT is amazing lol.
        I know your intent wasn’t to create what they did but that’s got some polish you’ve gotta admit! :)

        Czy macie plan lub pomysły na ulepszenie tego obecnego wtyczki?

        • Chuck,

          Masz rację, że Mashable robi to w ten sposób. Ale jak wspomnieliśmy, jest to coś, co rozważamy dodać do tej wtyczki. Żadna przyszła data wydania nie została jeszcze ustalona. Nadal próbujemy sprawdzić, czy będzie działać ze wszystkimi motywami.

          Każdy motyw działa inaczej i to jest coś niestandardowego. Mają określoną szerokość poziomą. Ale nie wiemy, jaka jest szerokość pozioma w innych motywach. Więc dla motywów z mniejszym obszarem treści, zepsułoby to motyw.

          Jeśli jesteś programistą, powinieneś dokładnie zrozumieć, o czym mówimy.

          Bez wątpienia wtyczka Mashable jest bardziej dopracowaną wersją i wkrótce dodamy coś podobnego na WPBeginner, ale uważamy, że jest to bardziej niestandardowe rozwiązanie niż ogólne.

        • To świetnie, ale uważam, że przeszkadza mi to w tekście przy rozdzielczości 1024. Nawet bez przekształcania go w opcję poziomą, jak mogę sprawić, aby znikał na lewym marginesie, tak jak tutaj, gdy okno jest za małe? Dziękuję.

  36. cześć… byłem ciekawy tego wtyczki… pobrałem ją i próbowałem zainstalować lokalnie… (używam xampp – nie sądzę, żeby miało to z tym związek)… i otrzymuję ten błąd:

    Błąd parsowania: błąd składni, nieoczekiwany $end w C:\xampp\htdocs\blog\wp-content\plugins\smartsharing\smart-sharing.php na linii 507

    masz jakiś pomysł?

    tak czy inaczej, dzięki za podzielenie się

  37. Pobrałem wtyczkę Floating Share Box i aktywowałem ją na moim blogu WordPress, ale nie pojawia się ona na stronach postów. Czy koliduje z innymi wtyczkami?

    • O ile nam wiadomo, nie. Właśnie przesłaliśmy go na stronę, na której działa ponad 30 wtyczek i działa. Alex, chcesz, żebyśmy się przyjrzeli, co się dzieje? Proszę, wyślij nam e-mail ze swoimi informacjami.

      • Udało mi się uruchomić wtyczkę, ale zastanawiałem się, jak trudno byłoby mi dodać przycisk „google Buzz” do pływającego pola udostępniania?

        • Spójrz w zakładkę personalizacji na stronie wtyczki. Możesz dodać wszystko w sekcji niestandardowych kodów. Po prostu użyj ustawień div, które wspomnieliśmy w tym artykule.