Filip Klar web developer blog

Na każdej stronie internetowej zdjęcia są ciekawym dodatkiem do treści, które na pewno przyciągają wzrok gości. Użytkownicy WordPressa wiedzą, że system ten pozwala na proste dodawanie multimediów do wpisów, a do tego sam automatycznie dopasowuje fotografie do wskazanych wcześniej rozmiarów. Dzięki temu mamy łatwy dostęp do miniaturki, którą możemy wstawić na listę postów czy trochę większych zdjęć, które pomogą nam promować naszego bloga na portalach społecznościowych.

Niestety, problem pojawia się, gdy chcemy zmienić rozmiar zuploadowanych już zdjęć. Opcje, które znajdziemy w Kokpit » Ustawienia » Media nie działają wstecz. Dopiero nowo dodane zdjęcia otrzymają nowe wymiary. Trzeba więc jakoś to obejść.

a) skalowanie za pomocą CSS

Pierwszą metodą, którą Wam przedstawię, jest zmiana wyświetlanych rozmiarów zdjęć za pomocą arkuszu stylów. Należy pamiętać, że w żaden sposób nie wpłynie to na rzeczywiste obrazki, lecz tylko na ich osadzenie na stronie. W tym celu można skorzystać z takich właściwości jak:

• width i height
• min-width i min-height
• max-width i max-height

Na upartego da się nawet w ograniczony sposób kadrować zdjęcia, jeśli wstawimy je do nadrzędnych div-ów o określonych wymiarach i poeksperymentujemy z position: absolute i overflow: hidden.

Minusem skalowania przez CSS jest to, że tak wyświetlane obrazki często będą miały niezadowalającą jakość. Głównie zależy to od używanej przeglądarki, a także różnicy jaka dzieli oryginalne i docelowe wymiary.

b) skalowanie za pomocą PHP

Dużo lepszym rozwiązaniem jest utworzenie nowej fotki na podstawie już istniejącej. Na jednej ze stron, na której potrzebowałem dodatkowego rozmiaru zdjęcia utworzyłem specjalny folder i dodałem do motywu funkcję która:

• sprawdzała, czy grafika o podanej nazwie już istnieje, a jeśli nie:
  • znajdowała plik do przeskalowania
  • przeliczała wymiary dla nowej fotografii
  • skalowała obraz
  • zapisywała nowy plik JPG do określonego katalogu
• w rezultacie zwracała adres URL obrazka

Plus tej operacji jest taki, że skrypt sam będzie tworzył nowe grafiki, wtedy gdy będą potrzebne. W moim przypadku było to najlepsze wyjście, bo nowych miniaturek nie potrzebowałem do wszystkich mediów, a jedynie do ikon artykułów z pewnej kategorii.

Do skalowania zdjęć i innych operacji na nich przydadzą się biblioteki ImageMagick, GD (zwykle domyślnie zainstalowane na serwerze) lub bardzo proste w obsłudze PHPThumb.

Niestety, aby samemu poradzić sobie z modyfikowaniem obrazków w PHP, niezbędna jest wiedza i jakieś wcześniejsze doświadczenie z tym językiem. Zwykły użytkownik, który nigdy wcześniej nie bawił się kodem nie jest w stanie samemu przygotować sobie nowych plików. Pozostaje więc poszukanie narzędzia, które wszystko zrobi automatycznie.

c) wtyczka Regenerate Thumbnails

Z odsieczą przychodzi darmowe narzędzie, które automatycznie zeskaluje zdjęcia.

Plugin możemy znaleźć tutaj. Po instalacji, w zakładce Narzędzia » Regen. Thumbnails będziemy mogli hurtowo przekonwertować wszystkie dodane w przeszłości pliki graficzne do nowych rozmiarów. Od razu uprzedzam, że cały proces zajmuje dłuższą chwilę (tym dłuższą im więcej mamy zdjęć w bibliotece mediów). Jest on natomiast bezpieczny i skuteczny.

Zdecydowanie to najlepsze rozwiązanie dla blogerów, ponieważ:

• zapewnia bardzo dobrą jakość wyświetlanych zdjęć
• nie wymaga żadnych umiejętności programistycznych
• jest proste w użyciu – wystarczy kilka kliknięć

Moim zdaniem funkcja wtyczki powinna być wbudowana w WordPressie i skrypt powinien sam pytać czy miniatury mają zostać odświeżone po zmianie wymiarów w ustawieniach.

Mam nadzieję, że teraz już nikomu nie sprawi trudności zregenerowanie mediów zgodnie z nowymi ustawieniami.