Jak bezpiecznie aktualizować motywy WordPress

Utrzymywanie motywu WordPress na bieżąco jest równie ważne jak aktualizowanie wtyczek. Podatności motywów mogą narazić całą Twoją witrynę na ataki, a przestarzałe motywy często powodują problemy z kompatybilnością z nowszymi wersjami WordPress. Jednak aktualizacje motywów wymagają dodatkowej ostrożności, ponieważ mogą nadpisać Twoje dostosowania, jeśli edytowałeś pliki motywu bezpośrednio. Ten przewodnik prowadzi przez cały proces bezpiecznej aktualizacji motywów WordPress, od przygotowania po weryfikację.

Dlaczego aktualizacje motywów są ważne

Twój motyw określa wszystko, co odwiedzający widzą na Twojej witrynie, od układu i typografii po sposób renderowania treści. Wykonuje również kod PHP przy każdym ładowaniu strony, co czyni go potencjalnym celem dla atakujących. Łatki podatności bezpieczeństwa, kompatybilność z core WordPress, kompatybilność z wersją PHP, ulepszenia wydajności i wsparcie dla Full Site Editing to wszystkie powody, dla których aktualizacje motywów mają znaczenie.

Używanie motywu potomnego WordPress do ochrony Twoich dostosowań

Najważniejszym krokiem, jaki możesz podjąć przed aktualizacją motywu, jest upewnienie się, że Twoje dostosowania znajdują się w motywie potomnym, a nie w plikach motywu nadrzędnego. Gdy motyw nadrzędny jest aktualizowany, każdy plik w katalogu motywu nadrzędnego jest nadpisywany. Jeśli edytowałeś te pliki bezpośrednio, Twoje zmiany znikną.

Motyw potomny dziedziczy całą funkcjonalność motywu nadrzędnego i zachowuje Twoje zmiany w osobnym katalogu. Utwórz nowy katalog w wp-content/themes/ z nazwą motywu potomnego (np. flavor-child). Wewnątrz utwórz plik style.css:

/*
 Theme Name: Flavor Child
 Template: flavor
 Description: Child theme for Flavor
 Version: 1.0.0
*/

Linia Template musi dokładnie odpowiadać nazwie katalogu motywu nadrzędnego. Następnie utwórz plik functions.php, aby załadować style motywu nadrzędnego:

<?php
add_action('wp_enqueue_scripts', function () {
    wp_enqueue_style(
        'flavor-parent-style',
        get_template_directory_uri() . '/style.css'
    );
}, 5);

Aktywuj motyw potomny przez Wygląd > Motywy. Od tego momentu każdy plik szablonu, który chcesz dostosować, musi być skopiowany z motywu nadrzędnego do katalogu motywu potomnego i edytowany tam. Na przykład, aby dostosować nagłówek, skopiuj header.php z motywu nadrzędnego do folderu motywu potomnego i wprowadź zmiany w tej kopii. WordPress automatycznie używa wersji z motywu potomnego zamiast wersji z motywu nadrzędnego.

Przewodnik krok po kroku aktualizacji motywów WordPress

Postępuj zgodnie z tym procesem przy każdej aktualizacji motywu, czy to małej łatce, czy dużej aktualizacji wersji:

1. Zrób kopię zapasową całej witryny: Wykonaj pełną kopię zapasową bazy danych i wszystkich plików. Użyj wtyczki kopii zapasowej, takiej jak UpdraftPlus, BlogVault lub funkcji snapshot Twojego dostawcy hostingu. Jeśli używasz WP-CLI, możesz szybko wyeksportować bazę danych:

   wp db export backup-before-theme-update.sql

   Zrób także specjalnie kopię katalogu motywu na wypadek, gdybyś musiał później porównać pliki:

   cp -r wp-content/themes/flavor wp-content/themes/flavor-backup

2. Przeczytaj changelog motywu: Przejrzyj stronę motywu na WordPress.org lub stronę dewelopera, aby zobaczyć changelog. Zwróć uwagę na wzmianki o breaking changes, usuniętych plikach szablonów, zmienionych hookach lub zaktualizowanych minimalnych wymaganiach (wersja WordPress, wersja PHP). Duże skoki wersji zasługują na szczególną uwagę.
3. Porównaj zmodyfikowane pliki motywu nadrzędnego: Jeśli edytowałeś motyw nadrzędny bezpośrednio (bez motywu potomnego), musisz przed aktualizacją zidentyfikować dokładnie, które pliki zmodyfikowałeś. Użyj narzędzia diff lub WP-CLI do porównania:

   # Compare your theme files against the repository version
   diff -r wp-content/themes/flavor /tmp/flavor-original/

   Udokumentuj każdą zmianę, którą znajdziesz. Będziesz musiał ponownie zastosować te zmiany po aktualizacji, najlepiej przenosząc je do motywu potomnego.
4. Przetestuj aktualizację w środowisku stagingowym: Sklonuj swoją witrynę produkcyjną do środowiska stagingowego i najpierw zastosuj tam aktualizację motywu. Sprawdź każdy krytyczny obszar: układ strony głównej, archiwum bloga, strony pojedynczych wpisów, niestandardowe szablony stron, nagłówek i stopka, menu nawigacyjne, obszary widgetów, strony produktów WooCommerce (jeśli dotyczy) i responsywność mobilną.
5. Zastosuj aktualizację na produkcji: Przejdź do Wygląd > Motywy, kliknij swój aktywny motyw i kliknij "Aktualizuj". Jeśli używasz WP-CLI:

   wp theme update flavor

6. Dokładnie zweryfikuj swoją witrynę: Po aktualizacji sprawdź następujące:
   • Strona główna renderuje się poprawnie ze wszystkimi sekcjami i obrazami
   • Menu nawigacyjne wyświetlają się poprawnie na desktopie i mobile
   • Wpisy blogowe i strony archiwów zachowują swój układ
   • Niestandardowe szablony stron nadal działają
   • Widgety i sidebary pojawiają się we właściwych pozycjach
   • Formularze, przyciski i elementy interaktywne działają
   • Konsola przeglądarki nie pokazuje nowych błędów JavaScript
   • Log błędów PHP nie zawiera nowych ostrzeżeń lub powiadomień

Jak odzyskać utracone dostosowania motywu po aktualizacji

Jeśli edytowałeś motyw nadrzędny bezpośrednio i aktualizacja nadpisała Twoje zmiany, nie panikuj. Wykonaj te kroki, aby odzyskać:

1. Przywróć poprzednią wersję motywu z kopii zapasowej: Jeśli zrobiłeś kopię katalogu motywu przed aktualizacją (jak zalecano powyżej), skopiuj stare pliki motywu z powrotem na miejsce. Jeśli użyłeś pełnej kopii zapasowej witryny, możesz wyekstrahować tylko folder motywu.
2. Zidentyfikuj wszystkie dostosowane pliki: Porównaj przywróconą starą wersję z oryginalną (niezmodyfikowaną) wersją tego samego wydania. To ujawnia dokładnie, które pliki zmodyfikowałeś i jakie były zmiany. Użyj diff lub wizualnego narzędzia porównania, takiego jak Meld lub wbudowany diff viewer VS Code.
3. Utwórz motyw potomny i przenieś swoje zmiany: Dla każdego pliku, który zmodyfikowałeś, skopiuj go z motywu nadrzędnego do nowego katalogu motywu potomnego i zastosuj tam swoje zmiany. W ten sposób przyszłe aktualizacje motywu nadrzędnego nie nadpiszą Twojej pracy.
4. Ponownie zaktualizuj motyw nadrzędny: Z Twoimi dostosowaniami bezpiecznie w motywie potomnym, zaktualizuj motyw nadrzędny do najnowszej wersji.
5. Zweryfikuj, że wszystko współpracuje: Dokładnie przetestuj swoją witrynę. Zwróć szczególną uwagę na pliki szablonów, w których motyw nadrzędny wprowadził zmiany strukturalne. Nadpisania szablonów Twojego motywu potomnego mogą wymagać dostosowania, aby odpowiadać nowej markupie lub zmianom hooków w motywie nadrzędnym.

Jak obsługiwać przestarzałe i porzucone motywy WordPress

Gdy InspectWP zgłasza, że Twój motyw jest przestarzały, odpowiednia reakcja zależy od tego, jak przestarzały jest i czy nadal jest utrzymywany:

• Sprawdź datę ostatniej aktualizacji na WordPress.org: Jeśli motyw nie był aktualizowany od ponad dwóch lat, może być porzucony. Sprawdź forum wsparcia: jeśli deweloper nie odpowiada już na pytania, motyw prawdopodobnie nie jest już utrzymywany.
• Sprawdź znane luki bezpieczeństwa: Sprawdź bazę podatności WPScan, bazę Patchstack i forum wsparcia motywu pod kątem zgłoszonych problemów bezpieczeństwa. Porzucony motyw ze znanymi podatnościami stanowi poważne ryzyko.
• Rozważ migrację do aktywnie utrzymywanego motywu: Jeśli Twój motyw jest porzucony, zaplanuj migrację do nowoczesnego, aktywnie utrzymywanego motywu. Popularne dobrze utrzymywane opcje to GeneratePress, Flavor, Flavor, Kadence i Flavor Theme. Dla motywów blokowych możesz rozważyć Twenty Twenty-Five lub Flavor.
• Trzymaj zainstalowany najnowszy domyślny motyw WordPress: WordPress jest dostarczany z domyślnymi motywami (Twenty Twenty-Five, Twenty Twenty-Four itd.), które służą jako motywy zapasowe. Zawsze trzymaj zainstalowany co najmniej najnowszy domyślny motyw. Jeśli Twój aktywny motyw się zawiesi lub zostanie automatycznie dezaktywowany przez błąd krytyczny, WordPress wraca do domyślnego motywu, dzięki czemu Twoja witryna pozostaje dostępna.
• Usuń nieużywane motywy: Podobnie jak wtyczki, nieaktywne motywy w Twoim katalogu wp-content/themes/ mogą być wykorzystane, jeśli zawierają podatności. Zachowaj tylko aktywny motyw, motyw nadrzędny (jeśli używasz motywu potomnego) i najnowszy domyślny motyw WordPress. Usuń wszystko inne.

Konfigurowanie automatycznych aktualizacji motywów WordPress

WordPress 5.5 wprowadził wbudowane wsparcie dla automatycznych aktualizacji motywów. Oto jak je włączyć:

1. Przejdź do Wygląd > Motywy.
2. Kliknij swój aktywny motyw, aby otworzyć szczegóły.
3. Kliknij "Włącz automatyczne aktualizacje".

Aby programowo włączyć automatyczne aktualizacje dla wszystkich motywów:

add_filter('auto_update_theme', '__return_true');

Dla selektywnych automatycznych aktualizacji możesz targetować określone motywy:

add_filter('auto_update_theme', function ($update, $item) {
    // Only auto-update these themes
    $auto_update_themes = ['flavor', 'flavor-child'];
    return in_array($item->theme, $auto_update_themes, true);
}, 10, 2);

Automatyczne aktualizacje działają dobrze dla motywów, które regularnie otrzymują drobne łatki. Dla motywów, które wprowadzają duże zmiany strukturalne między wersjami (szczególnie motywy premium z wbudowanymi pagebuilderami), ręczne aktualizacje z testami stagingowymi są bezpieczniejsze.

Uwagi dotyczące aktualizacji motywów blokowych dla Full Site Editing

Jeśli używasz motywu blokowego (Full Site Editing), proces aktualizacji działa inaczej, ponieważ Twoje dostosowania projektowe są przechowywane oddzielnie od plików motywu:

• Globalne style są przechowywane w bazie danych: Kolory, typografia, odstępy i inne tokeny projektowe, które ustawiasz przez Site Editor, są przechowywane jako custom post type (wp_global_styles), nie w theme.json. Aktualizacje motywu nie nadpisują tych ustawień.
• Niestandardowe szablony są również przechowywane w bazie danych: Gdy tworzysz lub modyfikujesz szablony w Site Editor, WordPress przechowuje je w bazie danych jako custom post types wp_template i wp_template_part. Te dostosowania są zachowywane podczas aktualizacji motywu.
• Jednak sprawdź zmiany szablonów: Gdy deweloper motywu dodaje nowe szablony, restrukturyzuje istniejące lub modyfikuje wzorce bloków, Twoje dostosowania przechowywane w bazie danych mogą nie automatycznie przejąć tych ulepszeń. Po aktualizacji motywu blokowego porównaj swoje niestandardowe szablony z nowymi domyślnymi (możesz zresetować poszczególne szablony w Site Editor), aby zobaczyć, czy motyw wprowadził korzystne zmiany, które chcesz przejąć.
• Plik theme.json jest jednak nadpisywany: Chociaż Twoje dostosowania Site Editor są bezpieczne, podstawowy plik theme.json w katalogu motywu jest zastępowany podczas aktualizacji. Jeśli edytowałeś theme.json ręcznie zamiast używać Site Editor, te zmiany zostaną utracone. Najlepsza praktyka: użyj theme.json motywu potomnego do ręcznych dostosowań JSON lub użyj interfejsu Site Editor, który przechowuje wszystko w bazie danych.

Zarządzanie aktualizacjami motywów WordPress za pomocą WP-CLI

WP-CLI zapewnia wydajne komendy do zarządzania aktualizacjami motywów z linii poleceń:

# Check for available theme updates
wp theme list --update=available --format=table

# Update a specific theme
wp theme update flavor

# Update all themes
wp theme update --all

# Get detailed theme information
wp theme get flavor --fields=name,version,status,update

# Verify theme file checksums against WordPress.org
wp theme verify-checksums flavor

# Install and activate a theme in one command
wp theme install flavor --activate

# List all installed themes with their status
wp theme list --format=table

Jak InspectWP monitoruje Twój motyw WordPress

InspectWP wykrywa Twój aktywny motyw WordPress i motyw potomny, analizując źródło strony i odniesienia do arkuszy stylów. Sprawdza zainstalowaną wersję motywu względem repozytorium WordPress.org i oznacza motywy działające w przestarzałych wersjach. InspectWP identyfikuje również, czy używasz motywu potomnego (co jest zalecane dla bezpiecznych aktualizacji) i pokazuje relację rodzic-dziecko motywu. Jeśli Twój motyw został usunięty z repozytorium WordPress, InspectWP oznacza to jako potencjalny problem bezpieczeństwa. Dzięki zaplanowanym automatycznym raportom otrzymujesz powiadomienia, gdy Twoja wersja motywu pozostaje w tyle, dzięki czemu masz czas na zaplanowanie i przetestowanie aktualizacji, zanim staną się ryzykiem bezpieczeństwa.