system WordPress Pomoc

Dołożyliśmy wszelkich starań, aby przetłumaczyć tę stronę. Dostępna jest również strona w języku angielskim.

Utwórz motyw potomny dla systemu WordPress

Czasami możesz chcieć zmodyfikować motyw WordPress. Sprawdzoną metodą modyfikowania stylu i funkcjonalności motywu jest użycie motywu potomnego, aby zapobiec utracie zmian podczas wykonywania aktualizacji.

  1. Połącz się ze swoim hostingiem za pomocą FTP
  2. Przejdź do katalogu wp-content/themes dla swojej witryny WordPress.
  3. Utwórz podrzędny katalog motywów. Poniżej przedstawiono typową konwencję nazewnictwa motywów podrzędnych: < rodzic & gt; -dzieci , gdzie < rodzic & gt; to nazwa motywu nadrzędnego.
  4. Przejdź do katalogu motywów podrzędnych i utwórz plik style.css.
  5. W pliku style.css dodaj nagłówek arkusza stylów, który zawiera metadane dotyczące motywu. Poniżej znajduje się przykład, którego można użyć z motywu potomnego Twenty Fifteen:
    /* Nazwa motywu: Identyfikator URI motywu Twenty Fifteen:http://example.com/twenty-fifteen-child/ Opis: Motyw Twenty Fifteen Autor: John Doe Identyfikator URI autora:http://example.com Szablon: dwadzieścia piętnaście Wersja: 1.0.0 Licencja: Powszechna Licencja Publiczna GNU v2 lub nowsza Identyfikator URI Licencji:http://www.gnu.org/licenses/gpl-2.0.html Tagi: jasny, ciemny, dwie kolumny, prawy pasek boczny, responsywny układ, gotowa do użycia domena tekstowa: dwadzieścia piętnaście dzieci */

    Pamiętaj, aby zastąpić informacje w przykładzie informacjami dotyczącymi motywu.

  6. Zapisz plik style.css.
  7. Teraz utwórz plik functions.php. Będzie to zawierać funkcje PHP specyficzne dla motywu potomnego.
  8. Po utworzeniu pliku functions.php trzeba będzie wkolejkować style i skrypty z motywu nadrzędnego do motywu podrzędnego.
    • Otwórz plik functions.php
    • Dodaj funkcję, która będzie używana do umieszczania stylów i skryptów w kolejce z motywu nadrzędnego. Poniżej znajduje się przykład.
      ? php add_action ('wp_enqueue_scripts', 'my_theme_enqueue_styles'); function my_theme_enqueue_styles () {wp_enqueue_style ('parent-style', get_template_directory_uri (). '/style.css'); }? >

Następne kroki


Więcej informacji