Jak usprawnić wyświetlanie zdjęć? Cz.2 – zestaw wtyczek

W poprzedniej części dowiedzieliście się co przyniosły dobrego dla użytkownika kolejne wersje WordPress. Dzisiaj przedstawię listę wybranych wtyczek, które mają za zadanie „podrasować” sposób wyświetlania zdjęć( plików multimedialnych).

Zdjęcia są częstym elementem wypełniającym treść strony wpisu. Warto więc zadbać o ich atrakcyjność wyświetlania. Jeżeli podstawowe funkcje nie starczają, to nic nie stoi na przeszkodzie by je dodać, przy pomocy odpowiednich wtyczek. Osobistym kryterium wyboru są łatwość obsługi, szybkość działania, czysty wygląd oraz brak ingerencji w instalację WordPress. Biorąc to na uwagę, udało zebrać mi się parę przykładów, którymi chcę się z wami podzielić. Miłej lektury!

Zanim wstawimy zdjęcia na naszej stronie warto zajrzeć do Media Library (Biblioteka Mediów). Do każdego zdjęcia (pliku) można dodać parę słów dodatkowych informacji, a także zmienić jego nazwę

Informacje o pliku
Informacje o pliku

Dostępne mamy pola:

  • Caption – jest to przypis pod zdjęciem, wyświetlany jest automatycznie po zamieszczeniu w treści wpisu. Może zawierać parę słów co dotyczącej treści zdjęcia.
  • Alternative text – gdy z jakiś powodów zdjęcie nie jest wyświetlane, zamiast niego używany jest ten opis. Często służy do zamieszczania dodatkowego opisu podczas wyświetlania zdjęć przez dzisiaj wspomniane wtyczki
  • Description – mało używane przez wtyczki, przeważnie zawiera dodatkowe informacje widzialne tylko dla autora postu

Także po wstawieniu zdjęcia do treści można parę opcji naciskając “Edytuj” na zdjęciu. Jeżeli powyższe pola będą puste, to nie zostaną one wyświetlone. Nie zawsze użytkownik ma potrzebę ich umieszczania.

Zebrane poniżej wtyczki, nie zawsze pracowały poprawnie( nie koniecznie musi być tak u was). Czasami nie wypełniały poleceń/opcji przewidzianych przez autora, mimo to spełniły swoje zadanie. Polecam zainstalować każdą z nich, przetestować i wybrać najlepszą dla siebie.  Można także wcześniej zajrzeć do repozytorium WordPress i przejrzeć funkcjonalność wtyczek. Często dostępne jest demo. Główne różnice jakie można zauważyć między nimi to:

  • wygląd ramki wyświetlania (gdzie są przyciski, tekst), kolor, tło
  • animacje przy włączaniu/wyłączaniu czy przewijaniu
  • ilość opcji (jeśli w ogóle są)
  • czy są nadal rozwijane

Przejdźmy zatem do przedstawienia wtyczek wspierających sposób wyświetlania zdjęć na stronie:

Auto Thickbox

  • brak ustawień
  • działa tylko na pojedynczych zdjęciach, które grupuje
  • jest nawigacja z klawiatury
  • przyciemnia tło, biała ramka dookoła
  • wyświetla pole „Alternative Text” jako opis w bialej ramce
  • skaluje zdjęcia do ustalonego rozmiaru

Blueimp Lightbox

  • działa tylko na pojedynczych zdjęciach, które grupuje
  • jest nawigacja z klawiatury
  • nie wyświetla opisu
  • skaluje zdjęcie do maksymalnej wysokości ekranu
  • b.malo ustawień (2 pozycje)
  • szybko działa, efekt ładowania zdjęć fade in fade out

Easy Fancybox

  • sporo możliwych ustawień w zakładce w MEDIA. Wersja pro odblokowuje
  • parę dodatkowych
  • działa tylko na pojedynczych zdjęciach, które grupuje (można zmienić)
  • lekki efekt pop-up przy otwieraniu
  • wyświetla tekst alternatywny jako opis na obrazie (można wyłączyć)
  • jest nawigacja z klawiatury

Fancybox

  • lekkie przyciemnienie tła
  • działa tylko na pojedynczych zdjęciach, które grupuje
  • alternatywny tekst wyświetlany jest w osobnej ramce
  • jest nawigacja z klawiatury
  • nie posiada opcji
  • skaluje zdjęcia do ustalonego rozmiaru

FancyBox for WordPress

  • dostępne są Ustawienia w zakładce Settings/Fancybox for WP
  • lekko przyciemnia, biała ramka
  • odnosi się do pojedynczych zdjęć. Domyślnie grupuje, można wyłączyć
  • nie ma teksu alternatywnego

Lightbox plus colorbox

  • jest trochę opcji do wyboru w Appearance / lightbox plus
  • można załączyć tekst alternatywny opisu
  • możliwa zmiana koloru
  • oddzielnie , grupowanie
  • można zmienić wyglądu okna wyświetlania
  • ustawienie rozmiaru

Shutter Reloaded Plus

  • szybka, troche stara
  • nie ma opcji

Simple colorbox

  • zero ustawień
  • zdjęcie w okienku skalowanym
  • jest nr zdjęcia, nie ma opisu alternatywnego
  • tło przyciemniane kreskowane

Simple lightbox

  • ustawienia nie zawsze łapią (Appearance/Lightbox)
  • aktywuje na pojedyncze zdjęcia oraz galerie
  • można wyłączyć grupowanie
  • wyświetla na cała stronę, automatycznie przewijanie

WP lightbox 2

  • działa tylko na pojedynczych zdjęciach, które grupuje
  • opis i nr zdjęcia w górnej prawej części białej ramki
  • przyciemnia tło
  • parę opcji, więcej w pro

Każdą z tych wtyczek należy uaktywniać pojedyńczo. Czasami też trzeba ponownie wstawić zdjecia po zmianie wtyczki.

Jeżeli macie jakąś propozycję do listy, proszę podzielcie się w komentarzach.

Pozdrawiam

Sebastian

Leave a Reply

Your email address will not be published. Required fields are marked *