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. 

Jednak gdy te obrazy don't wyświetlają się prawidłowo, może to prowadzić do słabego doświadczenia użytkownika, mniej atrakcyjnego układu i może nawet negatywnie wpłynąć na wydajność SEO.

Jeśli you're obecnie napotykasz ten problem, don't martw się, bo we've mamy Cię pod opieką. W tym artykule you'll znajdziesz sześć prostych rozwiązań, aby naprawić brak wyświetlania wyróżnionych obrazów w WordPressie! 

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, które urozmaicą Twoją witrynę, co sprawia, że personalizacja wyglądu jest ekscytująca. Jednak niektórzy z Was mogą zapomnieć sprawdzić, czy motyw obsługuje obrazy wyróżnione.

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

Więc jeśli Twoje obrazy wyróżnione nie wyświetlają się, mimo że dodałeś je prawidłowo, może to być przyczyną. 

2. Nieprawidłowe ustawienia wyświetlania

Niektóre ustawienia wyświetlania mogą uniemożliwiać wyświetlanie wyróżnionych obrazów. Jeśli zmieniałeś domyślną konfigurację, zarówno w edytorze wpisów, ustawieniach motywu, jak i w kreatorze stron, mogłeś przypadkowo wyłączyć tę opcję.

Upewnij się, że Twoje ustawienia wyświetlania są prawidłowo skonfigurowane, aby obraz wyświetlał się zgodnie z zamierzeniami. Czasami małe, nieoznaczone pole wyboru może być przyczyną brakujących obrazów, mimo że tak naprawdę są obecne. 

3. Konflikty wtyczek

Jeśli używasz wielu wtyczek, aby wspierać swoją instalację WordPress, istnieje ryzyko napotkania tego problemu. Nieobsługiwane wtyczki mogą zakłócać działanie Twojego motywu, powodując nieprawidłowe wyświetlanie obrazów wyróżnionych.

Ten problem jest dość powszechny, ponieważ wtyczki i motywy mogą mieć konfliktujące skrypty. Jeśli wiesz, która wtyczka powoduje problem, możesz ją dezaktywować lub skontaktować się z jej twórcą w celu znalezienia 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 widzisz komunikat o błędzie HTTP podczas przesyłania obrazu, zazwyczaj oznacza to, że plik jest zbyt duży lub przekracza limit przesyłania witryny.

Jest to powszechny problem, szczególnie gdy próbujesz przesłać większe obrazy wyróżnione 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

Pole meta obrazu wyróżniającego powinno być widoczne podczas edytowania wpisu lub strony. Jeśli pole jest nieobecne, może to wynikać z nieprawidłowych ustawień wyświetlania w edytorze lub niektórych ustawień motywu, które domyślnie je wyłączają.

Bez tego pola nie będziesz w stanie ustawić obrazu wyróżniającego. 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 obrazów wyróżnionych i nie chcesz zaczynać od nowa, istnieje rozwiązanie.
Możesz nadal włączyć obrazy wyróżnione, dokonując prostych zmian w pliku functions.php. Plik ten znajduje się w folderze twojego motywu, zazwyczaj pod adresem wp-content/themes/your-theme-name/functions.php.

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

Nie zapomnij zapisać zmian, aby weszły w życie. Po dodaniu, twój motyw będzie teraz obsługiwał obrazy wyróżnione.

Jednak jeśli obraz wyróżniony nadal się nie wyświetla, może być konieczna modyfikacja plików szablonu (np. single.php lub content.php) poprzez dodanie w miejscu kodu, w którym chcesz, aby obraz się pojawił. 

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

Jednym z częstych powodów, dla których obrazy wyróżniające w WordPress nie wyświetlają się, są konflikty wtyczek. Najskuteczniejszym sposobem rozwiązania tego problemu jest ręczne przejrzenie zainstalowanych wtyczek i dezaktywowanie ich jedna po drugiej.

Ta metoda nie wymaga instalowania dodatkowych narzędzi firm trzecich. Jeśli brzmi to przytłaczająco, szczególnie gdy masz wiele zainstalowanych 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 zagłębiać się w szczegóły techniczne związane z edycją kodu, możesz skorzystać z wtyczki takiej jak WP Speed of Light, Disable Lazy Load, LiteSpeed Cachelub WP Rocket. Narzędzia te pozwalają skonfigurować lazy loading bez konieczności edycji plików, co czyni je bardziej przyjazną dla użytkownika opcją nawet dla osób niebędących programistami.

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.

• Poszukaj następującej linii: define('WP_MEMORY_LIMIT', '32M');
• Zmień wartość w razie potrzeby. 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.