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 poprawić obrazek wyróżniający w WordPress?

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Szukasz poprawki na brak wyświetlania twojego obrazka wyróżniającego w WordPress?

Wyróżniające się obrazki dają odwiedzającym wgląd w to, co pojawi się w twoich wpisach i stronach na blogu. Kiedy więc nie pojawiają się one na twojej witrynie, może to być frustrujące i natychmiast zaszkodzić wskaźnikom klikalności.

W tym artykule pokażemy ci, jak poprawić obrazki wyróżniające się, które nie pojawiają się w WordPressie, tak aby twoja treść zyskała więcej kliknięć i zaangażowania.

fix-featured-image-not-showing-wordpress-og

Dlaczego wyróżniający się obrazek nie jest wyświetlany w WordPress?

Wyróżniające się obrazki pojawiają się na stronie z listą wpisów na Twoim blogu, a czasem także w nagłówku wpisu. Podobnie jak w przypadku miniaturek YouTube, celem wyróżniających się obrazków jest zwiększenie liczby odsłon i zaangażowania użytkowników.

WPBeginner thumbnails

Co więcej, wyróżniające się obrazki są również używane do reprezentowania poszczególnych artykułów w ostatnich wpisach oraz na stronach archiwum i wyszukiwania.

Poza tym, styl wyróżniających się obrazków nadaje ton reszcie twojego wpisu na blogu.

WPBeginner recent posts example

Prawie wszystkie motywy WordPress umożliwiają przesyłanie wyróżniających się obrazków i dają możliwość wyświetlania ich w różnych obszarach witryny, takich jak menu panelu bocznego lub główny obszar treści.

Jeśli chcesz rozwiązać ten problem, możesz zapoznać się z naszym poradnikiem na temat dodawania wyróżniających się obrazków lub miniaturek wpisów w WordPress. Ważne jest, aby najpierw wiedzieć, jak przesłać wyróżniające się obrazki.

Łatwo jest omyłkowo przesłać obrazek okładki zamiast obrazka wyróżniającego, a może nawet masz motyw, który automatycznie dodaje pierwszy obrazek we wpisie jako miniaturkę wpisu.

Mając to na uwadze, przyjrzyjmy się, jak poprawić potencjalne problemy, które mogą się pojawić. Skorzystaj z naszych odnośników, aby przejść do problemu, z którym aktualnie się borykasz.

Masz problemy z obrazkami WordPress? Pozwól ekspertom z WPBeginner Pro Services pomóc! Oferujemy niedrogie wsparcie WordPress w nagłych wypadkach, aby szybko poprawić problemy z obrazkami lub inne problemy z witryną internetową. Przestań stresować się twoją witryną i zajmij się nią. Zaplanuj pomoc techniczną WordPress już dziś!

HTTP error

Jeśli spróbujesz przesłać obrazek wyróżniający o dużym rozmiarze pliku, możesz otrzymać niejasny komunikat o błędzie HTTP. Często oznacza to, że plik obrazka jest zbyt duży lub że musisz zwiększyć limit pamięci swojej witryny, aby umożliwić przesyłanie większych plików do witryny WordPress.

Istnieją dwa główne sposoby na poprawienie tego problemu. Najpierw jednak należy wylogować się z WordPressa, a następnie zalogować się ponownie. Wiele razy pozwoli to na ponowne przesłanie obrazków w normalny sposób.

Jeśli nie, wypróbuj jedną z dwóch poniższych metod:

  1. Zmniejszenie rozmiaru pliku obrazka.
  2. Zwiększenie limitu pamięci WordPress.

Najpierw zacznijmy od prostszej metody, zmniejszając rozmiar twojego obrazka. Jeśli rozmiar jest problemem, warto przełączyć się na format obrazka WebP, JPEG lub PNG. JPEG to skompresowany format pliku, który nieznacznie obniża jakość obrazka, aby znacznie zmniejszyć jego rozmiar, a pliki WebP są bardzo małe.

Następnie należy skompresować rozmiar pliku za pomocą narzędzia do kompresji obrazków, takiego jak TinyPNG lub JPGmini.

Wszystko, co musisz zrobić, to przesłać obrazek do narzędzia, a następnie pobrać skompresowaną wersję pliku.

compress image with TinyPNG

Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat optymalizacji obrazków pod kątem wydajności w sieci bez utraty jakości.

Jeśli już skompresowałeś rozmiar obrazka i nadal masz do czynienia z błędem HTTP, możesz zwiększyć swój limit pamięci WordPress. Możesz po prostu skontaktować się z obecnym, aktualnym dostawcą hostingu i poprosić o zwiększenie limitu PHP lub uaktualnienie planu hostingowego.

limited memory size error in wordpress

Można jednak również zmienić limit pamięci PHP, co wymaga modyfikacji plików wp-config.php lub .htaccess. W obu przypadkach potrzebny będzie klient FTP lub menedżer plików.

W przypadku tej metody dobrym pomysłem jest użycie wtyczki takiej jak WPCode, która pozwala dodawać konfiguratory bez niszczenia twojej witryny internetowej. WPCode to najlepsza wtyczka do fragmentów kodu na rynku, z ponad 2 000 000 milionami witryn internetowych, które używają jej do przyszłościowego dostosowywania swoich witryn internetowych za pomocą fragmentów kodu.

Jeśli chcesz edytować plik .htacess, musisz przejść do katalogu głównego witryny internetowej WordPress. Następnie, przed linią, która mówi „#END WORDPRESS”, możesz wkleić następujący kod:

define( 'WP_MEMORY_LIMIT', '256M' );

Aby uzyskać więcej informacji na temat tego, jak zwiększyć twój limit pamięci, sprawdź nasz poradnik na temat poprawki błędów wyczerpania pamięci WordPress, aby zwiększyć pamięć PHP.

2. Naprawiono wtyczkę lub motyw.

Niektóre motywy i wtyczki WordPress mogą ograniczać wyświetlanie obrazka.

Podczas gdy większość motywów WordPress automatycznie wyświetla wyróżniające się obrazki, niektóre wymagają ręcznej konfiguracji przez administratora. W takim przypadku konieczne może być sprawdzenie ustawień motywu WordPress lub skontaktowanie się z obsługą techniczną twojego motywu.

Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat korzystania z konfiguratora motywów WordPress.

Jeśli motyw nie powoduje problemu, możesz również sprawdzić, czy głównym winowajcą nie są twoje wtyczki.

Zacznij od aktualizacji wszystkich twoich wtyczek.

Jeśli to nie rozwiąże problemu, wyłącz wszystkie twoje wtyczki, a następnie włącz je ponownie jedna po drugiej.

Po każdej instalacji można sprawdzić, czy wyróżniające się obrazki wyświetlają się prawidłowo. Jeśli obrazek wyróżniający się nie pojawi, będziesz wiedział, która wtyczka powoduje problem.

Można również użyć wtyczki Health Check & Troubleshooting. Ta darmowa wtyczka przeprowadza serię kontroli w celu wykrycia konfiguracji i znanych błędów w twoich wtyczkach i motywach.

Health Check Troubleshooting plugin

Jeśli potrzebujesz pomocy z instalacją, przeczytaj nasz przewodnik na temat instalacji wtyczki WordPress.

Po włączaniu, przejdź do Narzędzia ” Zdrowie witryny. Otrzymasz tam listę zaleceń, które pomogą ci poprawić zabezpieczenia i wydajność twojego WordPressa.

Widać tutaj, że zainstalowanych jest wiele nieaktualnych i nieaktywnych wtyczek i motywów, którymi należy się zająć. Wystarczy kliknąć na odnośniki, aby zarządzać twoimi wtyczkami lub je zaktualizować.

manage inactive plugins

3. Wyłączanie leniwego wczytywania

Leniwe wczytywanie to funkcja, która pomaga poprawić szybkość twojej strony i wydajność WordPressa poprzez szybkie dodawanie treści i widocznego obszaru w pierwszej kolejności.

Szybsza witryna internetowa poprawia ranking witryny, ponieważ wyszukiwarki takie jak Google uważają szybkość za ważny czynnik rankingowy.

Zasadniczo, leniwe wczytywanie wstrzymuje ładowanie obrazków na stronie do momentu, aż zostaną one zobaczone na ekranie. Na przykład, ostatni obrazek w długim wpisie na blogu nie będzie musiał się wczytywać, dopóki użytkownik nie przewinie strony w dół i nie dotrze do tego obrazka.

To powiedziawszy, leniwe wczytywanie może powodować problemy z wyróżniającymi się obrazkami, ponieważ niektóre wtyczki leniwego wczytywania mogą traktować wyróżniające się obrazki jak zwykłe zdjęcia. Może to powodować powolne wczytywanie się obrazka wyróżniającego lub całkowite zablokowanie jego wyświetlania na liście ostatnich wpisów.

Ponadto niektóre wtyczki do optymalizacji obrazków mają funkcję leniwego wczytywania jako dodatek. Dlatego warto sprawdzić każdą zainstalowaną wtyczkę, aby zobaczyć, czy ta funkcja jest włączona.

Możesz wyłączyć funkcję leniwego wczytywania w twojej wtyczce i wyczyścić pamięć podręczną, aby sprawdzić, czy rozwiąże to problem z obrazkiem wyróżniającym.

Niektóre wtyczki pozwalają wykluczyć niektóre zdjęcia z leniwego wczytywania. W takim przypadku możesz wyłączyć tę funkcję tylko dla pierwszego obrazka w twoich wpisach na blogu, dzięki czemu nadal będziesz mógł korzystać z leniwego ładowania bez wpływu na wyróżniające się obrazki.

Możesz łatwo wyłączyć kod, dostosowując fragment kodu za pomocą WPCode. Najpierw musisz przejść do strony Fragmenty kodu ” + Dodaj fragment kodu z kokpitu WordPress.

add custom code snippet

Następnie wystarczy skopiować i wkleić ten kod PHP w polu „Podgląd kodu”:

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

Tak powinien wyglądać po wklejeniu.

Upewnij się, że wybrałeś również „Fragment kodu PHP” jako rodzaj kodu.

disable lazy load wpcode

Na koniec upewnij się, że wtyczka jest włączona i naciśnij przycisk „Zapisz fragment kodu”.

Aby uzyskać więcej informacji, zapoznaj się z naszym poradnikiem krok po kroku, jak prawidłowo wyłączyć leniwe wczytywanie w WordPress.

save-disable-lazy-load-snippet

WordPress oferuje sześć domyślnych ról użytkownika do zarządzania wszystkimi dostępami i działaniami użytkownika na witrynie.

Jeśli nie jesteś właścicielem witryny internetowej, prawdopodobnie nie masz wymaganej roli użytkownika, aby przesyłać lub zobaczyć wyróżniające się obrazki.

Wszystko, co musisz zrobić, to upewnić się, że twoje role i uprawnienia użytkowników są odpowiednio skonfigurowane.

Łatwym sposobem na poprawienie tego problemu jest użycie wtyczki takiej jak User Role Editor, dzięki której można zmieniać role i możliwości w jednym miejscu.

Po prostu przejdź do Użytkownicy ” Edytor ról użytkowników w twoim kokpicie WordPress.

Następnie wybierz rolę, którą chcesz zmienić w sekcji „Wybierz rolę” i zmień jej możliwości. W tym przypadku wybierzemy Author.

select user role editor

Następnie, korzystając z opcji „Szybki filtr”, wyszukaj „upload_files”.

Na koniec wystarczy kliknąć przycisk „Aktualizuj”, aby wprowadzić zmiany.

update user role in wordpress

Wtyczka ta umożliwia również tworzenie nowych własnych ról i nadawanie im dostępu do wybranych przez ciebie uprawnień.

5. Poprawka nie wyświetlania obrazka wyróżniającego na stronie galerii wpisów na blogu

Jednym z najlepszych sposobów na wykorzystanie wyróżniających się obrazków jest prezentowanie wpisów na blogu na stronie głównej twojej witryny internetowej.

Ale co jeśli wyróżniające się obrazki nie pojawiają się na stronie bloga?

featured images not appearing

Aby rozwiązać ten problem, edytuj swoją stronę główną lub dowolną stronę, na której chcesz wyświetlać wyróżniające się obrazki.

Kliknij ikonkę „+” i dodaj blok „Najnowsze wpisy” do wpisu na stronie. W tym miejscu pojawią się odnośniki do twoich ostatnich wpisów.

display latest posts

Kliknij blok i włącz opcję „Wyświetlaj wyróżniający się obrazek”.

Możesz dostosować inne ustawienia, takie jak wyrównanie i rozmiar obrazka wyróżniającego, aby pasowały do twojej strony.

display featured images

Z tego miejsca wyróżniające się obrazki powinny pojawić się w galerii twojego wpisu na blogu.

Oto jak będzie wyglądać, gdy pojawią się wyróżniające się obrazki.

featured images appearing in blog

6. Dodaj własny kod, aby poprawić problemy z wyróżniającymi się obrazkami

Czasami miniaturki wpisów nie są klikalne z powodu twojego obecnego motywu WordPress, który może nie obsługiwać tej konkretnej funkcjonalności.

Być może chcesz dodać swoje wyróżnione obrazki do kanałów RSS lub wyświetlić wyróżniający się obrazek na liście wpisów w obszarze administracyjnym.

Wszystkie te rzeczy można zrobić za pomocą WPCode.

Po włączaniu, udaj się do Code Snippets ” + Add Snippet. Zostaniesz przekierowany do biblioteki gotowych opcji własnego kodu.

Wpisz „wyróżniający się obrazek” w pasku wyszukiwania, aby zobaczyć wszystkie dostępne opcje własnego kodu do dodawania wyróżniających się obrazków do twojej witryny internetowej.

Z tego miejsca wystarczy wybrać twoją wybraną opcję.

Na przykład, powiedzmy, że chcemy dodać kolumny z wyróżniającymi się obrazkami do naszego kokpitu administratora WordPress. Wystarczy najechać kursorem na opcję i wybrać „Użyj fragmentu kodu”.

add featured image column

Zostaniesz przeniesiony na stronę, na której możesz edytować fragment kodu.

To powiedziawszy, kod jest już wstępnie ustawiony, więc nie musisz majstrować przy kodzie lub ustawieniach.

Jeśli jednak chcesz wpisz kod ręcznie, możesz go skopiować i wkleić poniżej:

add_filter( 'manage_posts_columns', function ( $columns ) {
	// You can change this to any other position by changing 'title' to the name of the column you want to put it after.
	$move_after     = 'title';
	$move_after_key = array_search( $move_after, array_keys( $columns ), true );

	$first_columns = array_slice( $columns, 0, $move_after_key + 1 );
	$last_columns  = array_slice( $columns, $move_after_key + 1 );

	return array_merge(
		$first_columns,
		array(
			'featured_image' => __( 'Featured Image' ),
		),
		$last_columns
	);
} );

add_action( 'manage_posts_custom_column', function ( $column ) {
	if ( 'featured_image' === $column ) {
		the_post_thumbnail( array( 300, 80 ) );
	}
} );

Następnie wystarczy przełączyć przycisk, aby włączyć własny fragment kodu, a następnie nacisnąć przycisk „Aktualizuj”.

update code snippet

Następnie możesz przejść do strony Wpisy ” Wszystkie wpisy w twoim panelu administracyjnym.

Powinny pojawić się miniaturki wpisów.

featured image in wordpress admin

Możesz również przeczytać nasz post o tym, jak automatycznie łączyć wyróżniające się obrazki z wpisami w WordPress lub nasz poradnik o tym, jak dodać miniaturki wpisów do twojego kanału RSS WordPress.

Czasami twój obrazek wyróżniający WordPress może nie wyświetlać się w odpowiednim rozmiarze. Najlepiej jest zapoznać się z najlepszymi praktykami dotyczącymi wyróżniających się obrazków, aby uniknąć problemów.

Wybór odpowiedniej grafiki dla wyróżniających się obrazków

Optymalny rozmiar obrazka wyróżniającego dla prostokątnych obrazków wyróżniających to 1200 x 687 pikseli. Jednak w przypadku motywów wykorzystujących kwadratowe obrazki wyróżniające, najlepszym rozmiarem jest 600 x 600 pikseli.

Aby uzyskać więcej szczegółów, przeczytaj nasz przewodnik na temat podstawowej edycji obrazków w WordPressie.

choose right graphics for featured images

Zmiana domyślnych rozmiarów obrazków w WordPressie

Jeśli miniaturki na twoim blogu są zbyt małe lub zbyt duże, możesz ręcznie edytować domyślne rozmiary obrazków.

WordPress automatycznie utworzy kopie twoich wyróżniających się obrazków, aby dodać je do różnych obszarów witryny internetowej, takich jak strona bloga, strony archiwum i strona główna.

Motywy WordPress mają swoje własne wymiary obrazków, ale czasami nadal możesz chcieć majstrować przy rozmiarze obrazka wyróżniającego.

Przejdź do Ustawienia ” Media z twojego obszaru administracyjnego WordPress. Następnie w polach Rozmiar miniaturki wpisz nowe wymiary dla twojego wyróżniającego się obrazka.

choose thumbnail size for featured image

Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem dla początkujących na temat rozmiarów obrazków WordPress.

Wyróżniające się obrazki są pobierane z WordPressa i są popularne na platformach społecznościowych dzięki wykorzystaniu Open Graph.

Jest to technologia, która pozwala witrynom mediów społecznościowych, takim jak Facebook, rozumieć i wyświetlać treści ze strony internetowej. Meta tagi Open Graph można dodawać do poszczególnych wpisów i stron, aby kontrolować sposób ich wyświetlania po udostępnieniu. Tagi te zawierają informacje takie jak tytuł, opis i wyróżniający obrazek treści.

Najprostszym sposobem na zapewnienie, że wszystkie wyróżniające się obrazki pojawią się na Facebooku jest użycie All in One SEO. Jest to najlepsza wtyczka WordPress SEO, która pomaga ulepszyć i zoptymalizować twoją witrynę internetową pod kątem wyższych pozycji w wynikach wyszukiwania.

Po włączaniu przejdź do All in One SEO ” Media społecznościowe. Następnie, w karcie Facebook, upewnij się, że włączyłeś opcję „Enable Open Graph Markup”.

enable open graph markup AIOSEO

Automatycznie wyświetla podgląd twoich wpisów na blogu z wyróżniającym obrazkiem i krótkim zajawką tekstową.

Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat dodawania metadanych Facebook Open Graph w motywach WordPress.

Mamy nadzieję, że ten artykuł pomógł ci poprawić obrazek wyróżniający się na WordPressie. Możesz również zapoznać się z naszą listą najczęstszych błędów WordPressa i sposobami ich poprawki, a także z naszym przewodnikiem na temat tego, jak zwiększyć ruch na twoim blogu.

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

2 komentarzeZostaw odpowiedź

  1. Syed Balkhi says

    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. Dayo Olobayo says

    I never realized featured images were so important! I just thought they were there to look pretty. But it makes sense that they can help with SEO and user engagement. Thanks for the tips on how to fix them if they’re not showing up correctly.

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ę.