Jak zmienić rozmiar wyróżnionego obrazu w WordPress

Wyróżnione obrazy (znane również jako miniatury postów) są istotną częścią witryn WordPress. Zapewniają one wizualną atrakcyjność postów, stron i list archiwalnych, pomagając zaangażować użytkowników. Czasami może być konieczne dostosowanie rozmiaru tych wyróżnionych obrazów, aby lepiej pasowały do projektu i układu witryny. Niniejszy przewodnik przeprowadzi Cię przez proces zmiany rozmiaru wyróżnionego obrazu w WordPress, obejmując różne metody, od dostosowywania ustawień po edycję plików motywu.

Metoda 1: Zmiana rozmiaru wyróżnionego obrazu za pomocą ustawień WordPress

Niektóre motywy umożliwiają dostosowanie rozmiaru wyróżnionego obrazu bezpośrednio z poziomu WordPress Customizer lub Theme Settings. Ta metoda jest prosta i nie wymaga żadnego kodu.

Krok 1: Sprawdź ustawienia obrazu w narzędziu Customizer

1. Zaloguj się do pulpitu nawigacyjnego WordPress.
2. Przejdź do Wygląd > Dostosuj.
3. Poszukaj ustawień związanych z polecanymi obrazami, miniaturami postów lub ustawieniami bloga. Ustawienia te różnią się w zależności od używanego motywu.
4. Jeśli to możliwe, dostosuj szerokość i wysokość wyróżnionych obrazów.
5. Kliknij Publikuj, aby zapisać zmiany.

Krok 2: Sprawdź ustawienia obrazów w opcjach motywu

Niektóre motywy premium mają własne ustawienia rozmiarów obrazów w opcjach motywu lub panelu motywu:

1. Przejdź do Opcji motywu na pulpicie nawigacyjnym WordPress.
2. Poszukaj opcji związanej z ustawieniami obrazów lub miniatur postów.
3. Dostosuj rozmiar wyróżnionych obrazów zgodnie z własnymi preferencjami.
4. Zapisz zmiany i sprawdź, jak wyróżnione obrazy pojawiają się na froncie.

Jeśli Twój motyw nie ma wbudowanej opcji zmiany rozmiarów wyróżnionych obrazów, możesz skorzystać z innych poniższych metod.

Metoda 2: Zmień rozmiar wyróżnionego obrazu za pomocą ustawień obrazu w mediach

WordPress pozwala ustawić domyślne rozmiary obrazów dla różnych typów obrazów, w tym miniatur, średnich i dużych obrazów.

Krok 1: Dostosowanie ustawień mediów

1. Przejdź do Ustawienia > Media na pulpicie nawigacyjnym WordPress.
2. Tutaj możesz dostosować domyślne rozmiary dla:
   • Rozmiar miniatury: Ten rozmiar jest często używany dla wyróżnionych obrazów.
   • Średni rozmiar: Odpowiedni dla obrazów używanych w postach.
   • Duży rozmiar: Dla pełnowymiarowych obrazów wyróżnionych.
3. Zmień szerokość i wysokość rozmiaru miniatury lub dowolnego innego rozmiaru odpowiadającego wyróżnionym obrazom.
4. Kliknij przycisk Zapisz zmiany.

Krok 2: Ponowne generowanie miniatur

Po dostosowaniu ustawień multimediów należy ponownie wygenerować miniatury, aby zastosować nowe ustawienia rozmiaru do istniejących obrazów.

• Zainstaluj i aktywuj wtyczkę, taką jak Regenerate Thumbnails.
• Przejdź do Narzędzia > Regen. Miniatury.
• Kliknij Regeneruj miniatury dla wszystkich załączników.

Spowoduje to zmianę rozmiaru istniejących wyróżnionych obrazów, aby dopasować je do nowych ustawionych wymiarów.

Metoda 3: Zmiana rozmiaru wyróżnionego obrazu za pomocą kodu

Jeśli czujesz się komfortowo z dodawaniem kodu, możesz ręcznie zdefiniować rozmiar wyróżnionych obrazów w pliku functions.php motywu.

Krok 1: Zdefiniuj niestandardowe rozmiary obrazów w functions.php

1. Przejdź do Wygląd > Edytor motywu.
2. Wybierz plik functions.php aktywnego motywu.
3. Dodaj następujący kod, aby zdefiniować nowy niestandardowy rozmiar obrazu:
   add_theme_support(‘post-thumbnails’); add_image_size(‘custom-featured-image’, 800, 400, true);
   • Zastąp “custom-featured-image” wybraną przez siebie nazwą.
   • Dostosuj 800 (szerokość) i 400 (wysokość) do żądanych wymiarów.
   • Parametr true gwarantuje, że obraz zostanie przycięty do określonego rozmiaru.

Krok 2: Użyj niestandardowego rozmiaru obrazu w swoim szablonie

Aby użyć nowego rozmiaru obrazu dla wyróżnionych obrazów, zaktualizuj pliki szablonu motywu (np. single.php, archive.php lub content.php), w których wywoływany jest wyróżniony obraz.

1. Zlokalizuj część szablonu, która wywołuje miniaturę posta, taką jak:
   the_post_thumbnail(‘thumbnail’);
2. Zastąp “thumbnail” niestandardowym rozmiarem obrazu, który zdefiniowałeś:
   the_post_thumbnail(‘custom-featured-image’);

Krok 3: Regeneracja miniatur

Po dodaniu kodu zregeneruj miniatury za pomocą wtyczki takiej jak Regenerate Thumbnails, aby zastosować zmiany do istniejących obrazów.

Metoda 4: Zmiana rozmiaru wyróżnionego obrazu za pomocą kreatora stron

Jeśli korzystasz z kreatora stron, takiego jak Elementor, Divi lub WPBakery, często możesz dostosować rozmiar wyróżnionych obrazów bezpośrednio za pomocą interfejsu kreatora stron.

Krok 1: Otwórz stronę/post w kreatorze stron

1. Edytuj stronę lub post za pomocą kreatora stron.
2. Wybierz widżet obrazu lub widżet postu, w którym wyświetlany jest wyróżniony obraz.

Krok 2: Dostosowanie ustawień rozmiaru obrazu

1. Poszukaj opcji Rozmiar obrazu lub Rozmiar miniatury postu w widżecie.
2. Wybierz predefiniowany rozmiar (np. Miniatura, Średni, Duży) lub określ niestandardowe wymiary.
3. Zapisz zmiany i wyświetl podgląd strony, aby upewnić się, że obrazy są wyświetlane zgodnie z oczekiwaniami.

Ta metoda jest szczególnie przydatna, jeśli masz różne wymagania dla różnych stron lub postów i chcesz mieć większą kontrolę nad każdą instancją wyróżnionego obrazu.

Metoda 5: Użyj wtyczki do niestandardowych rozmiarów wyróżnionych obrazów

Jeśli nie czujesz się komfortowo z edytowaniem kodu, istnieją wtyczki, które mogą pomóc w tworzeniu niestandardowych rozmiarów obrazów bez dotykania pliku functions.php.

Polecane wtyczki:

• Simple Image Sizes: Ta wtyczka umożliwia tworzenie niestandardowych rozmiarów obrazów i zarządzanie istniejącymi rozmiarami bezpośrednio z panelu administracyjnego WordPress.
• Custom Image Sizes: Dodaje możliwość definiowania niestandardowych rozmiarów obrazów i używania ich w motywie bez kodowania.

Jak korzystać z wtyczki:

1. Zainstaluj i aktywuj wybraną wtyczkę.
2. Przejdź do strony ustawień wtyczki (często znajdującej się w sekcji Ustawienia lub Media).
3. Zdefiniuj niestandardowe rozmiary wyróżnionych obrazów, określając ich szerokość i wysokość.
4. Zapisz ustawienia i zregeneruj miniatury za pomocą wbudowanej opcji wtyczki.

Wskazówki dotyczące wyboru odpowiedniego rozmiaru wyróżnionego obrazu

Podczas dostosowywania rozmiaru wyróżnionych obrazów należy wziąć pod uwagę następujące kwestie:

• Wymagania motywu: Sprawdź dokumentację motywu pod kątem zalecanych rozmiarów wyróżnionych obrazów.
• Szybkość strony: Większe obrazy mogą spowalniać witrynę, więc użyj najmniejszego rozmiaru, który zachowuje dobrą jakość.
• Responsive Design: Upewnij się, że obrazy są zoptymalizowane pod kątem urządzeń mobilnych, używając elastycznych rozmiarów obrazów lub ustawień, które dostosowują się do rozmiarów ekranu.
• Jakość obrazu: Użyj narzędzi takich jak TinyPNG lub ShortPixel, aby skompresować obrazy bez utraty jakości przed przesłaniem ich do WordPress.

Podsumowanie

Zmianę rozmiaru wyróżnionego obrazu w WordPress można wykonać na kilka sposobów, od korzystania z Customizera i ustawień mediów po edycję pliku functions.php lub korzystanie z wtyczek. Wybierz metodę, która najlepiej pasuje do Twojego poziomu komfortu i elastyczności, której potrzebujesz. Ustawiając odpowiedni rozmiar wyróżnionego obrazu, możesz poprawić wygląd swojej witryny, zachować spójność między postami i poprawić wrażenia użytkownika, jednocześnie kontrolując czas ładowania strony.