Envato Elements - pobieraj co chcesz, ile chcesz

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.

Patryk

CEO Webinsider.pl, a do tego CTO, CIO, CFO, CMO, CSO, COO i CRO ;-)
Pasjonat nowych technologii - od sprzętu po oprogramowanie, od serwerów po smartfony i rozwiązania IoT. Potencjalnie kiepski bloger, bo nie robi zdjęć "talerza" zanim zacznie jeść.

Dumny przyjaciel swoich psów :-)
Na WebInsider.pl korzystamy z motywu Extra od Elegant Themes. Zobacz dlaczego...