Jak ukryć obrazy wyróżniające w pojedynczych wpisach w WordPress

Niektórzy mogą woleć nie wyświetlać obrazów wyróżniających w pojedynczych wpisach na blogu, ze względu na problemy z wydajnością, wybory projektowe lub skupienie na treści. 

Na przykład, możesz nie chcieć wyróżnionego obrazu w postach o dużej ilości tekstu, takich jak samouczki lub ogłoszenia, ponieważ może on rozpraszać odwiedzających od samej treści. Ukrycie wyróżnionego obrazu może również przyspieszyć ładowanie, szczególnie dla użytkowników na urządzeniach mobilnych.

Jeśli dążysz do tego samego, poprowadzimy Cię, jak ukryć wyróżniony obraz w Twoich pojedynczych wpisach na blogu!

Jak ukryć wyróżnione obrazy indywidualnie

Istnieje kilka sposobów na ukrycie wyróżnionych obrazów w postach na blogu. Jeśli nie masz doświadczenia w programowaniu, możesz użyć prostej wtyczki, aby wykonać zadanie.

Jednak jeśli nie chcesz instalować żadnych wtyczek, możesz przyjąć bardziej techniczne podejście, edytując pliki motywu lub używając własnego CSS. Poniżej wyjaśniliśmy każdy sposób krok po kroku:

Metoda 1: Używanie wtyczki

Możesz użyć wtyczki Conditionally Display Featured Image, aby szybko ukryć wyróżniony obraz. Ta popularna wtyczka jest dostępna za darmo w katalogu wtyczek WordPress.

Za pomocą tej wtyczki możesz wybrać ukrycie wyróżnionego obrazu w poszczególnych wpisach lub na stronie bloga, która wyświetla listę wszystkich opublikowanych wpisów.

Jeśli chcesz wypróbować tę prostą metodę, zacznijmy od jej zainstalowania:

1. Zainstaluj i aktywuj wtyczkę

Jeśli już wiesz, jak zainstalować i aktywować wtyczkę w WordPressie, możesz przejść do następnego kroku. Ale jeśli to Twój pierwszy raz, kontynuujmy, postępując zgodnie z poniższymi krokami:

• Otwórz pulpit administracyjny WordPressa.
• Kliknij Plugins menu z paska bocznego.

• Kliknij Add Plugin aby otworzyć Plugin Directory
• Wpisz Conditionally Display Featured Image w pasek wyszukiwania. Wtyczka powinna pojawić się jako pierwszy wynik.

• Kliknij Zainstaluj teraz aby pobrać wtyczkę.
• Po zainstalowaniu, kliknij Aktywuj aby włączyć ją na swojej stronie.

2. Edytuj wybrany wpis

Po aktywacji wtyczki możesz przejść bezpośrednio do wpisu, w którym chcesz ukryć obrazek wyróżniający. Następnie postępuj zgodnie z poniższymi krokami, aby znaleźć pole wyboru umożliwiające ukrycie obrazu:

• Otwórz wpis na blogu, który chcesz edytować.
• Kliknij Ustawienia aby uzyskać dostęp do edytora.

• W pasku bocznym przejdź do Post zakładki.
• Na samym szczycie powinieneś zobaczyć swój wyróżniony obraz. Poniżej znajdziesz opcję: Pokaż wyróżniony obraz tylko na listach postów, ale ukryj go w widoku pojedynczego posta.

• Zaznacz pole wyboru, aby ukryć wyróżniony obraz w tym konkretnym poście.
• Następnie zapisz zmiany, klikając Aktualizuj/Zapisz przycisk (jeśli wpis jest już opublikowany) lub Opublikuj przycisk (jeśli jest jeszcze szkicem).

3. Zaktualizuj wpis, aby zastosować zmiany

Ten krok jest zakończony po kliknięciu Zapisz lub Aktualizuj przycisk. Jednak upewnij się, że sprawdzisz front‑end swojej witryny, aby potwierdzić, że wyróżniony obraz jest rzeczywiście ukryty.

Istnieją dwa sposoby, aby to zrobić:

• Sprawdź wersję na żywo opublikowanego wpisu
• Lub podglądnij swój szkic przed publikacją

Oto spojrzenie na wynik przed i po:

Metoda 2: Użycie własnego CSS

Jeśli wyróżniony obraz nadal pojawia się w Twoich wpisach, nie martw się, ponieważ mamy inną metodę, aby pomóc Ci rozwiązać problem.

Możesz użyć własnego kodu CSS, aby ukryć go przed widokiem użytkownika. Pamiętaj jednak, że ta metoda może nieco wpłynąć na wydajność, ponieważ wyróżniony obraz będzie nadal ładowany, choć nie będzie widoczny.

Jeśli to nie jest dla Ciebie problemem, śmiało postępuj zgodnie z poniższym samouczkiem:

1. Zidentyfikuj konkretny identyfikator wpisu

Aby zapewnić, że kod CSS wpływa tylko na pojedynczy wpis, musisz znaleźć jego identyfikator wpisu. Identyfikator wpisu jest liczbą, która jednoznacznie identyfikuje każdy wpis w WordPressie.

Na przykład adres URL może zawierać post=111, gdzie 111 jest identyfikatorem wpisu.

Jednakże, jeśli Twoja strona używa przyjaznych SEO odnośników, nie zobaczysz identyfikatora wpisu bezpośrednio w adresie URL.

Oto jak go znaleźć zamiast tego:

• Przejdź do panelu administracyjnego WordPress.
• Kliknij wpis, który chcesz edytować.
• Spójrz na pasek adresu URL w swojej przeglądarce.
• Powinieneś zobaczyć adres URL zawierający identyfikator wpisu, jak pokazano poniżej.

2. Dodaj własny CSS, aby ukryć wyróżniony obraz dla tego wpisu

Po zidentyfikowaniu ID wpisu, kolejnym krokiem jest dodanie go do własnego kodu CSS. WordPress posiada wbudowaną funkcję dodawania CSS, więc nie będziesz musiał instalować żadnych wtyczek firm trzecich.

Możesz dodać kod CSS poprzez Customizer menu. Ta metoda wymaga tylko podstawowej wiedzy programistycznej, więc nie ma potrzeby się martwić.

Przeprowadzimy' Cię przez poniższe kroki:

• Kliknij na Wygląd menu z bocznego panelu i wybierz Dostosuj.

• Zostaniesz' przeniesiony do Customizer menu.

• Przewiń w dół i kliknij Dodatkowy CSS sekcję.
• Wklej poniższy kod w polu edytora. Nie zapomnij zamienić ID posta na rzeczywiste ID posta.

.postid-51442 .post-thumbnail { display: none; } 

• Na koniec, kliknij Opublikuj aby zastosować zmiany. Twój wyróżniony obraz powinien teraz być ukryty w tym poście.

Metoda 3: Edytowanie plików motywu

Jeśli powyższe metody nie dają pożądanego rezultatu, możesz spróbować edytować pliki motywu.

Jednak należy to traktować jako ostateczność, ponieważ edytowanie plików motywu może powodować błędy lub uszkadzać niektóre funkcje.

Upewnij się, że masz kopię zapasową na wszelki wypadek. Po tym ostrzeżenie, let's zaczynamy:

1. Otwórz plik functions.php motywu

Jest wiele .php plików w motywie, takich jak single.php, content.php i functions.php. To zależy od struktury twojego motywu's.

W tej metodzie musisz znaleźć plik functions.php. Here's jak go znaleźć:

• Otwórz Appearance menu z paska bocznego.
• Kliknij na Edytor plików motywu

• Otworzy edytor motywu, jak pokazano poniżej. 

• Przewiń w dół Pliki motywu menu i znajdź functions.php.

• Kliknij, aby otworzyć plik. 

2. Dodaj warunkowe instrukcje, aby wykluczyć wyróżniony obraz dla konkretnych wpisów

Teraz, gdy otworzyłeś functions.php plik, dodaj poniższy kod, aby ukryć wyróżniony obraz na stronach pojedynczych wpisów.

function wordpress_hide_feature_image( $html, $post_id, $post_image_id ) { return is_single() ? '' : $html; } // dodaj filtr add_filter( 'post_thumbnail_html', 'wordpress_hide_feature_image', 10, 3 ); 

Aby zapewnić, że kod ukrywa wyróżniony obraz tylko dla konkretnego wpisu, zamień is_single() na is_single(123), gdzie 123 jest identyfikatorem wpisu, który chcesz wybrać.

Po tym, zapisz zmiany, klikając Update File przycisk.

Jak ukryć wyróżnione obrazy we wszystkich pojedynczych wpisach

Jeśli chcesz ukryć wyróżnione obrazy we wszystkich swoich pojedynczych wpisach, motyw Neve ułatwia to. 

Kilka kliknięć wystarczy, aby ta metoda zapewniła, że wyróżnione obrazy pozostaną ukryte na stronach Twoich wpisów.

Jeśli masz już zainstalowany motyw Neve, możesz kontynuować według poniższych kroków:

• W panelu administracyjnym WordPress przejdź do Wygląd i kliknij Dostosuj.
• Przejdź do Blog sekcji.

• Zobaczysz dwa style układu: Normal i Cover. Kroki ukrywania wyróżnionych obrazów różnią się w zależności od układu:

Dla układu Normal:

1. Przewiń w dół i znajdź Thumbnail sekcję.
2. Kliknij Eye icon obok Thumbnail aby go wyłączyć.
3. Zastosuj tę zmianę, klikając przycisk Publikuj.
4. Wyróżnione obrazy będą teraz ukryte w postach używających układu nagłówka Normal.

Dla układu Cover:

1. Przewiń w dół, aby znaleźć Ukryj wyróżniony obraz przełącznik.
2. Włącz ten przełącznik włącz.
3. Kliknij Opublikuj aby zapisać ustawienia.

• Po zapisaniu ustawień, poczekaj kilka sekund, aż zmiany zostaną zastosowane.
• Następnie sprawdź, odwiedzając jeden ze swoich pojedynczych wpisów, czy wyróżnione obrazy są ukryte.

Pamiętaj, że musisz mieć zainstalowany motyw Neve, aby użyć tej metody. Jeśli jeszcze go nie zainstalowałeś, spróbuj zainstalować i aktywować go z Katalog Motywów. Po prostu wpisz Nevedo pola wyszukiwania i znajdziesz to.

Dlaczego edytowanie plików motywu nie jest zalecane?

Przypomnieliśmy Ci, aby nie edytować plików motywu, jeśli nie jest to konieczne. Prosty powód: może to zepsuć Twoją witrynę.

Zebraliśmy kilka bezpieczniejszych alternatyw, jak ukryć wyróżnione obrazy bez konieczności edytowania pliku motywu:

• Using Code Snippets Plugin: Code Snippet jest darmową wtyczką, która pozwala dodać własny PHP do Twoich poszczególnych wpisów. Działa znakomicie, nie ryzykując uszkodzenia Twojej strony.
• Custom Functionality Plugin: Ta wtyczka umożliwia podpięcie własnego PHP, zamiast wpisywania go bezpośrednio do pliku motywu.

Wniosek

Nie musisz wypróbowywać wszystkich powyższych metod, aby ukryć wyróżniony obraz w WordPressie. Po prostu znajdź tę, która spełnia Twoje potrzeby.

Zarządzanie dużą liczbą wyróżnionych obrazów może być czasochłonne, szczególnie gdy Twoja biblioteka mediów staje się zagracona.