Potrzebujesz profesjonalnej pomocy? Skontaktuj się z nami!

Wprawdzie nie planowałem na ten temat robić wpisu, ale w ciągu ostatnich kilku dni dostałem już kilka zapytań w tej sprawie, więc… Od kilku dni na obrazkach wyróżniających w postach pada sobie „śnieg”, i tak patrząc przez okno widzę, że na zewnątrz go brak, więc stąd być może aż takie zainteresowanie tym tematem – vox populi, vox Dei, więc jedziemy z tematem… ;-)

WP Super Snow (Falling Snow, Customizable)

Wprawdzie można do tego celu wykorzystać CSS i JavaScript, to zapewne w większości przypadków wygodniej i szybciej będzie skorzystać z jakiejś wtyczki, nawet jeśli na wszelkiej maści WordCampach czy WordUpach ciągle słychać, że im więcej wtyczek, tym mniej bezpiecznie… ;-)

Jeśli zdecydujecie się na wtyczkę, to w repozytorium WordPressa znajdziecie ich całą masę, zresztą w samym JetPacku znajdziecie opcję „Holiday Snow”, choć nie ma co w tym przypadku spodziewać się jakiś opcji konfiguracji.

Ja wybrałem do testów wtyczkę „WP Super Snow (Falling Snow, Customizable)”, która oferuje niezbędne dla mnie opcje konfiguracji – co, gdzie i kiedy, choć jak piszą sami twórcy wtyczki – ok. 95% użytkowników konfigurację ogranicza tylko do aktywacji wtyczki, i włączenia „śniegu”:

Co, gdzie i jak

Natomiast osoby chcące bardziej dopasować zachowanie wtyczki do swoich potrzeb mogą skorzystać z dodatkowych opcji:

Możemy wskazać m.in. miejsce, gdzie elementy się pojawią – domyślnie jest to cała strona, ale nie ma problemów, by wskazać konkretne miejsca korzystając z selektorów CSS (klasy i DIVy).

Możemy też wskazać inne niż standardowe grafiki, więc nie ma najmniejszych problemów by nie tylko zmienić „płatki śniegu” na własne, ale wstawić tam całkiem inne grafiki, niekoniecznie związane z zimą.

Standardowo każdy element w ramach animacji obraca się w lewo lub prawo. Jeśli chcemy by również obracał się wokół własnej osi, to musimy w nazwie pliku lub ścieżce do niego zawrzeć zwrot „flake”.

Można też posłużyć się małą sztuczka, i po prostu dodać ten zwrot jako parametr w adresie URL, np.:

/ścieżka/do/pliku/plik.png?flake

Możemy też wybrać ilość, szybkość i maksymalną wielkość elementów:

U mnie np. całość wygląda(ła) tak, czyli dodatkowe elementy tylko w obrazku wyróżniającym (post thumbnail):

Forecasting/Conditions

Dla mnie dość ważną opcją są warunki, dzięki którym możemy zdecydować w jakich momentach, na jakich stronach itp. chcemy wyświetlić dodatkową animację.

Standardowo są to wszystkie strony wyświetlane na urządzeniach innych, niż przenośne:

!wp_is_mobile()

Ja dodatkowo dodałem wyświetlanie tylko w przypadku widoku/wyświetlenia pojedynczego wpisu:

!wp_is_mobile() && is_single()

Ale można np. też zdefiniować konkretną stronę, tag czy kategorię:

is_page( 'nazwa-strony' )
is_page( 21 )
is_home()
is_tag( 'tag' )
is_category( 'kategoria' )

Można też skorzystać z tablicy, jeśli potrzebujemy wskazać kilka stron, kategorii lub tagów:

is_tag( array( 'jakiś tag', 'kolejny tag', 'i jeszcze jeden tag' ) )

Pełna listę wbudowanych w WordPressa tagów warunkowych wraz z przykładami znajdziecie na tej stronie…

(!) Zgłoś błąd na stronie
Potrzebujesz profesjonalnej pomocy? Skontaktuj się z nami!
Spodobał Ci się artykuł? Zapisz się do naszego Newslettera - ZERO SPAMu, same konkrety, oraz dostęp do dodatkowych materiałów przeznaczonych dla subskrybentów!
Na podany adres e-mail otrzymasz od nas wiadomość e-mail, w której znajdziesz link do potwierdzenia subskrypcji naszego Newslettera. Dzięki temu mamy pewność, że nikt nie dodał Twojego adresu przez przypadek. Jeśli wiadomość nie przyjdzie w ciągu najbliższej godziny (zazwyczaj jest to maksymalnie kilka minut) sprawdź folder SPAM.
Roztańczona Karolina dzięki motywowi Divi od Elegant Themes właśnie skończyła pierwszą stronę
WebInsider poleca księgowość wFirma
WebInsider korzysta z VPSa w HitMe.pl
WebInsider poleca VPSy DigitalOcean
WebInsider poleca serwis Vindicat
Napisz komentarz
wipl_napisz-komentarz_01Jeśli informacje zawarte na tej stronie okazały się pomocne, możesz nam podziękować zostawiając poniżej swój komentarz.

W tej formie możesz również zadać dodatkowe pytania dotyczące wpisu, na które – w miarę możliwości – spróbujemy Ci odpowiedzieć.
Linki partnerskie
Niektóre z linków na tej stronie to tzw. „linki partnerskie”, co oznacza, że jeśli klikniesz na link i dokonasz wymaganej akcji (np. zakup/rejestracja) możemy otrzymać za to prowizję. Pamiętaj, że polecamy tylko te produkty i usługi, z których sami korzystamy, i uważamy, że są tego na prawdę warte… :-)
Znaki towarowe i nazwy marek
W niektórych wpisach (oraz innych miejscach na stronie) mogą być przedstawione/użyte znaki towarowe i/lub nazwy marek, które stanowią własność intelektualną tych podmiotów, a zostały użyte wyłącznie w celach informacyjnych.
Spodobał Ci się artykuł? Zapisz się do naszego Newslettera!