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.
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.
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.
Korzystając z wolnych chwil postanowiłem zająć się MUSLI. Komentarze, prośby, oraz pytania pod artykułami dotyczące tego jak dodać do strony slider z Facebookowym LikeBoxem pozwoliły mi na poznanie waszych oczekiwań, oraz potrzeb względem MUSLI. Dzięki takiej motywacji, w tej odsłonie plugin potrafi trochę więcej i to przy podobnym nakładzie pracy i czasu. Zapraszam.
