Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak przycinać i edytować miniaturki wpisów WordPress

WordPress czasami przycina miniaturki wpisów w sposób, który nie wygląda najlepiej. Automatyczne kadrowanie może odciąć ważne części obrazka. Ręczne przycinanie i edytowanie miniaturek pozwala tworzyć lepsze efekty wizualne.

W tym przewodniku pokażemy, jak przycinać i edytować miniaturki wpisów WordPress. Te wskazówki pomogą zapewnić, że twoje obrazki będą wyglądać idealnie na twojej witrynie.

Ręczna edycja pozwala kontrolować ostrość i kompozycję twojej miniaturki. Dzięki temu twoja treść zawsze wygląda najlepiej.

How to Crop and Edit WordPress Post Thumbnails

Dlaczego warto przycinać i edytować miniaturki wpisów WordPress lub wyróżniające się obrazki?

Dodanie miniaturki lub obrazka wyróżniającego to najprostszy sposób na uatrakcyjnienie nowego wpisu na blogu. Z naszego doświadczenia wynika, że dobrze przycięta i odpowiednio edytowana miniaturka ma ogromny wpływ na zaangażowanie użytkowników.

Większość motywów WordPress obsługuje obrazki wyróżniające i wyświetla je w piękny sposób na twojej witrynie. Aby uzyskać szczegółowe informacje, zapoznaj się z naszym przewodnikiem eksperta na temat dodawania wyróżniających się obrazków lub miniaturek wpisów w WordPress.

W zależności od motywu, WordPress może automatycznie przyciąć twoją miniaturkę wpisu, czasami odcinając istotne części i pozostawiając słabe wrażenie. Bazując na naszym bogatym doświadczeniu, zalecamy ręczne przycinanie, aby zapewnić najlepsze rezultaty.

Przyjrzyjmy się, jak ręcznie przyciąć miniaturki twojego wpisu WordPress. Podzielimy się również zaawansowanymi wskazówkami dotyczącymi efektywnej edycji miniaturek.

Kadrowanie i edycja miniaturek wpisów z WordPressa

Czy wiesz, że możesz dokonać podstawowej edycji obrazków w WordPressie? Funkcja WordPress „edytuj obrazek” umożliwia przycinanie, obracanie, przerzucanie i skalowanie obrazków.

Jest to przydatne do szybkiej edycji, zwłaszcza gdy nie masz dostępu do bardziej zaawansowanego oprogramowania do edycji obrazków na twoim głównym komputerze.

Aby rozpocząć, otwórz wpis z miniaturką, którą chcesz edytować. Po prawej stronie przewiń w dół do panelu Wyróżniający się obrazek i kliknij obrazek.

Click on the Featured Image While Editing the Post

Spowoduje to otwarcie biblioteki multimediów WordPress z wybranym wyróżniającym się obrazkiem. Po prawej stronie znajduje się obszar, w którym można dodać tekst alternatywny, tytuł, podpis i opis twojego obrazka.

U góry, w sekcji „Szczegóły załącznika”, znajduje się odnośnik „Edytuj obrazek”.

Click on the 'Edit Image' Link

Po kliknięciu odnośnika zostaniesz przeniesiony na stronę „Edytuj obrazek”.

Znajdziesz tu podgląd obrazka, przyciski do kadrowania i edytowania go na różne sposoby, a także kilka innych przydatnych opcji skalowania lub przycinania obrazka.

The WordPress 'Edit Image' Page

Najpierw należy zapoznać się z sekcją „Ustawienia miniaturek”. Tutaj możesz wybrać, czy chcesz zastosować twoje zmiany do wszystkich rozmiarów obrazków, tylko do miniaturki, czy do wszystkich rozmiarów z wyjątkiem miniaturki.

Pamiętaj, że to ustawienie miniaturki dotyczy najmniejszego rozmiaru obrazu utworzonego przez WordPress dla tego obrazka, na przykład podczas korzystania z bloku „Najnowsze wpisy”. To nie to samo, co wyróżniający się obrazek lub miniaturka wpisu.

Choose to Apply Changes to Thumbnails, Other Image Sizes, or Both

Ustawienia te umożliwiają utworzenie jednej wersji obrazka dla twojego obrazka wyróżniającego lub miniaturki wpisu, a drugiej dla małej miniaturki.

W tym poradniku pozostaniemy przy domyślnej opcji „Wszystkie rozmiary obrazków”.

Kadrowanie miniaturek wpisów w WordPressie

Aby przyciąć obrazek, należy kliknąć przycisk „Przytnij” w górnej części ekranu.

Na każdym rogu i krawędzi obrazka widoczne będą teraz uchwyty. Możesz przeciągnąć te uchwyty, aby wybrać część obrazka, która ma pozostać po przycięciu.

Drag the Crop Handles to Select an Area

Podczas przeciągania uchwytów można obserwować pola „Wybór” po prawej stronie pod „Kadrowanie obrazka”, aby monitorować wymiary, do których obrazek zostanie przycięty.

Po zakończeniu wystarczy ponownie kliknąć przycisk „Przytnij”, aby przyciąć obrazek.

Click the 'Crop' Button Again to Crop the Image

Częstym powodem przycinania miniaturki wpisu w WordPressie jest upewnienie się, że ma ona prawidłowe proporcje dla twojego motywu, takie jak 1:1 (Square) lub 16:9. Możesz użyć ustawień „Współczynnik proporcji”, aby ułatwić wybór obszaru o prawidłowych proporcjach.

Po prostu wpisz proporcje obrazu, których potrzebujesz, a twój wybór zostanie zachowany w tych proporcjach.

Na przykład, wpiszemy współczynnik proporcji 1:1, aby zapewnić kwadratowy obrazek. Po przeciągnięciu myszą nad obrazkiem, jego kształt zawsze będzie kwadratowy.

Select the Aspect Ratio for Cropping

Gdy wybór będzie zadowalający, ponownie kliknij przycisk „Przytnij”.

Następnie należy kliknąć przycisk „Zapisz”, aby zapisać zmieniony obrazek.

Skalowanie miniaturek wpisów w WordPressie

Ważne jest, aby nie używać zbyt dużych obrazków, ponieważ może to mieć wpływ na wydajność twojej witryny internetowej. Możesz dowiedzieć się więcej z naszego przewodnika na temat optymalizacji obrazków pod kątem wydajności strony internetowej.

Gdy importujesz zdjęcie z telefonu lub aparatu cyfrowego, będzie ono miało bardzo wysoką rozdzielczość. Zmniejszenie wymiarów zdjęcia do bardziej rozsądnych sprawi, że będzie się ono szybciej wczytywało.

Nasz obrazek ma rozdzielczość 2560×1637 pikseli, czyli większą niż potrzebujemy do miniaturki wpisu. Jednak wpisując w pierwszym polu „Scale Image” możemy zmniejszyć go do szerokości 1200 pikseli.

Scaling an Image

Powiadomienie o automatycznej zmianie wysokości obrazka w celu zachowania jego proporcji.

Następnie kliknij przycisk „Skaluj”, aby zmienić rozdzielczość obrazka. Następnie pamiętaj, aby kliknąć przycisk „Zapisz”, aby zapisać twoje zmiany.

Należy pamiętać, że w WordPressie można skalować obrazek tylko w dół. Nie można powiększyć obrazu poprzez zwiększenie jego wymiarów.

Można jednak użyć innego oprogramowania do edycji obrazu, aby powiększyć obrazek bez utraty jakości.

Obracające się miniaturki wpisów WordPress

Jeśli twoja miniaturka wpisu wygląda źle, ponieważ jest obrócona na bok, możesz to poprawić za pomocą edytora obrazków WordPress.

Znajdziesz tu dwa przyciski do obracania twojego obrazka. „Obróć w lewo” obróci go w kierunku przeciwnym do ruchu wskazówek zegara, a „Obróć w prawo” obróci go w kierunku zgodnym z ruchem wskazówek zegara.

Rotating an Image

Upewnij się, że kliknąłeś przycisk „Zapisz”, aby zapisać twoje zmiany.

Przerzucanie miniaturek wpisów w WordPressie

Twój obrazek można również odwrócić. Jest to przydatne na przykład wtedy, gdy na obrazku znajduje się napis, który wygląda na odwrócony.

Kliknięcie przycisku „Odwróć w poziomie” spowoduje natychmiastowe utworzenie lustrzanego obrazka.

Flipping an Image Horizontally

Kliknięcie przycisku „Odwróć w pionie” spowoduje odwrócenie obrazka do góry nogami.

Po zakończeniu możesz zapisać twoje zmiany, klikając przycisk „Zapisz”.

Flipping an Image Vertically

Przywracanie miniaturek wpisów w WordPressie

WordPress zachowuje kopię oryginalnego obrazka podczas zapisywania zmian w obrazku. Możesz przywrócić ten obrazek w dowolnym momencie.

Po prostu wróć do ekranu „Edycja obrazka” WordPressa, a zobaczysz nowy panel oznaczony jako „Przywróć oryginalny obrazek”.

Click the Disclosure Triangle to Reveal the 'Restore Image' Button

Aby rozwinąć tę sekcję, należy kliknąć przycisk strzałki w dół. Zobaczysz teraz przycisk „Przywróć obrazek”.

Po kliknięciu tego przycisku wszystkie twoje zmiany zostaną usunięte, a oryginalny obrazek zostanie przywrócony.

Click The 'Restore Image' Button

W tym przypadku nie musisz zapisywać swoich zmian, ponieważ obrazek został już przywrócony.

Kadrowanie i edycja miniaturek WordPress na twoim komputerze

Chociaż edytor obrazków WordPress jest przydatny, zwykle łatwiej jest przycinać i edytować je za pomocą oprogramowania do edycji obrazków innych firm na twoim komputerze.

Adobe Photoshop to najwyższej klasy aplikacja do tworzenia i edycji obrazków.

To więcej niż potrzeba do edycji miniaturki wpisu, ale jest to dobra opcja, jeśli jesteś z nią zaznajomiony i jest już zainstalowana na twoim komputerze.

Alternatywnie, można również skorzystać z jednej z wielu niedrogich alternatyw Photoshopa. Affinity Photo, Pixelmator Pro i GIMP oferują wszechstronne narzędzia do kadrowania i edycji obrazków.

Trzecią opcją jest skorzystanie z przeglądarki zdjęć. Aplikacje te są łatwe w użyciu i często posiadają podstawowe funkcje kadrowania i edycji. Kilka dobrych darmowych opcji to:

  • Irfanview dla Windows (bezpłatny)
  • AplikacjaZdjęcia jest wbudowana w system operacyjny Windows (bezpłatna).
  • Zdjęcia Apple dla komputerów Mac (bezpłatne w systemie macOS)

Chociaż narzędzia te są podobne, działają na różne sposoby. Po wybraniu aplikacji należy zapoznać się z jej narzędziami.

Dla przykładu, oto zrzut ekranu z narzędzia kadrowania Affinity Paint.

Cropping an Image With Affinity Paint

Tworzenie miniaturek wpisów na blogu i obrazków wyróżniających od podstaw

Wielu początkujących ma trudności ze znalezieniem obrazków, które mogliby wykorzystać na swoich blogach.

Nie można po prostu pobierać obrazków z wyszukiwarki Google, ponieważ mogą one być chronione prawami autorskimi, a użytkownik może naruszać prawa ich twórców.

Na szczęście istnieje kilka miejsc, w których można znaleźć obrazki wolne od praw autorskich.

Po znalezieniu obrazka można go edytować na komputerze, aby dopasować go do rozmiarów obrazków wyróżniających twojego motywu.

Alternatywnie, możesz także użyć narzędzi AI do generowania obrazków dla twoich wpisów na blogu i wyróżniających się obrazków.

Aby uzyskać więcej informacji, zapoznaj się z naszym wyborem najlepszych narzędzi do tworzenia lepszych obrazków do twoich wpisów na blogu (wiele z nich jest darmowych).

Mamy nadzieję, że ten poradnik pomógł ci nauczyć się przycinać i edytować miniaturki wpisów WordPress. Możesz również dowiedzieć się, jak utworzyć formularz kontaktowy w WordPress lub sprawdzić naszą listę najlepszych wtyczek do mediów społecznościowych.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

9 komentarzyZostaw odpowiedź

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Javier

    It is possible to do this without a plugin?

  3. NIcole

    This might be so dumb but, I have a image that is showing when I type my website it is a image I use to tell possible clients I am a member of this elite group. However I would so much rather have a image I took when I type out my website. I am with word press and could use guidance please.

  4. Rosa Bosma

    Yay! Thank you so much! This is exactly what I’ve been looking for, since yesterday. I’m very grateful – the plugin does a perfect job. :-)

  5. Gurpreet

    Hi,

    Love that this plugin exists however, I’m still unsure how to determine how to change the image being used for the featured image on the home page.

    Help?

    Thank ou!!

  6. Deb

    I downloaded, but when I crop, I’m only seeing a „crop” button; not a „crop and save” … did I miss something? (thanks in advance for whatever insight you might have.)

  7. Donovan

    Is there any way to modify the default image size options on the plugin?

  8. Umer

    Hi i want To Add A little image On thumbnail on top right Corner on homepage,….
    can you help me..

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.