Jak stworzyć widżet w motywie potomnym?

Jeśli chcesz dostosować swoją witrynę WordPress poza podstawowymi zmianami, musisz dowiedzieć się, jak utworzyć widżet w motywie podrzędnym . Widżety WordPress to małe bloki treści, które można dodawać do pasków bocznych witryny lub innych obszarów gotowych na widżety. Obszary te zwykle znajdują się w stopce lub nagłówku Twojej witryny. Widgety mogą zawierać wszystko, od tekstu i obrazów po odtwarzacze wideo i audio. Możesz nawet znaleźć wtyczki, które zamieniają Twoje paski boczne w kanały mediów społecznościowych. W tym artykule pokażemy, jak utworzyć widżet w motywie potomnym i wyjaśnimy korzyści z jego używania.

Utworzyłem motyw podrzędny i chciałbym dodać sponsorowany obszar logo nad stopką. Przypuszczam, że sposobem na to byłoby użycie widżetu? Jak utworzyć nowy widżet lub wykorzystać jeden z istniejących widżetów stopki, aby wyświetlał się tam, gdzie chcę? Przechodząc do Wygląd. Krok 1 jest wymagany, jeśli chcesz mieć pełną kontrolę nad paskiem bocznym lub chcesz zmienić jego ustawienia. Technicznie możliwe jest osiągnięcie tego, czego potrzebujesz, ale wymagany jest niestandardowy rozwój. Więcej informacji można znaleźć na stronie https://theme.co/x/member/custom-development.

Jak stworzyć niestandardowy widżet w WordPressie?

Możesz znaleźć i wybrać widżety z menu Wygląd. Powinieneś zobaczyć widżet Hostinger Sample na liście dostępnych widżetów. Przeciągając widżet, możesz go przesłać na pasek boczny po prawej stronie strony. Możesz odwiedzić swoją witrynę po wprowadzeniu zmian.

Widżet WordPress to niewielka kolekcja treści dodawana do określonych obszarów widżetów . Istnieją różne rodzaje widżetów, które umożliwiają wyświetlanie różnego rodzaju informacji na dowolnej stronie, w zależności od tego, gdzie je umieścisz. Niektóre widżety są dostępne jako standardowa funkcja, podczas gdy inne są dostępne jako wtyczki lub jako motyw. Wszystkie cztery wymienione powyżej metody muszą być zawarte w Twojej klasie, jeśli zamierzasz utworzyć podstawowy widżet. Aby korzystać z Widgetu w dashboardzie, należy go również zarejestrować za pomocą funkcji register_widget(). Zanim przestudiujemy przykład, który podaliśmy w tym artykule, omówimy cel każdej sekcji kodu, a także wyjaśnimy, dlaczego każda sekcja jest ważna. Każda z czterech metod Custom_Widget jest unikalna.

Widżet został utworzony w wyniku metody __construct() przy użyciu parametru custom_widget. Używając na końcu register_widget(), można zarejestrować ten sam widżet. Ponieważ każda z części musi zostać dodana do opcji widżetu za pomocą instrukcji if*…*, zapewniliśmy, że jest ona wyświetlana tylko wtedy, gdy jest uwzględniona. Metoda widget() umożliwia wyświetlanie tekstów wieloparagrafowych, do czego użyliśmy funkcji nl2br(). Funkcja sanitize_text_field() usuwa wszelkie niepotrzebne spacje, tabulatory lub podziały wierszy. Ostatni z nich ma również domyślną wartość ustawioną jako domyślną w polu select, co oznacza, że ​​cel linku jest domyślnie ustawiony na -blank. Możesz wybrać tytuł, tekst, link i czy link ma być obecny w nowej karcie, czy nie.

Po zakończeniu wypełniania opcji naciśnij przycisk Zapisz. Jeśli wybierzesz inny motyw dla widżetu, będzie on wyglądał inaczej. W naszym przypadku Lekker WordPress ma widżet, który wygląda podobnie do pokazanego poniżej.

Jak stworzyć motyw potomny

Aby utworzyć motyw potomny, musisz utworzyć nowy folder dla motywu potomnego i dodać arkusz stylów. Motyw potomny odziedziczy styl i funkcjonalność motywu nadrzędnego , ale możesz dodać niestandardowe reguły CSS do arkusza stylów motywu potomnego, aby zastąpić style motywu nadrzędnego. Możesz również dodać niestandardowe funkcje do pliku functions.php motywu potomnego, aby przesłonić funkcje motywu nadrzędnego.

Do motywu potomnego można dodawać nowe funkcje, o ile nie dziedziczy on funkcji motywu nadrzędnego. Nie ma powiązania między motywami potomnymi a motywami macierzystymi ; motywy potomne są oddzielone od motywów nadrzędnych. Dzięki motywowi potomnemu możesz aktualizować swoją witrynę i łatwo ją utrzymywać. Pomoże Ci również w zmniejszeniu prawdopodobieństwa nadpisania i utraty wyglądu Twojej witryny. Należy zauważyć, że motyw potomny zawiera te same elementy, co motyw nadrzędny. W tej kategorii uwzględniamy wszystkie pliki szablonów, funkcje i zasoby, takie jak JavaScript i obrazy. Plik style.css motywu potomnego można zmienić w celu zaspokojenia potrzeb dziecka.

Jednym z najprostszych sposobów na stworzenie motywu WordPress dla dziecka jest użycie wtyczki. Jeśli motyw nadrzędny wyświetla komunikat o błędzie, wybierz go z menu rozwijanego i kliknij dwukrotnie Analizuj. Następnie zostaniesz poproszony o podanie katalogu dla motywu potomnego. W plikach tworzących witrynę pojawi się nazwa folderu. Jeśli termin jest unikalny dla Twojej witryny, możesz go dowolnie nazwać. Jeśli zamierzasz użyć motywu nadrzędnego jako podstawy nowego motywu, możesz dołączyć krótki opis i unikalną nazwę. Jeśli chcesz wprowadzić zmiany w swojej witrynie, upewnij się, że jest ona uruchomiona i działa, zanim to zrobisz.

Możesz wprowadzić wszystkie potrzebne zmiany w określonym momencie, ręcznie tworząc motyw podrzędny WordPress . Krok 1 to utworzenie folderu na motyw Twojego dziecka. arkusze stylów z motywów nadrzędnych i podrzędnych. Czas zmienić nazwę pliku style.css. Czwartym krokiem jest umieszczenie pliku style.css w katalogu motywu potomnego. Będziesz mógł ręcznie skonfigurować swój motyw potomny, jeśli przejdziesz do Wygląd. Korzystanie z motywu potomnego zapewnia, że ​​nie trzeba bezpośrednio edytować motywu nadrzędnego.

Możesz łatwo wprowadzić poważne zmiany w swojej witrynie za pomocą motywu podrzędnego, ponieważ łatwo go dostosować. Musisz także znaleźć wiarygodnego dostawcę usług hostingowych. Współdzielony pakiet hostingowy od DreamHost pozwoli Ci poprawić wydajność Twojej witryny w przystępnej cenie.

3 rzeczy, o których należy pamiętać podczas tworzenia motywu potomnego

Utworzenie motywu potomnego będzie wymagało utworzenia folderu, w którym będzie przechowywany motyw. Skonfiguruj arkusz stylów i funkcję w tym folderze. Następnie w folderze motywu podrzędnego skopiuj pliki motywu nadrzędnego. Chodźmy do łóżka.
Temat potomny powinien być przemyślany na kilka sposobów. Pamiętaj, aby w pierwszym kroku podać nazwę pliku motywu nadrzędnego. Na przykład, jeśli motywem nadrzędnym jest WPBakery Page Builder, motyw potomny powinien mieć nazwę WPBakery Page BuilderChild. Drugą rzeczą do zrobienia jest zapisanie plików motywu nadrzędnego, oprócz arkuszy stylów i plików functions.php. Upewnij się, że pliki motywu są aktualne i znajdują się we właściwej lokalizacji.
Jeśli tworzysz motyw podrzędny dla wtyczki, będziesz chciał zachować pliki wtyczki w folderze motywu podrzędnego. Motyw podrzędny wtyczki WPBakery Page Builder powinien zawierać folder wtyczki WPBakery Page Builder, a także folder motywu podrzędnego wtyczki WPBakery Page Builder.

Motyw potomny WordPress

Motyw potomny WordPress to motyw, który dziedziczy funkcjonalność innego motywu, zwanego motywem nadrzędnym. Motywy potomne to zalecany sposób modyfikowania istniejącego motywu. Gdy motyw potomny jest aktywowany, zastępuje arkusz stylów, pliki szablonów i funkcje motywu nadrzędnego.

Dzięki platformie WordPress możesz całkowicie dostosować stronę internetową bez znajomości HTML, CSS lub PHP. Wadą jest to, że wszelkie zmiany wprowadzone w motywie po jego aktualizacji przez programistę zostaną usunięte. Zamiast używać motywu podrzędnego, możesz użyć takiego, który umożliwia wprowadzanie zmian w witrynie bez konieczności ponownego dotykania oryginalnych plików. Pliki istniejącego motywu mogą być modyfikowane lub dodawane jako motyw potomny. Ten motyw zmieni tylko te części, które chcesz zmienić i użyje tych samych części z motywu nadrzędnego. Trzy najważniejsze części motywu potomnego to folder, arkusz stylów i plik functions.html. Motyw potomny musi zawierać trzy komponenty: własny folder, arkusz stylów i plik functions.php.

Motywy potomne, podobnie jak wszystkie motywy, znajdują się w treści/motywach WP instalacji WordPress. Wystarczy wpisać nazwę i szablon motywu. Ważne jest, aby pamiętać, że to tylko wtedy, gdy zamierzasz użyć swojego motywu, a nie ja. Plik functions.php to baza kodu, która umożliwia zmianę i dodanie funkcjonalności i funkcji do witryny WordPress. Tworzenie pliku jest tak proste, jak tworzenie arkusza stylów. Jeśli nie zamierzasz używać PHP w przyszłości do modyfikowania swojego motywu, możesz to zrobić bez niego. Jeśli używasz motywu nadrzędnego, prawdopodobnie wiesz już, jak powinna wyglądać Twoja witryna.

Aby uzyskać ten status, musisz skopiować i wkleić arkusze stylów motywów nadrzędnych. Możesz to zrobić za pomocą CSS lub reguły @import. Motyw Twojego dziecka powinien być dokładnie taki jak jego rodzic, jeśli wszystko inne pójdzie zgodnie z planem. Możemy teraz zacząć dostosowywać nasz motyw i zmieniać rzeczy, aby osiągnąć pożądany rezultat. Dostosowania można przeprowadzać na wiele sposobów i omówimy wiele z nich. Style niestandardowe można dodawać do motywu potomnego, ale nie można ich dodawać do motywu nadrzędnego. Wykonując poniższe czynności, możesz wprowadzić dowolną liczbę zmian w swojej witrynie.

Upewnij się, że motyw podrzędny ma taką samą strukturę folderów jak motyw nadrzędny. Jeśli chcesz zmodyfikować plik w folderze o nazwie szablony stron w motywie nadrzędnym, utwórz folder w katalogu motywu potomnego o nazwie szablony stron. Po prostu zmieniamy nazwę custom-full-width.php z motywu nadrzędnego, aby utworzyć nasz niestandardowy szablon strony. Na przykład w footer-custom.php tworzymy klasę o pełnej szerokości w elemencie stopki. Pozostało tylko wpisać kod do naszego arkusza stylów. W rezultacie możesz zobaczyć naszą stronę o pełnej szerokości. Nic nam nie jest, dopóki nie będziemy musieli go wypolerować.

Zaczepy tematyczne umożliwiają dostosowanie motywu potomnego bez konieczności modyfikowania podstawowych plików. Haki motywów to małe ikony, które pojawiają się w plikach motywu i umożliwiają dodawanie treści, funkcji i innych elementów. Haczyki występują w dwóch odmianach: haczyki akcji i haczyki z filtrem. Zaczep filtra modyfikuje funkcje znalezione w lokalizacji zaczepu, podczas gdy zaczepy akcji dodają niestandardową funkcjonalność do istniejących funkcji. Tworzenie motywu potomnego w WordPressie jest proste: wystarczy jeden wiersz kodu. Z tego powodu zamierzamy wybrać funkcję, która obsługuje napisy w stopce w motywie Twenty Fifteen. Zmodyfikowany plik footer.php w pliku functions.html w motywie potomnym powinien zostać usunięty.

Haki w motywach potomnych mogą być używane na wiele sposobów. Jeśli użyjemy motywu potomnego, możemy całkowicie dostosować stronę internetową bez konieczności zmiany jej podstawowych plików. Jeśli chcesz dodać motyw lub framework, możesz to zrobić bez pisania go od zera, a Twoje zmiany są zabezpieczone przed aktualizacjami; jeśli coś pójdzie nie tak, motyw zawsze będzie obecny.

3 okazje, kiedy motyw potomny jest korzystny

Jest kilka sytuacji, w których motyw potomny byłby korzystny. Motyw nadrzędny nie zawiera wszystkich niezbędnych funkcji. Wprowadzono zmiany w motywie nadrzędnym, ale nie pojawiają się one w motywie potomnym. Nie jest kompatybilny z najnowszymi aktualizacjami WordPressa.

Jak stworzyć motyw potomny w WordPressie krok po kroku

Motyw potomny to motyw WordPress, który dziedziczy swoją funkcjonalność z innego motywu WordPress, zwanego motywem nadrzędnym. Motywy potomne są często używane, gdy chcesz dostosować lub zmienić styl istniejącego motywu WordPress bez utraty możliwości aktualizacji tego motywu. Aby stworzyć motyw potomny, musisz mieć podstawową wiedzę na temat kodowania w PHP. Po utworzeniu motywu potomnego możesz dodać własne dostosowania w katalogu motywu potomnego.
1. Utwórz nowy katalog dla motywu potomnego.
2. Utwórz arkusz stylów dla motywu potomnego.
3. Dołącz arkusz stylów do motywu potomnego.
4. Aktywuj motyw potomny.

Jak stworzyć motyw potomny w WordPress

Możesz dołączyć swój motyw do folderu o nazwie child, tworząc nowy folder. W tym samym folderze będzie wtedy podrzędny arkusz stylów. Aby wykonać zadanie, utwórz funkcję. Powinieneś umieścić plik child.php w tym samym folderze co plik parent.php. Zanim zaczniesz korzystać z nowego motywu podrzędnego , musisz skopiować podstawowe pliki WordPressa. Motywy potomne dziedziczą pliki i ustawienia swoich rodziców, ponieważ jest to ich odpowiedzialność. W rezultacie, jeśli chcesz korzystać z funkcji lub ustawień motywów nadrzędnych, musisz je skopiować do motywu podrzędnego.

Niestandardowy widżet WordPress

Niestandardowy widżet WordPress to rodzaj wtyczki WordPress, która umożliwia dodanie niestandardowego widżetu do witryny WordPress. Niestandardowe widżety WordPress są zwykle tworzone przez zewnętrznych programistów i można je znaleźć w repozytorium wtyczek WordPress.org.

Co jeszcze może zrobić WordPress poza dołączaniem widżetu do tekstu? Ten samouczek przeprowadzi Cię przez etapy tworzenia niestandardowego widżetu WordPress. Jeśli jesteś nowy w programowaniu, ten samouczek może nie być dla Ciebie. Aby dowiedzieć się więcej, zalecamy zapoznanie się z naszą serią WordPress Development for Beginners. Aby określić identyfikator, tytuł, nazwę klasy i opis widżetu, należy użyć funkcji konstruktora. Za pomocą metody widget() możesz wygenerować rzeczywistą zawartość widżetu. W naszym przykładzie użyjemy get_bloginfo() do wyświetlenia tytułu widżetu.

W przeciwnym razie wystarczy użyć widżetu tekstowego WordPress do utworzenia strony. Cała metoda widget() musi być zagnieżdżona w instancji jpen_Example_Widget. Metoda form() służy do dodawania pól ustawień do widżetu, który będzie wyświetlany w obszarze administracyjnym WordPressa. To tutaj wiele widżetów z wieloma opcjami ma swoją nazwę. W przypadku naszego przykładowego widżetu chcemy jedynie umożliwić użytkownikom dodanie do niego niestandardowego tytułu. Stworzyłem samouczek, aby pokazać, jak przekonwertować dowolny szablon HTML5 na motyw WordPress. Aby utworzyć listę wszystkich kategorii, posortuj ją w kolejności alfabetycznej, a następnie ułóż je na dwóch listach.

Drugi widżet, z szablonu Blog Post HTML5, będzie widżetem paska bocznego listy kategorii. Niezbędne jest zastosowanie klasy WP_Widget w celu stworzenia niestandardowego widżetu paska bocznego . Musisz doskonalić swoją wiedzę, aby tworzyć najpotężniejsze niestandardowe widżety. Jeśli skupisz swoją uwagę na wszystkich pięciu funkcjach, będziesz mógł stworzyć widget WordPress na podstawie dowolnego pomysłu.

Jak dodać niestandardowe style do widżetów WordPress?

Sekcja Wygląd znajduje się tutaj. Wybierz widżet, do którego chcesz dodać niestandardowe style, klikając go na stronie widżetu . Następnie musisz przewinąć w dół do zakładki Zaawansowane w panelu Blokuj. Niestandardową klasę CSS można dodać, klikając ją. Klikając przycisk Aktualizuj, możesz zapisać zmiany.

Jak zmienić wygląd widżetu WordPress?

Na ekranach administracyjnych WordPress przejdź do Wygląd > Dostosuj. Dostęp do ekranu dostosowywania widżetów można uzyskać, klikając menu Widget w programie Theme Customizer. Aby znaleźć widżet, który jest już zarejestrowany, kliknij strzałkę w dół w obszarze widżetów.