Standardowa tabela utworzona w edytorze Gutenberg jest statyczna, dlatego nie sortuje danych po kliknięciu nagłówka kolumny. Najprościej dodać tę funkcję za pomocą wtyczki TablePress, która pozwala tworzyć interaktywne tabele bez pisania kodu.
Dlaczego tabela w WordPressie nie sortuje danych?
Blok tabeli dostępny w edytorze Gutenberg tworzy prostą tabelę HTML przeznaczoną do prezentowania treści. Jej zawartość nie zmienia się w zależności od działań odwiedzającego, więc kliknięcie nagłówka kolumny nie zmieni kolejności wierszy.
Sortowanie wymaga dodatkowej obsługi skryptem JavaScript. Dla większości właścicieli stron wygodniejszym rozwiązaniem będzie jednak wtyczka, która dodaje sortowanie, filtrowanie lub podział danych na strony bez ręcznej edycji plików witryny.
Jakie są sposoby dodania sortowania?
Wybór metody zależy głównie od poziomu wiedzy technicznej i złożoności tabeli:
| Metoda | Trudność | Główne zastosowanie |
|---|---|---|
| Wtyczka do tabel, na przykład TablePress | Niska | Interaktywne tabele na standardowej stronie WordPress |
| Blok tabeli Gutenberg | Niska | Proste, statyczne zestawienia bez sortowania |
| Ręczne dodanie skryptów JavaScript | Wysoka | Niestandardowe wdrożenia przygotowywane przez programistę |
Wtyczka jest zwykle najbezpieczniejszym wyborem. Otrzymujesz gotowy panel do zarządzania danymi, a tabelę osadzasz na stronie za pomocą krótkiego kodu, czyli shortcode.
Jak dodać sortowanie tabeli za pomocą TablePress?
TablePress pozwala utworzyć tabelę od podstaw albo zaimportować dane z pliku. Nazwy poszczególnych opcji mogą nieznacznie różnić się zależnie od wersji wtyczki, ale proces wygląda następująco:
- Zainstaluj TablePress – w panelu WordPressa przejdź do sekcji „Wtyczki”, wybierz „Dodaj nową”, wyszukaj TablePress, a następnie zainstaluj i aktywuj wtyczkę.
- Utwórz lub zaimportuj tabelę – w menu TablePress utwórz nową tabelę albo wczytaj dane z pliku CSV lub arkusza. Uzupełnij nagłówki kolumn i wiersze.
- Włącz sortowanie – w ustawieniach tabeli odszukaj opcje funkcji DataTables i zaznacz sortowanie kolumn. Dzięki temu odwiedzający będzie mógł kliknąć nagłówek, aby zmienić kolejność danych rosnąco lub malejąco.
- Zapisz tabelę i skopiuj shortcode – po zapisaniu konfiguracji skopiuj krótki kod przypisany do tabeli.
- Osadź tabelę na stronie – wklej shortcode do wpisu, strony albo odpowiedniego pola w edytorze WordPressa, a następnie opublikuj lub zaktualizuj treść.
Po wdrożeniu kliknięcie nagłówka kolumny powinno przełączać kolejność danych. W zależności od konfiguracji możesz także włączyć wyszukiwarkę, paginację i filtrowanie. Przy większych zestawieniach poprawia to czytelność oraz ułatwia znalezienie konkretnego rekordu.
TablePress jest wygodny szczególnie wtedy, gdy tabela ma być regularnie aktualizowana. Najważniejsze zalety takiego rozwiązania to:
- Brak konieczności pisania kodu.
- Możliwość edycji danych z poziomu panelu WordPressa.
- Import danych z plików zamiast ręcznego przepisywania wierszy.
- Sortowanie, filtrowanie i paginacja dostępne w ramach jednej tabeli.
Czy można dodać sortowanie ręcznie?
Technicznie jest to możliwe, ale wymaga dodania biblioteki JavaScript, przygotowania odpowiedniego skryptu i dopasowania go do struktury tabeli. Nie jest to dobry wybór dla osoby, która nie pracuje na co dzień z kodem.
Ręczna modyfikacja plików motywu może powodować konflikty z wtyczkami, błędy po zmianie motywu i problemy z aktualizacjami. Dodatkowe biblioteki mogą także zwiększyć liczbę zasobów ładowanych przez stronę, co niepotrzebnie wpłynie na jej wydajność.
Do zwykłej tabeli w WordPressie wybierz wtyczkę, a własny skrypt rozważ dopiero wtedy, gdy potrzebujesz niestandardowej integracji lub specjalnego sposobu sortowania.
