Podczas tworzenia stron na WordPressie co jakiś czas może pojawić się jakiś niestandardowy pomysł na zmianę. Na przykład, chcesz dodać jakiś element do tytułu wpisu bazując na jego kategorii. W tym przykładzie zrobimy modyfikację polegającą na oznaczeniu kursów typu screencast (poradnik z komentarzem na nagraniu). Oznaczeniem będzie ikona kamery, która pojawi się tylko przy kursach nagranych jako video.
Opis przypadku – strona z kursami na WordPress
Nasz przypadek to strona z kursami na WordPress, Strona główna wygląda następująco:
Dość prosta sprawa – trzy dodane kursy (jako wpisy) podzielone na kategorie. Główna kategoria to po prostu „Kursy”. Interesują nas bardziej podkategorie „Kursy tekstowe” oraz „Kursy video”. To właśnie kursy video będą oznaczone za pomocą ikony kamery.
Tworzenie motywu potomnego
Testowa strona z kursami jest postawiona na motywie Astra. Możesz wybrać dowolny, inny motyw. Ja wybrałem Astrę, ponieważ znam ten motyw i umożliwia on edycję plików motywu bezpośrednio z panelu WordPressa wp-admin.
Ważne jest to, aby modyfikacji nie robić w głównym motywie Astra, ponieważ po aktualizacji jego wersji stracimy nasze zmiany. Możemy za to skopiować motyw Astra do naszego własnego motywu (czyli utworzyć motyw potomny). Nasz motyw będzie rozszerzał główny motyw Astra, więc aktualizacje nie dotkną naszej wersji motywu.
W celu utworzenia motywu potomnego utwórz nowy katalog w swojej instalacji WordPrerssa, w katalogu:
wp-content/themes
Nowy katalog możemy nazwać przykładowo: custom-astra
Teraz, w nowo utworzonym folderze, utwórz dwa pliki:
/**
* Theme Name: Custom Astra Child
* Template: astra
*/<?php
// Plik functions.phpZawartość pliku style.css uzupełnij dokładnie jak jest to podane powyżej, ale tylko wtedy, gdy masz zainstalowany motyw Astra. Jeśli używasz innego motywu, który chcesz rozszerzyć, to po wyrażeniu „Template:” dodaj nazwę tego motywu (czyli zamiast astra wpisujesz nazwę katalogu z motywem, który rozszerzasz – to też znajdziesz w katalogu wp-content/themes).
Plik functions.php zostawiamy na razie tylko ze znacznikiem otwierającym <?php
Jeśli przejdziesz teraz do zakładki „Wygląd -> Motywy” w wp-admin to zobaczysz swój motyw potomny:
Klikamy „Włącz” przy naszym nowym motywie. Od teraz korzystamy z Astra ale w bardziej bezpiecznym trybie. Możemy więc dodać naszą modyfikację związaną z pokazywaniem ikony kamery.
Sedno poradnika – jak dodać oznaczenie kursu według kategorii?
Dodamy własną funkcję php w pliku functions.php i zakotwiczymy jej uruchomienie za pomocą tzw. haka WordPressa.
Jeśli interesuje Cię temat hook’ów to serdecznie zapraszam do wprowadzenia do nich na Nauka Kodu: https://naukakodu.pl/wordpress-hooks-jak-dziala-system-hakow-wordpressa/ Poradnik jest dobrym wprowadzeniem do tematu zakotwiczania skryptów w rdzeniu WordPressa, bez potrzeby modyfikowania rdzennego kodu tego CMS.
Wracając do naszej nowej funkcji: w pliku functions.php dodaj kod po znaczniku otwierającym <?php
function add_video_icon_to_video_courses( $title, $id = null )
{
if ( ! $id || ! in_the_loop() ) {
return $title;
}
$categories = get_the_category( $id );
if ( ! empty( $categories ) ) {
$categories_slugs = array_column( $categories, 'slug' );
if ( in_array( 'kursy-video', $categories_slugs ) ) {
$title .= '<br><img src="/wp-content/uploads/2026/05/video-camera.png" alt="Kurs video">';
}
}
return $title;
}
add_filter( 'the_title', 'add_video_icon_to_video_courses', 10, 2 );Ja używam w tym celu edytora plików motywu w wp-admin, ale możesz też oczywiście edytować plik inaczej. Najważniejsze jest to, żeby edytować plik w motywie potomnym a nie w głównym.
Opis funkcji
Jak działa powyższa funkcja? Otrzymuje ona parametr $title (Tytuł wpisu), ponieważ hook ’the_title’ przekazuje domyślnie ten parametr. Tak samo – $id, czyli ID wpisu jest przekazywany domyślnie.
Teraz funkcja może sprawdzić:
- jakie kategorie przynależą do kursu o danym ID (są sprawdzanie wszystkie kursy na stronie)
- sprawdzić czy wśród kategorii jest kategoria 'kursy-video’
- jeśli istnieje kategoria 'kursy-video’ to dodajemy grafikę w postaci kamery (musisz mieć wgraną dowolną grafikę do biblioteki mediów na swojej instalacji WordPressa)
Po zapisaniu functions.php strona główna powinna wyglądać nieco inaczej:
I faktycznie – tam gdzie kurs ma kategorię „Kursy video” to zobaczymy dodatkową grafikę.
Podsumowanie
W ten właśnie sposób możemy dodawać mnóstwo custom’ów do wordpressa. Ważne jest to, żeby stworzyć motyw potomny, no i oczywiście kopię zapasową przed zmianami, jeśli pracujesz na produkcyjnej witrynie (na przykład za pomocą wtyczki UpdraftPlus lub Duplicator).
Do wprowadzania takich modyfikacji jest potrzebna podstawowa znajomość języka PHP, ponieważ właśnie w tym języku napisany jest CMS WordPress. Oczywiście, w dobie AI wystarczy często takie proste customy wygeneruje za nas sztuczna inteligencja, niemniej podstawowa znajomość PHP pomoże w tym przypadku doszlifować działanie funkcji, jeśli rezultat od AI nie będzie spełniać Twoich oczekiwań.
