window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-144167967-1'); Jak zrobić motyw potomny (child theme) na Wordpress? window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-655919844'); (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:1940020,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '290874312298761'); fbq('track', 'PageView');

Motyw potomny (child theme) pomaga w zachowaniu zmian w plikach na stronie po aktualizacji motywu WordPressa.

Zmienić wygląd strony utworzonej na WordPressie możesz w plikach motywu takich jak:

  • style.css
  • functions.php
  • header.php
  • footer.php

i innych odpowiadających za wygląd poszczególnych części strony. Problem pojawia się w momencie, gdy zaktualizujesz motyw do nowszej wersji. Wówczas zmiany, które wprowadziłeś zostaną utracone. Wygląd strony wróci do defaultowego. Aby tego uniknąć możesz posiłkować się motywem potomnym (child theme).

child theme pliki

Pliki w folderze motywu potomnego (child theme)

Jak działa motyw potomny?

Child theme jest niczym innym jak kopią plików motywu głównego. Podczas aktualizacji WordPressa, zawartość pliku functions.php zostanie uzupełniona o reguły dopisane do pliku functions.php w motywie potomnym. Inaczej jest w przypadku plików header.php i footer.php, które zostaną zaciągnięte w całości i podmienione.

Jak zainstalować Child Theme na WordPressie?

Wtyczką

Do instalacji Child Theme wystarczy użycie dedykowanej wtyczki, ale nie polecamy takiego rozwiązania. Wtyczek powinno być jak najmniej.

Jeśli mimo wszystko chcesz użyć wtyczki, wejdź na stronę: https://pl.wordpress.org/plugins/ i wpisz w tamtejszej wyszukiwarce „child theme”. Znajdziesz wtyczki, które będziesz mógł wykorzystać.

Kodem

Dzięki temu, że nie użyjesz wtyczki, zaoszczędzić miejsca na swojej stronie. Ma to wpływ na szybkość jej działania.

Wykonaj po kolei następujące czynności:

  1. Utwórz na swoim dysku folder o nazwie „nazwa motywu-child theme”. Ważne, aby nazwa motywu zgadzała się z nazwą folderu motywu, który znajdziesz w FTP. Jeżeli motyw nazywa się „Goal”, to nazwa folderu musi brzmieć „Goal-child theme”
  2. W folderze utwórz pliki style.css i functions.php. W tym celu utwórz pliki notatnika i zmień im nazwy.
  3. Otwórz pliki i wprowadź do niech poniższy kod. Ważne, aby zachować dosłowne nazewnictwo motywu – rodzica.

Kod w pliku style.css

/*
Theme Name: Goal – motyw potomny
Template: Goal
*/

motyw potomny style css

Motyw potomny – wygląd style.css

 

Kod w pliku functions.php


add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
function enqueue_parent_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}

child theme functions.php

Child theme – plik functions.php

4. Folder motywu z dwoma plikami przenosisz do katalogu /wp-content/themes.
5. W panelu administratora WordPressa w Wygląd -> Motywy włączasz motyw potomny.

UWAGA! Jeżeli WordPress wyrzuca błąd debugowania, w pliku wp-config.php musisz zmienić linijkę

define( 'WP_DEBUG', false );

na

define( 'WP_DEBUG', true );

Po aktualizacji motywu cofnij zmianę.

Możesz cieszyć się motywem potomnym. Do folderu możesz przenieść także inne pliki, np. wspomniane wcześniej header.php i footer.php. Te pliki należy skopiować w całości i wprowadzać w nich zmiany, gdyż nadpisują analogiczne pliki z motywu rodzica.

Call Now Button