Podróżować
Korzystając z motywu podrzędnego, możesz zacząć bawić się typografią, kolorami i układem bloga, nie martwiąc się o nic.
Zakładam, że większość z was ma blogi WordPress lub zastanawia się nad przejściem na WP.
Przez długi czas wahałem się, czy naprawdę mogę bawić się moim blogiem, ponieważ kiedy patrzę na kod w backend - HTML i php - zawsze myślę o tym samym - „zabiję mojego bloga, jeśli z tym popsuję”.
Chodzi o to, że naprawdę chciałem zmienić typografię i wygląd mojego bloga i uczynić go swoim własnym, a nie tylko standardowym motywem. W ten weekend znalazłem odpowiedź: tworzysz „motyw potomny”.
Co to jest motyw podrzędny?
Motyw podrzędny jest w zasadzie super-miniaturowym motywem (zawiera tylko jeden składnik, arkusz style.css, który tworzysz - instrukcje poniżej), który pożycza cały kod od „rodzica”. Pozwala to na manipulowanie dowolnymi elementami chcesz - czcionki, kolory, odstępy, obrazy - po prostu kopiując i wklejając małe fragmenty kodu do motywu dziecka i eksperymentując z nimi.
Bez względu na to, jakie zmiany wprowadzisz do motywu podrzędnego, zawsze możesz je usunąć i zacząć od nowa, lub po prostu zapisać zmiany, a następnie wrócić do motywu nadrzędnego, aby ten był „aktywny” po zakończeniu pracy. Możesz później wrócić i pobawić się nad motywem dziecka w trakcie pracy.
Nauczyłem się tego wszystkiego od bardzo dobrego wstępu obrazkowego do tworzenia motywów dziecięcych, które przeprowadzają cię krok po kroku.
[Uwaga: jest na to jedno zastrzeżenie - aby to zrobić, musisz mieć dostęp do FTP na swoim blogu WordPress. Nie możesz ich utworzyć, jeśli jest to tylko blog WordPress.com.]
Oto zarys:
1. Znajdź nazwę katalogu (z uwzględnieniem wielkich liter) swojego motywu. Na przykład moim motywem jest „Tematyczny”, jednak lista katalogów (lista na moim serwerze przesłana przez FTP to „tematyczna”).
2. Skopiuj i wklej następujące elementy do edytora tekstu (z pustymi polami wypełnionymi zgodnie z Twoimi informacjami):
/ *
Nazwa motywu: nazwij motyw dziecka, jak chcesz, na przykład „remiks”
URI motywu: umieść tutaj adres URL swojego bloga
Opis: wstaw opis rozpoznający to jako motyw podrzędny, np.: „motyw podrzędny dla tematu”
Autor: twoje imię
Autor URI: umieść tutaj swój adres URL bloga
Szablon: lista katalogów nadrzędnego motywu, na przykład „tematyczna”
Wersja: umieść tutaj, co chcesz. „1.0” jest logiczną pierwszą wersją
* /
@import url („../ thematic / style.css”);
W tym przykładzie używam tematów jako motywu nadrzędnego. W przypadku własnego bloga musisz wstawić dowolną pozycję katalogu, na przykład, powiedzmy, że Twój motyw to „kubrick”, wówczas dolny wiersz brzmi:
@import url („../ kubrick / style.css”);
Ten dolny wiersz jest w zasadzie jedynym kodem w całym motywie. Po prostu nakazuje WordPressowi zaimportowanie wszystkich stylów z dowolnego motywu nadrzędnego lub „szablonu”, który wymieniłeś.
3. Po zakończeniu tego dokumentu zapisz go dokładnie tak: style.css (musi mieć rozszerzenie css lub Cascading Style Sheet).
4. Utwórz nowy katalog w folderze motywów o nazwie, którą nadajesz motywowi, na przykład „remiks”.
5. Prześlij plik style.css do tego folderu za pośrednictwem FTP.
6. Przejdź do zaplecza swojego bloga, a następnie Wygląd >> Motywy, a jeśli wszystko zrobiłeś poprawnie, powinieneś zobaczyć nowy motyw potomny (nie będzie zrzutu ekranu, ale zobaczysz nazwę / informacje, które wstawiłeś) na liście dostępnych motywów. Kliknij aktywuj.
7. Ponieważ motyw podrzędny po prostu importuje wszystko z motywu nadrzędnego, będzie wyglądał identycznie. Teraz możesz się dobrze bawić. Otwórz wygląd >> Edytor, a następnie wybierz style.css (powinieneś zobaczyć dokładnie ten sam dokument, który utworzyłeś). Teraz wróć do arkusza stylów nadrzędnego motywu (możesz go pobrać na pulpit lub po prostu wyświetlić przez FTP) i spójrz dla rzeczy, które chcesz zmienić. Skopiuj je, a następnie wklej je do arkusza stylów motywów podrzędnych otwartego tutaj w edytorze.
8. Jeśli jesteś podobny do mnie, a arkusze stylów wydają się niemożliwe do naśladowania jibberish, możesz pobrać słodkie narzędzie do przeglądarki Firefox o nazwie Firebug, które umożliwia klikanie elementów strony, a następnie daje odpowiedni kod CSS. Pozwala to spojrzeć na motyw nadrzędny w innym oknie, kliknąć części, które chcesz zmienić, a następnie skopiować podany kod CSS i wkleić go do edytora.
