Jak ustawić obrazek wyróżniający post w wordpess dla wybranej kategorii, np 18+. Jak to zrobić na przykładzie wtyczki „Code Snippets” i bez użycia CSS
Oczywiście! Możesz oznaczyć obrazek wyróżniający posta w WordPress jako pochodzący ze specjalnej kategorii (np. 18+) za pomocą wtyczki Code Snippets, bez użycia CSS. Poniżej znajdziesz krok po kroku instrukcję, jak to zrobić.
Krok 1: Zainstaluj i aktywuj wtyczkę Code Snippets
- Zaloguj się do panelu administracyjnego WordPress.
- Przejdź do „Wtyczki” > „Dodaj nową”.
- W polu wyszukiwania wpisz „Code Snippets”.
- Zainstaluj i aktywuj wtyczkę Code Snippets autorstwa Code Snippets Pro.
Krok 2: Przygotuj zmodyfikowany obrazek z oznaczeniem 18+
Ponieważ nie używamy CSS, potrzebujemy fizycznie zmodyfikować obrazek, aby zawierał oznaczenie „18+”.
- Otwórz oryginalny obrazek wyróżniający w programie graficznym (np. Photoshop, GIMP).
- Dodaj na obrazku oznaczenie „18+” w wybranym miejscu.
- Zapisz zmodyfikowany obrazek pod nową nazwą, np. „twoj-obrazek-18plus.jpg”.
- Prześlij ten obrazek do biblioteki mediów w WordPress.
Krok 3: Dodaj nowy fragment kodu w Code Snippets
- W panelu WordPress przejdź do „Snippets” > „Add New” (lub „Dodaj nowy”).
- W polu „Nazwa” wpisz np. „Zastąp obrazek wyróżniający dla kategorii 18+”.
Krok 4: Wprowadź kod PHP zastępujący obrazek wyróżniający
W polu edycji kodu wprowadź poniższy kod:
Krok 5: Znajdź ID obrazka z oznaczeniem 18+
- Przejdź do „Media” > „Biblioteka”.
- Znajdź obrazek z oznaczeniem „18+”.
- Kliknij na niego, aby otworzyć okno szczegółów.
- W pasku adresu przeglądarki zobaczysz URL zawierający
post=
i numer, np.:wp-admin/post.php?post=456&action=edit
456 to ID Twojego obrazka.
- Zanotuj ten numer i wprowadź go do kodu w miejscu
123
:
Krok 6: Zapisz i aktywuj fragment kodu
- Upewnij się, że opcja „Scope” (Zakres) jest ustawiona na „Run snippet everywhere” (Uruchamiaj fragment wszędzie).
- Kliknij „Save Changes and Activate” (Zapisz zmiany i aktywuj).
Krok 7: Przypisz posty do kategorii ’18+’
- Podczas tworzenia lub edycji posta upewnij się, że jest on przypisany do kategorii „18+”.
- Zapisz lub zaktualizuj post.
Krok 8: Przetestuj działanie
- Odwiedź stronę z postem należącym do kategorii „18+”.
- Sprawdź, czy obrazek wyróżniający został zastąpiony obrazkiem z oznaczeniem „18+”.
- Upewnij się, że posty w innych kategoriach wyświetlają oryginalne obrazki wyróżniające.
Dodatkowe informacje
- Indywidualne obrazki dla postówJeśli chcesz, aby każdy post miał unikalny obrazek z oznaczeniem „18+”, możesz ustawić dla nich indywidualne obrazki:
- Podczas edycji posta, przejdź do sekcji „Niższe pola” (Custom Fields). Jeśli nie widzisz tej sekcji, włącz ją w „Opcjach ekranu” u góry strony.
- Dodaj nowe pole:
- Nazwa pola:
_replacement_thumbnail_id
- Wartość pola: ID obrazka z oznaczeniem „18+” dla tego konkretnego posta.
- Nazwa pola:
- Zmiana nazwy kategoriiUpewnij się, że w funkcji
has_category( '18+', $post_id )
używasz właściwej nazwy lub slugu kategorii. Jeśli Twoja kategoria ma inny slug, np. „treści-dla-dorosłych”, zmień kod na:if ( has_category( 'treści-dla-dorosłych', $post_id ) ) {
- Bez użycia CSSW tym rozwiązaniu nie używamy stylów CSS. Wszystkie zmiany są dokonywane przez zastąpienie obrazka wyróżniającego innym obrazkiem, który już zawiera oznaczenie „18+”.
Ważne uwagi
- Kopia zapasowaPrzed wprowadzeniem zmian zawsze warto wykonać kopię zapasową strony, aby w razie potrzeby móc przywrócić poprzednią wersję.
- Motyw potomnyPonieważ nie modyfikujemy bezpośrednio plików motywu, nie musisz tworzyć motywu potomnego. Wtyczka Code Snippets pozwala na bezpieczne dodawanie kodu.
- Zgodność z przepisamiUpewnij się, że treści oznaczone jako „18+” są zgodne z lokalnymi przepisami prawa oraz regulaminem Twojego hostingu.
Podsumowanie
Dzięki zastosowaniu wtyczki Code Snippets i powyższemu kodowi PHP możesz zastąpić obrazek wyróżniający postów należących do określonej kategorii na inny, zawierający oznaczenie „18+”. Rozwiązanie to nie wymaga użycia CSS ani modyfikacji plików motywu, co czyni je bezpiecznym i łatwym w implementacji.