Slider z miniaturkami postów, tworzymy rotator zdjęć do naszej strony

W sieci dostępnych jest cała masa gotowych skryptów galerii, różnej maści sliderów, rotatorów i tym podobnych rzeczy dzięki którym stosunkowo niskim kosztem możemy wyróżnić nasze najlepsze wpisy, czy promować najnowsze zdjęcia. Problem z gotowymi rozwiązaniami jest zwykle taki, że nie zawsze możliwe jest wkomponowanie gotowca do strony, czegoś mu brakuje, albo zwyczajnie chcielibyśmy osiągnąć jakiś niestandardowy efekt.

W tym wpisie nie będziemy tworzyć slidera zupełnie od zera, skorzystamy natomiast z ciekawego projektu, jakim niewątpliwie jest OWL Carousel. Na jego bazie opiszę, jak w prosty sposób stworzyć rotator zdjęć szyty na miarę naszych potrzeb, który następnie zintegrujemy z naszym blogiem postawionym na WordPressie.

Przejdź do wpisu

LikeBox Facebook, kod HTML5 czy iframe

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.

Przejdź do wpisu

Konfiguracja W3 Total Cache

Kontynuując ostatnie wpisy dotyczące optymalizacji WordPressa pod kątem szybkości wczytywania strony opartej o ten CMS, postanowiłem poświęcić jeden cały wpis wtyczce W3 Total Cache. Większość użytkowników myśli, że wystarczy zainstalować wtyczkę zapomnieć. Jak się za chwilę przekonacie, drobna różnica w standardowej konfiguracji, może przynieść wielkie rezultaty w postaci lepszego wyniku parametru PageSpeed, czyli wzrostu prędkości wczytywania strony, co za tym idzie lepszej optymalizacji pod kątem SEO i pozytywnych wrażeń użytkowników podczas przeglądania naszego serwisu.

Przejdź do wpisu

Optymalizacja WordPressa – część II

Witam w kontynuacji mojego ostatniego wpisu dotyczącego optymalizacji WordPressa, a właściwie strony opartej o ten właśnie CMS. Postaram się opowiedzieć więcej o tym jak podnieść wynik SpeedRank strony, oraz jak pozbyć się typowych problemów utrudniających te zadanie.

Nie od dzisiaj wiadomo, że prędkość wczytywania strony ma znaczenie. Po pierwsze użytkownicy – tak na prawdę każdy z nas jest użytkownikiem i wie jak irytujące jest czekanie na wczytanie się strony. Po drugie, jako dosyć nowy trend brany pod uwagę przy wyświetlaniu wyników wyszukiwania w Google.

Czy przyspieszenie strony ogranicza się jedynie do kupna droższego serwera? Zdecydowanie nie. Nawet na najtańszych serwerach współdzielonych na stronach możemy podnieść SpeedRank, a nawet wskoczyć na całkiem przyzwoity poziom. Chwaliłem się tym już ostatnio, ale wynik cieszy – dla tego bloga, dla najczęściej odwiedzanego artykułu udało mi się wskoczyć z poziomu 59 na 90 dla urządzeń mobilnych i z 73 na 96 dla pecetów. 😀

Przejdź do wpisu

Facebook LikeBox Slider, czyli MUSLI – poprawiony i ulepszony

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.

Przejdź do wpisu

jQuery plugin Social Facebook Slider

Zapraszam, do sprawdzenia zaktualizowanej wersji artykułu i przetestowania pluginu jQuery animującego zakładki jQuery plugin Social Facebook Slider.

Dla ułatwienia życia niektórym z nas napisałem prosty plugin jQuery, który jest odpowiedzią na pytania jakie dostaje dotyczące mojego artykułu o tym jak zrobić wysuwany LikeBox, social Facebook slider. Plugin został rozbudowany o możliwość zdefiniowania eventu, który uruchomi animację, oraz podania czasu tej animacji.

Przejdź do wpisu