TechBlogSD - Wszystko do WordPressa i tworzenia stron internetowych
Instrukcje WEB i WordPress, nowości, recenzje motywów i wtyczek

Jak korzystać z wtyczki konfiguratora motywów potomnych WordPress?

3

W naszym poprzednim artykule wyjaśniliśmy ręczny sposób tworzenia motywu potomnego w WordPressie. Jeśli czujesz się wyczerpany tymi wszystkimi ręcznymi czynnościami – nie martw się, nie jesteś sam. Zwłaszcza dostosowywanie motywu nadrzędnego poprzez wyszukiwanie poszczególnych klas CSS z nadrzędnego style.css jest bardziej techniczne dla początkującego WordPressa. Na szczęście istnieje wiele przydatnych wtyczek, które ułatwiają cały proces, a jednocześnie pozwalają na dalsze dostosowywanie. Konfigurator motywów podrzędnych to jedna z takich wtyczek, która pomaga tworzyć i dostosowywać motywy podrzędne w WordPress. W tym artykule omówimy krok po kroku proces korzystania z wtyczki Child Theme Configurator.

Dlaczego wtyczka konfiguratora motywów potomnych?

Wypróbowaliśmy wiele wtyczek do tworzenia motywu potomnego i zalecamy Konfigurator motywów potomnych z następujących powodów:

  • Wtyczka jest stale aktualizowana i wspierana.
  • Dobre recenzje użytkowników z ponad 70 000 aktywnych instalacji.
  • Bardzo łatwy w użyciu interfejs.
  • Dobra dokumentacja dostępna w panelu administratora.
  • Tworzenie motywu potomnego jednym kliknięciem.
  • Łatwe dostosowywanie CSS i modyfikowanie plików szablonów.

Jak korzystać z wtyczki konfiguratora motywów potomnych WordPress?

Konfigurator motywów potomnych Wtyczka WordPress

Wreszcie jest za darmo ze wszystkimi tymi opcjami !!! Dostępne są rozszerzenia premium, ale uważamy, że dla początkującego darmowa wersja wystarczy do stworzenia i dostosowania motywu potomnego.

Jak stworzyć motyw podrzędny za pomocą tej wtyczki?

Przejdź do „Wtyczki > Dodaj nowy" i wyszukaj „Motyw podrzędny”, aby znaleźć wtyczkę „Konfigurator motywów podrzędnych”. Zainstaluj i aktywuj wtyczkę; doda ona menu administratora „Narzędzia > Motywy podrzędne” w panelu administracyjnym WordPress. Kliknięcie na menu „Tematy potomne” pokaże Ci opcje jak poniżej:

Jak korzystać z wtyczki konfiguratora motywów potomnych WordPress?

Analizowanie motywu nadrzędnego

Domyślnie będzie tylko jedna akcja początkowo „Utwórz nowy motyw podrzędny”, a aktywny motyw Twojej witryny zostanie wybrany jako motyw nadrzędny. Możesz wybrać motyw nadrzędny (w naszym przykładzie używamy dwudziestu szesnastu) z menu rozwijanego i kliknąć przycisk „Analizuj”, aby uzyskać zależności i inne problemy.

Zostanie wyświetlony komunikat o sukcesie wraz z załadowanymi dodatkowymi opcjami (od 4 do 9), które można dostosować do własnych potrzeb.

Jak korzystać z wtyczki konfiguratora motywów potomnych WordPress?

Wybór nazwy katalogu motywów potomnych i arkusza stylów

Nazwij nowy katalog motywów

Wtyczka automatycznie utworzy nazwę katalogu motywu potomnego, dodając „-child” do nazwy motywu nadrzędnego. W naszym przykładzie jest to „dwadzieścia szesnaście dzieci” i zostawiamy to bez zmian. Możesz podać dowolną nazwę, jeśli chcesz zmienić nazwę katalogu motywu potomnego. Zauważ, że to nie jest nazwa motywu potomnego; jest to katalog, w którym będzie przechowywany motyw potomny. Wtyczka utworzy ten katalog w folderze „wp-content” jako „/wp-content/twentysixteen-child/”.

Wybierz Gdzie zapisać nowe style

Wtyczka oferuje dwie opcje zapisywania arkusza stylów motywu potomnego. Jeśli nie masz istniejącego motywu potomnego, wybierz opcję podstawowego arkusza stylów, aby utworzyć plik style.css w katalogu motywu potomnego. W przypadku, gdy masz istniejący katalog motywów potomnych, wtyczka zastąpi istniejący plik style.css nowym wygenerowanym stylem.css.

W przypadku, gdy nie chcesz nadpisywać istniejących stylów motywów potomnych, wybierz oddzielną opcję arkusza stylów, aby użyć tego arkusza stylów oprócz istniejącego arkusza stylów motywu potomnego.

Wybierz obsługę arkusza stylów motywu nadrzędnego

Zalecaną metodą jest wybranie opcji „użyj kolejki stylów WordPressa “, aby użyć pliku functions.php motywu potomnego do kolejkowania stylu motywu nadrzędnego do motywu potomnego. Możesz również użyć opcji „Użyj @import”, aby zaimportować style.css motywu nadrzędnego do style.css motywu potomnego (nie jest to zalecane).

Jak korzystać z wtyczki konfiguratora motywów potomnych WordPress?

Kolejkowanie motywu nadrzędnego

W przypadku, gdy nie chcesz używać stylu nadrzędnego motywu, wybierz opcję „nie dodawaj żadnej obsługi nadrzędnego arkusza stylów”. Jeśli używasz struktury motywów, takiej jak Genesis, wybierz opcję „Ignoruj ​​arkusze stylów motywów nadrzędnych”.

Dostosuj nazwę motywu podrzędnego, opis, autora, wersję itp.

W tej sekcji zdefiniuj wymagane szczegóły, takie jak nazwa motywu podrzędnego, opis, nazwisko autora itp.

Jak korzystać z wtyczki konfiguratora motywów potomnych WordPress?

Dostosowywanie szczegółów motywu potomnego

Oto miejsce, w którym możesz podać rzeczywistą nazwę motywu potomnego, który pojawi się w „Wygląd> Motywy”, aby aktywować go później.

Oferta SEO: Zoptymalizuj swoją witrynę dzięki specjalnej 14-dniowej bezpłatnej wersji próbnej Semrush Pro.

Skopiuj menu, widżety i inne ustawienia dostosowywania z motywu nadrzędnego do motywu potomnego:

Jednym z prawdziwych problemów podczas tworzenia ręcznego motywu potomnego jest to, że elementy motywu nadrzędnego, takie jak menu, widżety, opcje, tło itp., znikną z motywu potomnego. Wtyczka Child Theme Configurator pomaga w inteligentnym rozwiązaniu tego problemu, umożliwiając kopiowanie tych elementów z motywu nadrzędnego. Zaznacz tę opcję, aby zachować menu, widżety i ustawienia motywu głównego motywu również w motywie potomnym.

Jak korzystać z wtyczki konfiguratora motywów potomnych WordPress?

Tworzenie nowego motywu potomnego w WordPressie za pomocą wtyczki

Po wybraniu wszystkich wymaganych dostosowań kliknij przycisk „Utwórz nowy motyw podrzędny”. Zobaczysz komunikat o sukcesie, jak poniżej, z wieloma innymi dodatkowymi zakładkami.

Jak korzystać z wtyczki konfiguratora motywów potomnych WordPress?

Opcje konfiguratora motywów potomnych

Style.css jest jedynym plikiem wymaganym dla motywu potomnego, jeśli wybrałeś metodę @import. Jeśli wybrałeś zalecaną metodę kolejkowania, będą to dwa pliki style.css i functions.php. Podobnie jak w przypadku ręcznych modyfikacji, wiele rzeczy można zrobić za pomocą wtyczki Child Theme Configurator.

Edycja plików szablonów

Wszystkie modyfikowalne pliki szablonów zostaną wyświetlone w zakładce „Pliki”. Chociaż plik functions.php będzie domyślnie dostępny w plikach motywów potomnych, możesz skopiować inne pliki szablonów do motywu potomnego w celu modyfikacji. Niektóre z dostępnych plików szablonów, które można modyfikować, to 404.php, archive.php, page.php, single.php, header.php itp.

Jak korzystać z wtyczki konfiguratora motywów potomnych WordPress?

Kopiowanie plików szablonów motywu nadrzędnego dla motywu potomnego

Wybierz plik w sekcji „Pliki motywów podrzędnych” i edytuj go za pomocą domyślnego edytora motywów WordPress. Masz również następujące opcje w zakładce „Pliki”:

  • Prześlij niestandardowe obrazy motywów, które będą używane w arkuszu stylów. Przesłane obrazy zostaną wyświetlone na tej samej stronie, którą można wybrać i usunąć.

Jak korzystać z wtyczki konfiguratora motywów potomnych WordPress?

Prześlij niestandardowe obrazy motywu potomnego

Obrazy motywu są przechowywane w folderze „/twentysixteen-child/images/” i mogą być używane tylko w arkuszu stylów motywu potomnego. Wszystkie inne obrazy przesłane do posta/strony będą dostępne w bibliotece multimediów.

  • Prześlij niestandardowy zrzut ekranu dla motywu potomnego, który można zobaczyć w „Wygląd > Motywy”.
  • Wyeksportuj archiwum zip kompletnego motywu potomnego do przechowywania lokalnego.

Jednym z błędów popełnianych przez użytkowników podczas ręcznego tworzenia motywów potomnych jest niedbanie o strukturę katalogów. Wtyczka wykonuje bardzo dobrą robotę, robiąc to automatycznie podczas kopiowania plików, takich jak „/template-parts/content.php”. Automatycznie tworzy tę samą strukturę pod motywem potomnym, na przykład „dwadzieścia szesnaście-dziecko/template-parts/content.php” i zapewnia funkcjonowanie tego szablonu z motywu potomnego.

Dostosowywanie CSS

Znalezienie właściwości CSS i selektora jest głównym problemem podczas korzystania z ręcznych motywów potomnych, a wtyczka Child Theme Configurator pomaga łatwo rozwiązać ten problem. Istnieją dwie zakładki „Zapytanie/Wybór” i „Właściwość/Wartość”, których można użyć do zidentyfikowania wymaganego stylu z motywu nadrzędnego i jego modyfikacji.

Zakładka „Zapytanie/selektor” pomaga znaleźć konkretny selektor dla dowolnego zapytania @media i go zmodyfikować. Na przykład, jeśli chcesz zmienić kolor tła treści motywu nadrzędnego, pozostaw pole „@media Query” jako „podstawa” i wpisz „body” dla selektora. Zobaczysz wszystkie wartości właściwości dla ciała i kliknij ciało, aby wyświetlić ekran, jak pokazano poniżej:

Jak korzystać z wtyczki konfiguratora motywów potomnych WordPress?

Modyfikowanie CSS w oparciu o Media Query i Selector

Tutaj możesz zmienić kolor tła (i dowolną inną wartość, taką jak margines, dopełnienie itp.) I zapisać go jako wartości motywu podrzędnego.

Podobnie jak w przypadku „Zapytania/selektora” możesz użyć „Właściwości/Wartości”, aby zmodyfikować nadrzędny CSS. Na przykład wpisz „tło” w wartości właściwości i wybierz „kolor tła” z menu, aby zmodyfikować kolor tła całej witryny.

Jak korzystać z wtyczki konfiguratora motywów potomnych WordPress?

Dostosowywanie CSS motywu nadrzędnego za pomocą właściwości / wartości

Przeglądanie arkuszy stylów motywu rodzica/dziecka

Zakładki „Style bazowe” i „Style potomne” pokazują odpowiednie arkusze stylów odpowiednio z motywów nadrzędnych i podrzędnych.

Jak korzystać z wtyczki konfiguratora motywów potomnych WordPress?

Arkusz stylów motywu potomnego

Importowanie niestandardowych czcionek

Możesz zaimportować dowolne czcionki internetowe, takie jak czcionki Google, w zakładce „Czcionki internetowe” za pomocą zapytania @import.

Na koniec możesz usunąć, zduplikować i przeanalizować motyw potomny w zakładce „Rodzic/dziecko”. Te opcje będą wyświetlane tylko wtedy, gdy za pomocą tej wtyczki utworzysz prawidłowy motyw podrzędny.

Aktywacja motywu potomnego

Nowo utworzony motyw potomny można zobaczyć na pulpicie administratora WordPress w sekcji „Wygląd > Motywy”. Zdecydowanie zaleca się wyświetlenie podglądu witryny z motywem potomnym przed aktywacją, aby sprawdzić, czy wszystko jest w porządku, zgodnie z oczekiwaniami.

Jak korzystać z wtyczki konfiguratora motywów potomnych WordPress?

Aktywacja motywu potomnego w WordPress

Opcja „Debuguj” dostępna w prawym górnym rogu, gdy jest włączona, pokazuje działania na dole strony. Można to wykorzystać do rozwiązywania problemów w przypadku napotkania jakichkolwiek problemów podczas tworzenia motywu potomnego. Kliknij przycisk „Pomoc”, aby wyświetlić niezwykle przydatną dokumentację bezpośrednio z pulpitu administratora.

Źródło nagrywania: www.webnots.com
Leave A Reply

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów