Wiele osób pytało mnie o nazwę wtyczki, która dodaje na moim blogu ten pasek z ikonami portali społecznościowych (ten przyklejony do lewej krawędzi okna przeglądarki). Otóż moi drodzy oficjalnie taka wtyczka nie istnieje. Pierwszy raz zobaczyłem ten widget na stronie Gadżetomania i wzorując się na nim stworzyłem od zera ten u siebie. Do tej pory miałem go na stałe zaszytego w szablonie bloga, ale ulegając Waszym prośbom przerobiłem go dzisiaj na wtyczkę do WordPressa :)
Co by się niepotrzebnie nie rozpisywać, zapraszam na stronę poświęconą mojej nowej wtyczce: Social Slider :)
Póki co dodałem do niej najpopularniejsze i najczęściej używane przez Polaków portale społecznościowe, ale jeżeli tylko będzie taka potrzeba, mogę dodać jeszcze inne. Jak by coś nie działało, czy się źle wyświetlało – piszcie. Postaram się jak najszybciej coś zaradzić :)
RSS
Newsletter
Facebook
Google+
YouTube
Jeśli już o tym mowa, można to jakoś wyłączyć? Strasznie irytujące, a adblock nie chce pomóc (albo nie umiem go odpowiednio poprosić).
Jak tylko możesz tam blokować wyświetlanie elementów drzewa HTML podając ich ID, to można ;)
Cały widget siedzi w div#socialslider :)
Ja do usuwania pojedynczych divów/elementów używam dodatku do adblocka instalowanego jako wtyczkę: http://adblockplus.org/en/elemhidehelper
Nie da się zaznaczyć (używając tej wtyczki) całego diva, ale wystarczy najechać na jakikolwiek element z tego wysuwanego menu i kilka razy poszerzyć wybór.
Btw – u mnie ten social slider jest na tyle daleko od bloku strony, że wcale nie zwracam na niego uwagi.
Dzięki, dodatek wygląda na bardzo fajny, ale już sobie poradziłem z pomocą Stylisha.
div[id="socialslider"]{display:none !important}
Śledziłem poczynania na BLIP-ie, ale dopiero teraz przyszła mi myśl, że można by było dołączyć Picasa lub Flickr.
A może jako dodatkowe ukryte warstwy coś ala http://draiser.gamedev.pl/804 pod Facebookowych przyjaciół?
Mógłbyś rozwinąć i sprecyzować myśl? Jestem już prawie 16h na nogach i właśnie kończę sączyć drugiego Redd’s-a ;)
O coś takiego, http://iv.pl/images/06527114617512128240.png
Czyli klikając odpowiednio na mniejsze ikonki śledzika, blik, buzze, Facebook itp będzie można z poziomu strony za blikować/twitować itp o stronie + swój niewielki komentarz.
Można to rozwiązać dużo prościej i to bez zmuszania użytkownika do podawania swojego hasła :) Kliknij tutaj :D
Napis „Wtyczka Social Slider autorstwa Łukasza Więcka” rozjeżdża się w Firefoxie 3.5.8 (ostatnie słowo ucieka o 2 linie w dół)
Mógłbyś zaktualizować wtyczkę do najnowszej wersji 0.2.0 i zobaczyć, jak jest teraz?
Nie instalowałem tej wtyczki, zobaczyłem to u Ciebie :P Teraz zmieniłeś format na mniejszy, więc już nie zobaczę czy jest ok ;)
Aa ;) U mnie jest cały czas wersja eksperymentalna ;) Traktuję ten blog jako żywy organizm do różnych testów :D
Do pobrania jest już wersja 0.2.0. Doszły takie serwisy, jak Picasa, Flickr i Delicious, oraz cała masa poprawek w kodzie :)
Według mnie okienko powinno się chować od razu po zjechaniu z niego kursorem, a nie po chwili. :) W miejsce tego ewentualnie można zrobić tak, że okienko nie chowałoby się po zjechaniu z niego o dwa piksele, ale o dwadzieścia, czyli nie zamknęło by się przy przypadkowym machnięciu. :)
A teraz takie pytanie od amatorskiego hobbistycznego twórcy stron www – jak zrobić element, który się wysuwa „z animacją”? W pierwszej wersji Twojego dodatku okienko się po prostu pojawiało.
[...] reklama partyzant przed chwilą Wtyczka #socialslider dla #wordpress stworzona od podstaw przez Łukasza Więcek xn--wicek-k0a.pl/…-w-wasze-rece-social-slid… [...]
cos mi ne dziala ;) http://ithom.net.pl/
A powiedz mi, jak masz ładowaną stopkę w szablonie? Jest ładowana funkcją get_footer();, czy masz ją na stałe zaszytą w szablonie?
I czy masz najnowszą wersję? Jak tak, to czy wybrałeś w ustawieniach w jakim trybie ma się wyświetlać?
Świetnie działa, dziękuję bardzo :)
Może mi Pan powiedzieć jak rozwiązał problem z komentarzami?
Też mam domenę z polskimi znakami i dodając komentarz przeglądarka pluje się że nie ma takiej strony ponieważ kasuje polskie znaki :/
hi. where buy? how many cost? american dollar, please.
Hello Raul.
Check your mail ;)
hmm… zainstalowalem, dodałem FB + JS i nic się nie pokazuje :( wp 2.9.2
Spróbuj wstawić gdzieś w szablonie (np w stopce) ten kawałek kodu: http://wklej.to/aqdg
działa :) wielkie dzięki i gratuluje super wtyczki!
Witam,
Przygotowuję wersję mobilną witryny i pojawił się problem z korzystaniem z wtyczki Social-Slider: mianowicie slider pojawia się na stronie w wersji mobilnej (na samym dole), chociaż w ogóle nie powinno go tam być (przy czym funkcja „Wyświetlaj Social Slider w mobilnych przeglądarkach” jest wyłączona).
Proszę o pomoc w jaki sposob nalezy sobie z tym poradzic.
W której konkretnie mobilnej przeglądarce się wyświetla?
Przegladarka Orange World :) Nie ma to jak jak dobry soft od dobrego operatora ;)
Pod Operą Mini wszystko w porządku.
Czy dałoby radę zrobić też coś, aby Slider nie wyswietlał się na samym dole witryny w przypadku odpalenia wersji mobilnej (http://m.reality-tv.pl) w zwyklej przegladarce?
Problem zdaje się rowniez pojawiac na innych telefonach.
Korzystajac ze strony: http://ready.mobi/results.jsp?uri=http%3A%2F%2Fwww.reality-tv.pl&locale=en_EN
po zaladowaniu przechodzimy do belki „Visualisation” i tam wybierając rozne modele telefonow mozna przekonac sie jak na danym aparacie prezentuje się witryna. Niestety, przegladajac serwis na każdym z tych urządzen, na samym koncu wyswietlana jest wtyczka social-slider. Jak rozwiązac ten problem?
Jeżeli chodzi o przeglądarkę Orange World, to mógłbyś wejść z niej pod ten adres i powiedzieć mi, co się wyświetli? http://xn--wicek-k0a.pl/mobile.php
Jeżeli natomiast chodzi o wszelkie witryny umożliwiające oglądanie na PC mobilnych wersji stron, to raczej sprawa jest kiepska. Wtyczka rozpoznaje mobilną przeglądarkę po tym, jak się ona przedstawia (czyli to, co Ci się wyświetli po wejściu na podany wyżej link). Akurat ten symulator z podanej przez Ciebie strony w ogóle się nie przedstawia, więc nie mam go jak zidentyfikować.
LG-GT505-Orange/V10eBrowser/Teleca-Q7.1
Zapomniałem wcześniej wspomnieć – w najnowszej wersji Social Slider nie powinien się już wyświetlać w tej przeglądarce :)
Czy jest szansa opublikowania Social Slider w wersji stand alone (nie jako wtyczki do WordPressa)? Dzięki temu można by używać go w wielu serwisach, mnie tylko opartych o WP.
No dobrze, poradziłem już sobie sam. :-)
Mam tylko nadzieję, że nie będzie to łamać praw autorskich.
Puściłem płatność. Liczę na rachunek z dzisiejszą datą (żeby sobie koszty jeszcze na styczeń nabić) :) Pozdrawiam
Nie ma problemu :) Wystarczy Ci skan rachunku, czy musisz mieć oryginał?
Trochę przerobiłem Twoją wtyczkę.
Zależało mi na tym, by wtyczka nie ładowała za każdym razem zestawu ikonek (generalnie zależało mi na przyśpieszeniu ładowania bloga)- na stronie jest sporo materiału, więc czasem mi się przytykała, zanim pojawiły się obrazki był biały prostokąt etc. (tu: http://sportykynologiczne.pl/)
Pomysł mój jest taki. Zakodowałem sobie wstępnie wszystkie ikonki w folderze icons/standard algorytmem base64 (do nazwy pliku dodałem .b64, np blip-20.png w formie base64 nazywa się u mnie ‘blip-20.png.b64′), a w pliku social-slider-2.php w linii 1254 zmieniłem adres obrazka na:
foreach ($serwisy as $serwis) {echo "ikona)."/".$serwis->ikona."-20.png.b64")."' alt='".$serwis->nazwa."' />";}
W ten sposób kod ikonki wstawiany jest bezpośrednio do treści strony- zamiast linkowany z serwera.
Na stronie miałem 5 ikonek w sliderze, więc oszczędzam 5 żądań http (a więc dla każdego- oczekiwanie, wymiana nagłówków, wysłanie obrazka). Strona standardowo kompresowana jest gzip-em (ustawienia w .htaccess), więc przyrost objętości wynikający z zastosowania base64 redukowany jest poprzez kompresję…
Może kogoś jeszcze zainteresuje ten ‘wynalazek’. więcej o tej metodzie np. tu:
http://blog.koszykzdomenami.pl/2011/03/25/zastosowanie-kodowania-base64-do-optymalizacji-stron-www/
Mam pytanie dotyczące nazwania opcji:
Sposób zachowania paska Social Slider przy przewijaniu strony:
-Przyklej pasek Social Slider na stałej wysokości okna przeglądarki
-Przesuwaj pasek Social Slider wraz z przewijaniem strony
czy to po prostu jakiś błędzik mały. U mnie po zaznaczeniu opcji drugiej czyli „Przesuwaj pasek Social Slider wraz z przewijaniem strony” slider pozostaje u góry mimo przewijania strony. Natomiast gdy zaznaczę pierwszą opcję slider przesuwa się wraz z przewijaniem.