NextGEN to najlepsza (moim skromnym zdaniem) wtyczka do wyświetlania zdjęć. Jej autorem jest Alex Rabe.
Ponieważ jej instalacja i konfiguracja może być odrobinę kłopotliwa, zwłaszcza dla ludzi nie znających języka angielskiego, postanowiłam stworzyć polską dokumentację. Mam nadzieję, że się Wam przyda ;) .

INSTALACJA

  1. ściągnij nggalery.zip ze strony Alex’a Rabe
  2. rozpakuj
  3. ściągnij polskie pliki językowe z kolejnej podstrony
    UWAGA! Upewnijcie się, że pliki językowe są *kompatybilne*. Np. jeśli w wp-config.php jest WP_LANG PL_pl, to pliki językowe dla WordPress powinny mieć nazwy PL_pl.po i PL_pl.mo,
    a pliki dla NextGEN nggallery-PL_pl.mo. i nggallery-PL_pl.mo.
    Jeśli w wp-config.php jest pl_PL albo pl to pozostałe pliki też muszą mieć taką nazwę.
  4. rozpakuj je i wrzuć do folderu nextgen-gallery/lang
  5. folder nextgen-gallery załaduj do wp-content/plugins i aktywuj wtyczkę w panelu administracyjnym; pojawi Ci się nowa zakładka Galeria

Standardowo wtyczka zawiera wsparcie tylko dla efektu Thickbox; by działał pokaz slajdów, efekt Lightbox i Highslide trzeba załadować dodatkowe pliki.

  1. pokaz slajdów
    - ze strony Jeroen Wijering ściągnij wtyczkę JW Image Rotator
    - rozpakuj ja i skopiuj plik imagerotator.swf (tylko ten jeden!) do folderu nextgen-gallery
  2. efekt Lightbox
    - ściągnij wtyczkę Lightbox 2 ze strony 4mj.it
    - rozpakuj i do wp-content/plugins wrzuć folder lightbox oraz plik lightbox2.php
    - aktywuj wtyczkę w panelu administracyjnym
  3. efekt Highslide
    - ze strony Jesse J. Heap & Son, Inc ściągnij wtyczkę WordPress HighSlide JS Plugin
    - rozpakuj i wrzuć do wp-content/plugins
    - ze strony Torstein Honsi załaduj Highslide JS, rozpakuj, skopiuj plik highslide.js (tylko ten jeden!) i wrzuć do folderu wp-content/plugins/highslide
    - aktywuj wtyczkę WP-Highslide w panelu administracyjnym

Czym jest galeria a czym album?

ALBUM – kolekcja jednej lub więcej galerii; używany, gdy chcemy stworzyć osobną stronę, na której będzie pokazane kilka galerii ze zdjęciami (można się bez niego obejść jeżeli zamierzamy tworzyć tylko i wyłącznie galerie, które będą pojedynczo wyświetlane we wpisach/na stronach)
GALERIA – zbiór zdjęć podzielonych na kategorie

KONFIGURACJA (panel administracyjny -> Galeria)

  • Dodawanie zdjęć i galerii
    Najpierw w wp-content tworzymy folder gallery; jeśli nowe galerie chcemy tworzyć przez panel administracyjny (a nie np. klienta FTP) to musi on mieć chmod 777. Następnie możemy utworzyć nową galerię wpisując jej nazwę (uwaga! tu nie wolno używać polskich znaków!).
    W tej zakładce możemy również zdjęcia zapisane jako .zip, zdjęcia z innego folderu na naszym serwerze i przede wszystkim możemy dodać zdjęcia do nowo utworzonej galerii (Dodaj zdjęcia).
  • Galerie
    Spis wszystkich galerii z opcją ich edycji i usunięcia.
    Kliknięcie w link edycja pozwala nam na dokonanie zmian w obrębie galerii, takich jak dodanie/zmiana tytułu i opisu (ten opis będzie się wyświetlał tylko jeśli utworzymy zbiorczą stronę – album z kilkoma galeriami), wybór zdjęcia, które będzie reprezentowało daną galerię. Można też edytować same zdjęcia z danej galerii: dodać/zmienić opis i tytuł oraz ustawić znak wodny, utworzyć nowe miniatury, zmienić rozmiar.
  • Albumy
    Zakładka istotna dla tych, którzy będą chcieli utworzyć jedną (lub więcej) zbiorczą stronę z kilkoma galeria. Tu właśnie tworzymy ten album i przerzucamy do niego wybrane galerie (metodą przeciągnij i upuść)
  • Opcje
    Najważniejsza zakładka w NextGEN ;). Jak dla mnie właśnie duży wybór opcji i możliwość dostosowania ich do własnych potrzeb stanowi o ‘wielkości’ tej właśnie wtyczki.
    - opcje ogólne: pozwalają ustawić ścieżkę do galerii, powiązać obrazy z wpisami
    - miniatury (zmiana jakichkolwiek ustawień na tej podstronie wymaga utworzenia nowych miniatur w już istniejących galeriach): czyli ich rozmiar, proporcje i jakość
    - obrazy: ich rozmiar i jakość
    - galeria: pozwala określić ustawianie dla pojedynczych galerii takie jak ilość obrazów na stronie, treść linków do pokazu slajdów i listy miniatur, sposób sortowania zdjęć w obrębie galerii
    - efekty: można tu zadecydować jakie efekty będą powiązane z naszymi miniaturami; standardowo jest to efekt Thickbox, możemy jednak wybrać także Lightbox, Highslide (oba jeśli wcześniej zostały zainstalowane odpowiednie dla nich wtyczki), shutter lub też własny
    - znak wodny: można ustalić miejsce wyświetlenia, kolor, wielkość i treść znaku wodnego
    - pokaz slajdów (aktywny po wcześniejszym zainstalowaniu JW Image Rotator): tu najbardziej interesujące są efekty przejścia/zanikania; od ‘standardowych’ po bardzo efektowane bąbelki :)
  • Wygląd
    Tu możemy edytować plik nggallery.css, który odpowiada za sposób wyświetlania wszelakich elementów tej wtyczki.
    UWAGA dla użytkowników Opery! W tej przeglądarce link prowadzący do pokazu slajdów (w widoku galerii) wyświetla się nieprawidłowo, spychając w dół ostatnią w rzędzie miniaturę. Można temu zaradzić zmieniając:
    .ngg-gallery-thumbnail-box { float: left; }
    na
    .ngg-gallery-thumbnail-box { margin-top: 10px; align-text: left; }
  • Ustawienia; tu możemy przywrócić domyślne usatwienia oraz odinstalować wtyczkę
  • Funkcje
    Pozwala określić najniższą funkcję użytkownika który ma mieć dostęp do konkretnych operacji w obrębie NextGEN
  • O galerii
    Czyli słów kilka o autorze wtyczki i podziękowania ;)

PREZENTACJA
Jeśli utworzyliśmy już galerie i/lub album to najwyższy czas pokazać je światu.
[xx to ID odpowiedniego albumu lub galerii lub zdjęcia, który chcemy wyświetlić, width – szerokość w px, height – wysokość w px]

  1. Strona – album z kilkoma galeriami.
    - w panelu administracyjnym tworzymy nową stronę, która możemy nazwać np. Fotki
    - w treści wpisujemy lub (zobacz poniżej różnice w sposobie wyświetlania)
  2. Pojedyncza galeria (np. we wpisie)
    - przy pisaniu notatki dodajemy w miejscu, gdzie ma się ona wyświetlać
    - można też użyć opcji
    - kilka dni temu Alex Rabe udostępnił również wtyczkę Polaroid; instaluje się ja jak każdą inną wtyczkę, jednak do prawidłowego funkcjonowania wymaga ona oczywiście NextGEN. Tag: [polaroid=xx,width,height] pozwala wyświetlić galerię w taki oto sposób (kliknięcie na fragment któregokolwiek zdjęcia powoduje jego przesunięcie na pierwszy plan)
  3. Pokaz slajdów
    - w treści wpisu dodajemy [Gallery not found][nggallery id="6"]
  4. Pojedyncze zdjęcie
    Tag służący wyświetleniu danego zdjęcia wygląda następująco:
    [SinglePic not found] gdzie mode i float są dodawane opcjonalnie, a kryje sie pod nimi:
    - mode:
    - -“web20” – efekt odbicia w wodzie
    - -“watermark” –znak wodny ustawiony podczas konfiguracji
    - float:
    - -“left” – dodaje do zdjęcia styl float: left;
    - -“right” dodaje do zdjęcia styl float: right;

I to by było na tyle o NextGEN ;). Udanych fotek życzę.