Download, sterowniki

Jak dodawać animacje GIF do naszej strony na WordPressie

Autor
Michał Majchrzycki
Data dodania
07.09.2016
Ilość komentarzy
0

W dzisiejszym poradniku mamy sposób na zamieszczanie popularnych GIF-ów czyli animacji obrazków, które są bardzo popularne w internecie. Jeżeli nie wiecie, jak to zrobić lub jeżeli chcecie poprawić wygląd swojej strony, zapraszamy do zapoznania się z naszym poradnikiem.

GIF-y czyli krótkie animacje, zwykle żartobliwe, możemy umieszczać na naszej stronie na co najmniej kilka różnych sposobów. Nie zawsze jednak najprostsze są najlepsze. Niekiedy samo wrzucenie grafiki GIF tak jak innego formatu przynosi zgoła odwrotny efekt. Często animacje GIF wrzucone przez Bibliotekę mediów na naszym panelu zarządzania Wordpressem po prostu się nie odtwarzają na stronie. Widać na nich tylko jeden kadr z animacji bądź początkowy widok.

Można też zamieszczać animacje, wklejając je jako kod z popularnych serwisów internetowych (vide GIPHY). Ta metoda jest o tyle lepsza, że gwarantuje nam poprawne wyświetlenie animacji GIF. Ma jednak swoje minusy - powoduje, że razem z animacją umieszczamy też reklamę zewnętrznego serwisu, co nie wszystkim musi się podobać. No i musimy za każdym razem dbać o oto, aby dokładnie wkleić skopiowany kod HTML, co nie jest łatwe. A zatem z jakiej opcji skorzystać? Możemy np. zainstalować odpowiednią ku temu wtyczkę.

Dodawanie GIF-ów na stronę za pomocą wtyczki

Wtyczek na Wordpressa, które pozwalają na wygodne i przyjazne umieszczanie GIF-ów jest całkiem sporo. Tutaj chcielibyśmy przestawić wtyczkę, która pozwala na umieszczanie animacji z popularnego serwisu GIPHY. Jest to darmowa wtyczka o nazwie Giphypress.

Instalujemy ją standardowo, czyli najpierw pobieramy z zakładki Wtyczki, a następnie rozpakowujemy i aktywujemy na naszej stronie. Po zainstalowaniu, wtyczka Giphypress dostępna jest z poziomu lewego paska menu. A konkretnie - z poziomu każdego wpisu i każdej podstrony w naszym panelu zarządzania stroną Wordpress. Przejdźmy teraz do kolejnych kroków, które pozwolą nam na szybkie dodawanie i wyświetlanie GIF-ów na naszej stronie internetowej.

A zatem, po zainstalowaniu dodatku, przechodzimy do kolejnych kroków - konfiguracji narzędzia. Kiedy już zainstalujemy Giphypress, przechodzimy do dowolnej podstrony czy wpisu na naszej witrynie. Tutaj, w edycji wpisu w pasku narzędziowym odnajdujemy nową ikonę, która pojawiła się na liście. To właśnie skrót do GIF-ów oferowanych z poziomu strony GIPHY.

Teraz wystarczy już tyko kliknąć ikonę, a następnie wpisać słowa kluczowe, które pozwolą nam wyszukanie interesującego nas GIF-u. Rzecz jasna, zapytania najlepiej jest wpisywać w języku angielskim, który jest najczęściej używanym w serwisach typu GIPHY.

Warto tutaj zaznaczyć, że umieszczane przez nas GIF-y najlepiej jest wyszukiwać po frazach i słowach kluczowych. Można też wpisać kilka tagów, które ułatwią zlokalizowanie interesującego nas materiału. To znacznie ułatwia i przyśpiesza wyszukiwanie GIF-ów.

Zasada działania jest podobna do innych aplikacji, w których pojawia się GIPHY - np. Facebook Messenger. Po wpisaniu zapytania, otrzymujemy listę animowanych odpowiedzi najbliżej wpisanej przez nas frazy. Teraz wystarczy już tylko wybrać interesujący nas GIF, klikając go myszką. GIF zostanie natychmiast wstawiony do naszego wpisu czy podstrony.

Oprócz samej animacji GIF pojawi się też link do udostępniania GIFU, a także skrót do kodu źródłowego i informacja, z jakiego serwisu pochodzi materiał. Poza tym mamy pewność, że zamieszczony przez nas materiał będzie wyświetlał się poprawnie na naszej stronie. Co więcej, nie zajmuje on miejsca na wykupionym przez nas hostingu. Animacja GIF jest bowiem osadzona tylko na naszej stronie, co oznacza, że fizycznie nie znajduje się na niej.

Na zakończenie tego poradnika zachęcamy do komentowania i wpisywania swoich problemów. Jeżeli nie możecie poradzić sobie z animacjami na swojej stronie, jeżeli macie problemy z osadzaniem GIF-ów czy innego rodzaju grafik, zachęcamy do opisywania swoich kłopotów. My z naszej strony postaramy się szybko i sprawnie odpowiedzieć na wszelkiego rodzaju zgłoszenia. Jeżeli macie pomysły na inne poradniki lub szukacie zbliżonych informacji - piszcie również, postaramy się coś przygotować.

Dołącz do dyskusji

comments powered by Disqus