Jak naprawić brak wyświetlania wyróżnionego obrazu w WordPress (6 sposobów)

Wyróżnione obrazy w WordPress pełnią rolę wizualnych haczyków. Często są pierwszą rzeczą, na którą zwracają uwagę odwiedzający. Dobry wyróżniony obraz może poprawić wygląd Twojej strony i zrobić silne pierwsze wrażenie. 

Ale gdy te obrazy nie wyświetlają się prawidłowo, może to prowadzić do złego doświadczenia użytkownika, mniej atrakcyjnego układu i może nawet negatywnie wpłynąć na wydajność SEO.

Jeśli obecnie masz do czynienia z tym problemem, nie martw się, ponieważ mamy to pod kontrolą. W tym artykule znajdziesz sześć prostych rozwiązań, aby naprawić brakujące wyróżnione obrazy w WordPress!

Typowe przyczyny problemów z wyróżnionymi obrazami

Zanim przejdziemy do rozwiązania, ważne jest zrozumienie przyczyn, dla których wyróżniony obraz nie jest wyświetlany w WordPress. Poniżej znajdują się niektóre z najczęstszych powodów: 

1. Motyw nie obsługuje wyróżnionych obrazów

WordPress oferuje mnóstwo stylowych i zabawnych motywów, aby urozmaicić Twój serwis, co sprawia, że dostosowanie wyglądu jest ekscytujące. Jednak niektórzy z Was mogą zapomnieć sprawdzić, czy motyw obsługuje wyróżnione obrazy.

Niektóre motywy w rzeczywistości nie obsługują wyróżnionych obrazów domyślnie lub mogą wymagać dodatkowych kroków, aby je włączyć.

Więc jeśli Twoje wyróżnione obrazy nie są wyświetlane, mimo że dodałeś je prawidłowo, ten powód może być przyczyną.

2. Nieprawidłowe ustawienia wyświetlania

Niektóre ustawienia wyświetlania mogą uniemożliwiać wyświetlanie wyróżnionych obrazów. Jeśli dostosowałeś domyślną konfigurację, czy to w edytorze postów, ustawieniach motywu, czy w kreatorze stron, możesz nieumyślnie wyłączyć tę opcję.

Upewnij się, że Twoje ustawienia wyświetlania są prawidłowo skonfigurowane, aby obraz pojawiał się zgodnie z przeznaczeniem. Czasami mała niezaznaczona opcja może być powodem, dla którego Twoje obrazy są niewidoczne, mimo że są one faktycznie dostępne.

3. Konflikty wtyczek

Jeśli używasz wielu wtyczek do obsługi WordPress, istnieje szansa, że możesz napotkać ten problem. Nieobsługiwane wtyczki mogą ingerować w działanie motywu, powodując, że wyróżnione obrazy nie są wyświetlane poprawnie.

Ten problem jest dość powszechny, ponieważ wtyczki i motywy mogą mieć sprzeczne skrypty. Jeśli wiesz, która wtyczka powoduje problem, możesz ją dezaktywować lub skontaktować się z deweloperem wtyczki w celu rozwiązania.

4. Lazy loading wpływające na widoczność obrazu

Lazy loading to funkcja używana przez wtyczki do poprawy czasu ładowania strony poprzez ładowanie obrazów tylko wtedy, gdy są one potrzebne.

Chociaż jest to przydatne narzędzie, czasami może uniemożliwić załadowanie polecanego obrazu. Zwykle dzieje się tak, gdy leniwe ładowanie jest włączone dla wszystkich obrazów na stronie.

Jeśli aktywowałeś to ustawienie, upewnij się, że dostosujesz konfigurację, aby lazy loading nie wpływała na wyróżniony obraz. Możesz również spróbować przełączyć się na inną wtyczkę lazy loading , aby rozwiązać problem. 

5. Błędy HTTP podczas przesyłania obrazu

Jeśli podczas przesyłania obrazu zobaczysz komunikat o błędzie HTTP, zwykle oznacza to, że plik jest zbyt duży lub przekracza limit przesyłania na stronie.

Jest to częsty problem, zwłaszcza gdy próbujesz przesłać większe wyróżnione obrazy na swoją stronę. Aby to naprawić, zwiększ limit pamięci PHP, edytując plik wp-config.php lub skompresuj obraz przed przesłaniem.

6. Brak metapola polecanego obrazu

Meta box z wyróżnionym obrazem powinien być widoczny podczas edycji wpisu lub strony. Jeśli brakuje tego pola, może to być spowodowane nieprawidłowymi ustawieniami wyświetlania w edytorze lub ustawieniami motywu, które go wyłączają domyślnie.

Bez tego pola nie będzie można ustawić wyróżnionego obrazu. Dlatego musisz to naprawić za pomocą naszych rozwiązań, które omówimy w poniższym przewodniku krok po kroku.

Rozwiązania krok po kroku

Zrozumienie możliwej przyczyny pomaga zidentyfikować najskuteczniejsze rozwiązanie. Poniżej znajdują się proste wskazówki, które pomogą Ci rozwiązać problem z niedziałającym obrazem polecanym w WordPress. Wykonajmy te kroki i przywróćmy atrakcyjność wizualną Twojej witrynie! 

1. Włącz wyróżnione obrazy w motywie

Jeśli używasz motywu, który nie obsługuje polecanego obrazu i nie chcesz zaczynać od nowa, istnieje rozwiązanie.
Możesz nadal włączyć polecane obrazy, dokonując prostej edycji pliku functions.php. Ten plik znajduje się w folderze twojego motywu, zwykle znajdującym się pod adresem wp-content/themes/nazwa-twojego-motywu/functions.php.

Spróbuj otworzyć ten plik i dodać kod: add_theme_support('post-thumbnails'); na końcu.

Nie zapomnij zapisać zmian, aby zaczęły obowiązywać. Po dodaniu, twój motyw będzie teraz obsługiwał polecane obrazy.

Ale jeśli polecany obraz nadal się nie pojawi, może być konieczne zmodyfikowanie plików szablonów (takich jak single.php lub content.php), dodając wiersz kodu w miejscu, gdzie ma pojawić się obraz.

2. Sprawdź i dostosuj ustawienia wyświetlania w edytorze WordPress

Dostosuj ustawienia wyświetlania, aby upewnić się, że wyróżnione obrazy pojawiają się prawidłowo. Możesz skorzystać z poniższego poradnika:

• Przejdź do dowolnej strony, na której chcesz dodać wyróżniony obraz.
• Wybierz ikonę plusa (+), aby dodać blok.

• Następnie wybierz WP Najnowsze wpisy.
• Włącz opcję Wyróżniony obraz z Ustawień bloku.
• Dostosuj obraz do układu.

3. Dezaktywuj wtyczki, aby zidentyfikować konflikty

Jeden z częstych powodów, dla których wyróżnione obrazy WordPress nie są wyświetlane, to konflikty wtyczek. Najskuteczniejszym sposobem rozwiązania problemu jest ręczne przeglądanie zainstalowanych wtyczek i dezaktywowanie ich jedna po drugiej.

Ta metoda nie wymaga instalowania dodatkowych narzędzi innych firm. Jeśli wydaje się to zbyt przytłaczające, zwłaszcza jeśli masz zainstalowanych wiele wtyczek, możesz użyć wtyczki Health Check & Troubleshooting.

4. Wyłącz lazy loading dla wyróżnionych obrazów, jeśli to konieczne

Nie musisz całkowicie wyłączać funkcji lazy loading na swojej stronie. Nadal możesz korzystać z lazy loading , aby zoptymalizować dostarczanie obrazów, jednocześnie zapewniając prawidłowe wyświetlanie wyróżnionych obrazów. Oto dwie rzeczy, które możesz zrobić, aby to naprawić: 

a. Edytuj plik functions.php

• Przejdź do Wyglądu, a następnie Edytora plików motywu w kokpicie WordPress.
• Otwórz functions.php plik twojego obecnego motywu.
• Dodaj poniższy kod do pliku:

add_filter( 'wp_lazy_loading_enabled', function( $default, $tag_name, $context ) { if ( $context === 'the_post_thumbnail' ) { return false; } return $default; }, 10, 3 ); 

• Na końcu zapisz plik. 

b. Użyj wtyczki

Jeśli nie chcesz zajmować się edycją kodu, możesz pobrać wtyczkę taką jak WP Speed of Light, Disable Lazy Load, LiteSpeed Cache lub WP Rocket. Te narzędzia pozwalają ustawić lazy loading ustawienia bez edycji plików, co czyni je bardziej przyjazną opcją dla osób bez umiejętności programistycznych.

5. Rozwiąż błędy HTTP, zwiększając limit pamięci PHP lub sprawdzając uprawnienia do plików

Jeśli doświadczasz błędów HTTP, które powodują, że wyróżnione obrazy nie są wyświetlane, istnieją dwa sposoby, aby sobie z tym poradzić. Możesz zwiększyć limit pamięci PHP lub sprawdzić uprawnienia do plików, aby upewnić się, że są one prawidłowe. Oto kompletny poradnik dla obu rozwiązań: 

a. Zwiększanie limitu pamięci PHP

Ten krok wymaga modyfikacji .htaccess lub wp-config.php. Spróbuj zmodyfikować każdy plik, aby znaleźć odpowiedni: 

1. Modyfikuj wp-config.php

• Uzyskaj dostęp do swojej witryny za pomocą klienta FTP lub cPanel.
• Otwórz Menadżer plików i znajdź wp-config.php plik w katalogu głównym.

• Szukaj następującego wiersza: define('WP_MEMORY_LIMIT', '32M');
• Zmodyfikuj wartość zgodnie z potrzebami. Na przykład: define('WP_MEMORY_LIMIT', '256M');

2. Dodaj kod do pliku .htaccess

• Znajdź .htaccess plik w katalogu głównym.
• Dodaj ten kod na dole: php_value memory_limit 256M.
• Zapisz zmiany.

b. Sprawdź uprawnienia do plików

Nieprawidłowe uprawnienia do plików mogą powodować błędy HTTP podczas przesyłania obrazów. Twoje uprawnienia WordPress powinny wyglądać następująco:

• Pliki: Ustaw na 644
• Foldery: Ustaw na 755

Jeśli zarówno twoje pliki, jak i foldery mają nieprawidłowe uprawnienia, możesz ręcznie je zmodyfikować, korzystając z tego szybkiego rozwiązania:

• Otwórz Menadżer plików.
• Kliknij prawym przyciskiem myszy na folder wp-content/uploads.
• Wybierz Uprawnienia do plików lub Zmień uprawnienia.
• Ustaw uprawnienia folderu na 755. Zapisz zmiany.
• Ponadto, zaktualizuj uprawnienia do plików, ustawiając je na 644.
• Wyjdź po zapisaniu zmian.

6. Upewnij się, że pole meta wyróżniony obraz jest włączone w opcjach ekranu

Może być konieczne ręczne włączenie ustawień, jeśli opcja wyróżnionego obrazu nie jest wyświetlana w WordPressie za pomocą Opcji ekranu. Użyj tych kroków, aby przywrócić brakujące pole meta:

• Otwórz wpis na pulpicie WordPress.
• Wybierz Opcje ekranu w prawym górnym rogu. Lokalizacja może się różnić, jeśli używasz edytora blokowego.

• Zaznacz pole Featured Image.
• Przewiń panel edytora w dół i znajdź sekcję Featured Image.

• Prześlij obraz z twojej Biblioteki multimediów.
• Następnie zastosuj zmiany. Obraz powinien pojawić się prawidłowo.

Wniosek

Rozwiązaniem problemu braku wyświetlania wyróżnionych obrazów w WordPressie jest dość proste. Regularne aktualizowanie wtyczek i używanie odpowiednich motywów może zapobiec przyszłym problemom spowodowanym konfliktami kompatybilności.

Jeśli Twoje obrazy są brakujące z powodu problemów z organizacją multimediów, rozważ użycie wtyczki takiej jak WP Media Folder. Umożliwia ona organizowanie biblioteki multimediów w nieograniczonej liczbie folderów, co ułatwia znalezienie potrzebnych obrazów i unikanie duplikatów.

Zawsze pamiętaj o utworzeniu kopii zapasowej przed wykonaniem jakichkolwiek powyższych kroków, aby Twoje dane były bezpieczne.