Kompletny przewodnik po polecanych miniaturach i rozmiarach obrazów w WordPress

Kompletny przewodnik po polecanych miniaturach i rozmiarach obrazów w WordPress

Obraz jest wart tysiąca słów – chyba że został niewłaściwie przeskalowany, w takim przypadku jest to trochę zawstydzające. WordPress zawiera potężne narzędzia do zmiany rozmiaru obrazów i miniatur, ale musisz wiedzieć, jak sobie z nimi radzić.





Przeczytaj wszystko, co musisz wiedzieć o rozmiarach obrazów w WordPressie i zarządzaniu polecanymi obrazami.





Edycja PHP w plikach WordPress

Ten post zawiera kod PHP dla WordPressa. Możesz przeczytać nasz darmowy kurs PHP przed próbą modyfikacji motywu.





Jeśli nie masz ochoty na otwieranie plików motywów lub nie chcesz, ponieważ zostaną utracone wraz z przyszłymi aktualizacjami motywów, możesz użyć Moje niestandardowe funkcje wtyczka, aby zamiast tego dodać bloki kodu.

https://pl-pl.wordpress.org/plugins/moje-niestandardowe-funkcje/



Podstawy rozmiaru obrazu WordPress

W panelu administratora WordPress prawdopodobnie już wiesz Ustawienia > Połowa.

różnica między airpodami 1 i 2

Oto trzy domyślne rozmiary obrazów, które WordPress nazywa: Miniaturka , średni , oraz duży . Rozmiar miniatury ma specjalne ustawienie, które można przyciąć do dokładnego wymiaru, który tutaj określisz. Nie musi to być wymiar 1:1 — możesz ustawić go w dowolny sposób.





Gdy przycinanie jest włączone, obrazy zostaną przeskalowane i wyśrodkowane, a wszystko, co nie pasuje, zostanie odrzucone.

Średnie i duże ustawienia działają nieco inaczej, w tym określisz maksymalny wymiary zarówno dla szerokości, jak i wysokości, a obrazy zostaną odpowiednio zmniejszone. Jeśli obraz jest za mały, te rozmiary obrazu nie zostaną utworzone.





Po przesłaniu nowego obrazu oryginał jest zapisywany i można go wstawić do posta w pełnym rozmiarze, a pozostałe zarejestrowane rozmiary obrazów są tworzone automatycznie.

Dodawanie niestandardowych rozmiarów obrazu w WordPress

Trzy rozmiary zdefiniowane domyślnie w WordPressie mogą nie wystarczyć, dlatego motywy i wtyczki mogą dodawać własne niestandardowe rozmiary. Jeśli nie masz nic przeciwko edytowaniu plików motywów, możesz to zrobić.

Otwórz katalog motywów i poszukaj funkcje.php plik. Dodaj następujący kod, po jednym dla każdego rozmiaru obrazu, który chcesz zdefiniować:

add_image_size( 'my-thumbnail', 400, 200, true);

Każdy nowy rozmiar obrazu wymaga nazwy, wymiarów szerokości i wysokości oraz tego, czy obrazy powinny być przycięte do dokładnie tego rozmiaru ( prawda lub fałszywe ). W przypadku strukturalnych części motywu lub widżetu zazwyczaj warto przyciąć, aby nie uszkodzić układu.

Możesz pokusić się o stworzenie wielu niestandardowych rozmiarów obrazów, ale powinieneś robić to oszczędnie. Każdy zdefiniowany przez Ciebie rozmiar obrazu zostanie wygenerowany dla każdego przesłanego obrazu, nawet jeśli zaplanowałeś go tylko dla nas z polecanym obrazem.

Jeśli więc masz siedem niestandardowych rozmiarów obrazów oraz trzy domyślne, każdy przesłany obraz wygeneruje 10 małych kopii samego siebie. Jeśli weźmiesz pod uwagę, że pojedynczy post może mieć osadzonych w nim 10 obrazów, oznacza to, że tworzonych jest 100 plików tylko dla tego posta.

Nie możesz utworzyć niestandardowego rozmiaru obrazu i określić, że powinien on być używany tylko w polecanych obrazach.

Ponadto, nawet jeśli nie używasz już określonego niestandardowego rozmiaru i usunąłeś ten kod (lub zmieniłeś motywy), stare obrazy pozostaną na serwerze na zawsze. WordPress nie usunie za Ciebie nieużywanych obrazów. W witrynie tak starej lub tak dużej jak MakeUseOf oznacza to marnowanie kilkuset gigabajtów na przechowywanie obrazów, które nie są już używane.

W przypadku mniejszych witryn Środek do czyszczenia mediów wtyczka może pomóc, ale zawsze najpierw uruchom pełną kopię zapasową.

https://wordpress.org/plugins/media-cleaner/#description

Niestandardowe rozmiary obrazów do użytku w treści posta

Domyślnie niestandardowe rozmiary obrazów nie pojawiają się w menu rozwijanym podczas wstawiania obrazu do posta. Jedyne, co zobaczysz, to miniatura, średnia, duża i pełny rozmiar (w zależności od rozmiaru oryginalnego obrazu, ponieważ nie zostanie on przeskalowany).

Jeśli chcesz, aby Twój niestandardowy rozmiar również znalazł się na liście, potrzebujemy trochę więcej kodu. Ponownie dodaj do swojego funkcje.php plik:

function image_sizes_to_mediapicker( $default_sizes ) {
return array_merge( $default_sizes, array(
'my-thumbnail' => __( 'My Thumbail Size' ),
) );
}
add_filter( 'image_size_names_choose', 'image_sizes_to_mediapicker' );

Działa to poprzez filtrowanie listy selektorów mediów. Łączymy oryginalną tablicę listy rozmiarów z dowolnymi nowymi rozmiarami, które również chcemy wyświetlić. Zmień „my-thumbnail” i „My Thumbnail Size” na swój niestandardowy rozmiar oraz przyjazną nazwę czytelną dla człowieka, którą chcesz umieścić na liście.

Polecane obrazy to pojedynczy obraz powiązany z postem, ale niekoniecznie wstawiony do treści posta. Są często używane przez motywy w nagłówku, na stronie głównej lub na pasku bocznym. Jednak pod względem rozmiaru obrazu nie są one traktowane inaczej niż normalne obrazy.

W przypadku każdego zdefiniowanego rozmiaru każdy przesłany obraz zostanie zduplikowany, a jego rozmiar zostanie zmieniony, łącznie z obrazem polecanym.

jak zainstalować nintendonta na wii u

Jeśli nie widzisz opcji, aby Ustaw polecany obraz na ekranie edycji posta możliwe, że Twój motyw nie obsługuje tej funkcji. Możesz wymusić wsparcie, dodając następujący wiersz do swojego motywu funkcje.php plik, ale zdecydowanie sugeruję znalezienie nowego motywu.

Brak wsparcia dla czegoś tak podstawowego, jak polecane obrazy, wskazywałby na przestarzały kod w innym miejscu.

add_theme_support('post-thumbnails');

Aby użyć wyróżnionego obrazu we własnym motywie lub wtyczkach, użyj the_post_thumbnail() funkcja do wyprowadzania tagu obrazu:

the_post_thumbnail('my-thumbnail',array('class'=>'my_post_thumbnail_css_class'));

Funkcja przyjmuje 2 parametry: nazwany rozmiar, którego szukasz (w tym przypadku „my-thumbnail”) oraz wszelkie atrybuty, które chcesz przekazać, takie jak niestandardowa klasa CSS.

Jeśli wolisz po prostu uzyskać rzeczywisty adres URL polecanego obrazu niż wymagany kod HTML, spróbuj zamiast tego (w tym przykładzie uzyskaj średni rozmiar obrazu):

jak znaleźć mój numer imei na moim iPhonie?
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');
echo $thumbnail[0];

Regenerowanie obrazów miniatur WordPress

Za każdym razem, gdy zmienisz domyślne wymiary obrazu lub utworzysz niestandardowy rozmiar obrazu, będzie on dotyczył tylko Nowy przesłane. Wszystkie Twoje istniejące obrazy pozostają w oryginalnych wymiarach.

Jeśli chcesz zmienić rozmiar wcześniej przesłanych obrazów, potrzebujesz wtyczki. Odbudowa miniatury AJAX pozwala wybrać rozmiary do zregenerowania i będzie powoli przeszukiwać Twoje archiwum.

https://wordpress.org/plugins/ajax-thumbnail-rebuild/

Istnieją jednak pewne ograniczenia i pułapki, o których powinieneś wiedzieć.

Podczas gdy polecane obrazy mogą być automatycznie zmieniane, żadna wtyczka nie może przepisać treści posta. Na przykład, jeśli dodałeś obraz do posta na duży rozmiar (który mógł wtedy wynosić 500px), zmieniając definicję duży nie zmieni rozmiaru obrazu w poście. Pozostanie w rozmiarze 500 pikseli, chyba że edytujesz post i ponownie wstawisz ten sam obraz w nowym rozmiarze.

Jak wspomniano, jeśli masz wiele rozmiarów obrazów, wygenerujesz wiele obrazów. Na szczęście odbudowa miniatury pozwala ograniczyć to do: tylko polecane obrazy . Ale znowu, pamiętaj, że dotyczy to tylko twojego poprzedniego obrazu. Wszystkie przyszłe przesyłanie obrazów będzie zarządzane przez WordPress, co oznacza, że ​​wszystkie rozmiary obrazów zostaną utworzone dla wszystkiego.

Teraz byłby świetny czas, aby również nauczyć się różnica między JPG i PNG więc wiesz, jak używać optymalnego formatu w przyszłości.

Przenieś swoją witrynę WordPress na wyższy poziom

Chcesz ulepszyć swój motyw WordPress? Wykorzystanie obrazów, kolorów i rozmieszczenie elementów w motywie jest określane głównie przez CSS i HTML, dlatego zalecamy zapoznanie się z tymi samouczkami krok po kroku, aby nauczyć się CSS i HTML .

A jeśli interesują Cię motywy, spójrz na te fajne motywy WordPress do portfolio fotograficznego .

Czy Twoja witryna WordPress zbyt często ulega awarii? Czy płacisz za dużo? Przełącz się na znaną usługę hostingową, taką jak InMotion Hosting (specjalna zniżka MakeUseOf z ten link ) lub Bluehost (specjalna zniżka MakeUseOf z ten link ).

Udział Udział Ćwierkać E-mail Oto dlaczego FBI wydało ostrzeżenie dotyczące Hive Ransomware

FBI wydało ostrzeżenie o szczególnie paskudnym szczepie oprogramowania ransomware. Oto dlaczego należy szczególnie uważać na oprogramowanie ransomware Hive.

Czytaj dalej
Powiązane tematy
  • Programowanie
  • Wordpress
O autorze James Bruce(707 opublikowanych artykułów)

James ma tytuł licencjata w dziedzinie sztucznej inteligencji i posiada certyfikaty CompTIA A+ i Network+. Kiedy nie pracuje jako redaktor recenzji sprzętu, lubi gry LEGO, VR i gry planszowe. Przed dołączeniem do MakeUseOf był technikiem oświetlenia, nauczycielem języka angielskiego i inżynierem centrum danych.

Więcej od Jamesa Bruce .a

Zapisz się do naszego newslettera

Dołącz do naszego newslettera, aby otrzymywać porady techniczne, recenzje, bezpłatne e-booki i ekskluzywne oferty!

Kliknij tutaj, aby zasubskrybować