Cześć, chciałbym podzielić się z Wami moją najnowszą wtyczką – Musli Social Links, która właśnie została dodana do oficjalnego repozytorium WordPress.
Nowa wtyczka to całkowicie uproszczona i odchudzona wersja mojego poprzedniego tworu, tak chodzi o Musli. Wtyczka pozwala na „zadokowanie” ikon mediów społecznościowych wraz z odnośnikami do naszych profili przy krawędzi przeglądarki. I to w zasadzie wszystko co robi. 😎
Social Links Slider, to praktyczny przykład zastosowania HTML, CSS oraz ikon Font Awesome do stworzenia ciekawego widgetu na stronę www, który będzie w elegancki sposób promował nasze profile w sieciach społecznościowych. W tym wpisie udostępniam stworzony przeze mnie prosty dodatek do strony (w kilkunastu wersjach!), który wyróżni wszystkie Twoje linki!
Jak zwykle, jest to bardzo elastyczne rozwiązanie, które można łatwo modyfikować, dodawać kolejne linki, oraz dowolnie manipulować kolorami. Dzięki wykorzystaniu czcionki z ikonami – Font Awesome, bez problemu możemy taki slider dopasować do każdej strony, zarówno pod względem ikon jak i ogólnego wyglądu. Warto zaznaczyć, że jest to kolejne rozwiązanie bazujące na samym HTML i CSS z pominięciem JavaScript.
Facebook slider już nie raz był tematem na tym blogu, a ponieważ wpisy dotyczące tego rodzaju rzeczy cieszą się sporym zainteresowaniem postanowiłem dodać coś nowego w tym właśnie temacie.
Chęć posiadania LikeBoxa (który już niedługo zostanie zastąpiony Page Pluginen) w „przyklejonym” do okna przeglądarki okienka jest dosyć spora. Takie rozwiązanie jednocześnie wyróżnia, to co się w nim znajduje, ale też nie rzuca się w oczy. No i jest to też ciekawe urozmaicenie na stronie.
Musli, to mały, prosty dodatek do strony postawionej na WordPress-ie. Dzięki Musli, w bardzo łatwy sposób możemy dodać do naszej strony dodatkowe, animowane zakładki, na których możemy promować nasze profile społecznościowe, najlepsze wpisy na blogu, czy choćby najpopularniejsze filmy z YouTube.
Do największych zalet WordPress należy zaliczyć ogromną społeczność skupioną wokół projektu oraz tworząca całą masę nowych dodatków. Coraz częściej znalezienie odpowiedniego pluginu, który posiada wszystkie potrzebne, niezbędne nam funkcjonalności zajmuje dużo czasu. Ostatnio sam szukałem pewnego rozwiązania, i zajęło mi to całkiem sporo czasu.
Najpierw odpowiednie sformułowanie frazy nazywającej to czego szukamy, później oddzielenie ziaren od plew, czyli instalacja, włączenie, skonfigurowanie, sprawdzenie wyniku działania, wyłączenie i usunięcie.
To podsunęło mi pomysł na ten wpis. Zajmiemy się pluginami społecznościowymi, które dodają widgety do sidebarów, a w nich strumienie aktywności na Facebooku, Google plus, Twitterze. Google + Badge, liczniki czytelników, fanów, itd.
W odpowiedzi na kilka ostatnich powtarzających się maili z pytaniami dotyczącymi MUSLI i nie tylko postanowiłem dodać ten krótki wpis z mam nadzieję wyczerpującymi odpowiedziami. Nie będzie może żadnych rewelacji, ale większość tutaj wpisów powstaje tylko po ty by pamiętać, że tak można. 🙂 Do rzeczy…
Jedno z pytań dotyczyło tego, czy da się i jak połączyć inny plugin z efektownymi animacjami z MUSLI. Otóż da się i nawet można to zrobić na kilka sposobów, ale o tym za chwilę…
Inne pytanie, „czy w sliderze zakładek, jak MUSLI, do zakładki można dodać inne niż Facebook LikeBox treści?” -Zdecydowanie tak!
W większości poradników preferowany jest kod LikeBoxa w postaci iframe z tego względu że jest on 'najprostszą opcją’ – aby osadzić plugin na stronie wystarczy jeden wygenerowany kod ramki wkleić do kodu HTML, w miejscu w którym chcemy, aby widget się pokazał.
Natomiast przy wykorzystaniu pozostałych, sprawa się trochę komplikuje, bo trzeba dołączyć dodatkowe skrypty i dużo zależy od tego co już masz na stronie.
W każdym razie, wszystkie poradniki się nadają, a wysuwaną ramkę możesz wypełnić czymkolwiek (obrazek, formularz, jakiś tekst, kalendarz itp.). Weźmy za przykład poradnik z mojego bloga. Wszystko należy zrobić tak jak jest opisane w tym artykule do momentu, w którym ramkę trzeba wypełnić, czyli wygenerować kod LikeBoxa. W tym miejscu możesz wkleić każdy inny kod LikeBoxa, pod warunkiem, że zrobisz to w sposób zalecany na stronie deweloperów Facebook-a.
