Przejdź do głównej treści

Jak utworzyć własny widget na WordPress

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 901.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

Czy chcesz tworzyć własne niestandardowe widżety w WordPress?

Widżety umożliwiają przeciąganie i upuszczanie elementów do dowolnego gotowego paska bocznego lub obszaru widżetów w witrynie. Dlatego w tym artykule pokażemy, jak łatwo utworzyć niestandardowy widżet WordPress.

Ale wcześniej, jeśli nigdy nie instalowałeś WordPress, odkryj Jak zainstalować WordPress blogu kroki 7 et Jak znaleźć, zainstalować i aktywować WordPress na swoim blogu 

Wróćmy do tego, dlaczego tu jesteśmy.

Utwórz niestandardowy widżet w Wordpress

Co to jest widżet WordPress?

Widżety WordPress zawierają fragmenty kodu, które możesz dodać do pasków bocznych witryny lub obszarów przyjaznych dla widżetów. Pomyśl o tym jak o modułach, których możesz użyć do dodawania różnych elementów za pomocą prostego interfejsu „Przeciągnij i upuść”.

Domyślnie WordPress zawiera standardowy zestaw widżetów, których można używać z dowolnym motywem WordPress. 

Odkryj też nasze najlepsze motywy WordPress premium.

Widżet pulpitu Wordpress

WordPress pozwala także programistom tworzyć własne niestandardowe widżety. Wiele motywów i wtyczek WordPress ma własne niestandardowe widżety, które można dodać do pasków bocznych.

Na przykład możesz dodać formularz kontaktowy, formularz logowania niestandardowe lub galeria zdjęć na pasku bocznym bez pisania kodu.

To powiedziawszy, zobaczmy, jak łatwo tworzyć własne niestandardowe widżety w WordPress.

Jak utworzyć własny widget na WordPress

Ten samouczek jest przeznaczony dla osób posiadających wiedzę na temat tworzenia stron internetowych.

Przed rozpoczęciem lepiej byłoby utworzyć specjalną wtyczkę w witrynie, w której wkleisz kod widżetu dla tego samouczka.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

Możesz także wkleić kod do pliku „functions.php” motywu WordPress. Będzie on jednak dostępny tylko wtedy, gdy ten konkretny motyw WordPress jest aktywny.

W tym samouczku utworzymy prosty widget, który po prostu przywita gości. Spójrz na ten kod, a następnie wklej go do określonej wtyczki, aby zobaczyć, jak działa.

// Zarejestruj i załaduj funkcję widgetu wpb_load_widget () {register_widget ('wpb_widget'); } add_action ('widgets_init', 'wpb_load_widget'); // Tworzenie klasy widżetu wpb_widget extends WP_Widget {function __construct () {parent :: __ construct (// Identyfikator podstawowy twojego widżetu 'wpb_widget', // Nazwa widżetu pojawi się w UI __ ('BPC Widget', 'wpb_widget_domain') , // Tablica opisu widżetu ('description' => __ ('Prosty widżet WordPress', 'wpb_widget_domain'),)); } // Tworzenie publicznego widżetu z funkcją widżetu interfejsu użytkownika ($ args, $ instance) {$ title = apply_filters ('widget_title', $ instance ['title']); // argumenty widżetów przed i po są definiowane przez motywy echo $ args ['before_widget']; if (! empty ($ title)) echo $ args ['before_title']. $ tytuł. $ args ['after_title']; // Tutaj uruchamiasz kod i wyświetlasz wynikowe echo __ ('Prosty widget', 'wpb_widget_domain'); echo $ args ['after_widget']; } // Formularz funkcji publicznej zaplecza widżetu ($ instancja) {if (isset ($ instancja ['tytuł'])) {$ tytuł = $ instancja ['tytuł']; } else {$ title = __ ('Nowy tytuł', 'wpb_widget_domain'); } // Widżet formularza administratora?> get_field_id( 'title' ); ?>" name="get_field_name( 'title' ); ?>" type="text" value="" />

Po dodaniu kodu musisz przejść do „ Wygląd> Widżety ”. Zauważysz nowy widżet „ Widget PCB Na liście dostępnych widżetów. Musisz przeciągnąć i upuścić ten widget na pasku bocznym.

Niestandardowy widget Wordpress

Teraz odwiedzając swojego bloga, zobaczysz widżet na pasku bocznym, na którym dodałeś dany widżet.

Teraz spójrzmy na ten kod.

Najpierw nagraliśmy „ wpb_widget Załadowałem nasz niestandardowy widżet. Następnie zdefiniowaliśmy, co robi ten widget i jak go wyświetlić na pulpicie nawigacyjnym.

Na koniec zdefiniowaliśmy sposób obsługi zmian wprowadzonych w widżecie.

Teraz jest kilka rzeczy, które możesz chcieć wiedzieć. Na przykład jaki jest cel „ wpb_text_domain "?

WordPress używa „gettext” do zarządzania tłumaczeniem i lokalizacją. Więc „ wpb_text_domain „i __e informuje gettext, jak pobrać ciąg tłumaczenia, jeśli istnieje.

Jeśli utworzysz niestandardowy widget dla motywu WordPress, możesz zastąpić „wpb_text_domain” tekstem domeny motywu.

Odkryj także niektóre wtyczki premium WordPress  

Możesz użyć innych wtyczek WordPress, aby nadać nowoczesny wygląd i zoptymalizować chwyt swojego bloga lub strony internetowej.

Oferujemy tutaj kilka premium wtyczek WordPress, które pomogą Ci to zrobić.

1. Galaxy Funder

Galaxy Funder to bogaty w funkcje system finansowania społecznościowego przeznaczony dla dowolnej witryny WooCommerce. Korzystając z wtyczki premium Galaxy Funder WordPress, będziesz mógł zarządzać własną witryną crowdfundingową lub dodawać kampanie pozyskiwania funduszy w nagłówku swojego sklepu internetowego WooCommerce.

Galaxy Funder Woocommerce Wtyczka systemu finansowania społecznościowego wordpress

Możesz także użyć dowolnego bramka płatności obsługiwana przez WooCommerce. Należy pamiętać, że „Galaxy Funder” działa bezpośrednio na stronie sklepu internetowego, co ułatwia proces wnoszenia wkładu przez użytkowników.

Pobierz | Demohosting

2. Kliknij, aby WhatsApp Chat

Dodatkowa wtyczka WordPress Click to WhatsApp Chat pozwala klientom WordPress łatwo łączyć się z właścicielem witryny lub obsługą klienta za pomocą konta WhatsApp. 

Kliknij, aby przejść do czatu WhatsApp dla wtyczki Wordpress

Wystarczy kliknąć konto WhatsApp, a zostanie ono przekierowane bezpośrednio na mobilne konto WhatsApp z domyślną wiadomością. A jeśli klient jest na komputerze stacjonarnym lub laptopie, zostanie przekierowany do WhatsApp Web.

Ta wtyczka wymaga numeru WhatsApp oraz godziny i dnia, których właściciel witryny lub zespół wsparcia użyje do omówienia. Przycisk czatu można dodać do strony szczegółów produktu WooCommerce, który jest bezpośrednio związany z tym produktem.

Pobierz | Demo | hosting

3. Pobierz obraz znaku wodnego

Ta premium wtyczka WordPress umożliwia łatwe dodawanie znaków wodnych do zdjęć Łatwe pobieranie cyfrowe.easy-cyfrowy-file-download-image watermark

Ces znaki wodne może być symbolem praw autorskich, a logo firmylub część marki jako przezroczysty obraz PNG.

Pobierz | Demo | hosting

Inne zalecane zasoby

Zachęcamy również do zapoznania się z poniższymi zasobami, aby przejść dalej w zakresie kontroli nad witryną i blogiem.

Wnioski

Voila! To wszystko w tym samouczku, mam nadzieję, że pozwoli ci tworzyć niestandardowe widżety na blogu WordPress. Jeśli masz commentaires lub sugestie, nie wahaj się dać nam znać w zarezerwowanej sekcji.

Będziesz jednak mógł również skonsultować się z nami Zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.

Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych

...  

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry