Jak utworzyć stronę administracyjną wtyczki WordPress?

Opublikowany: 2022-09-27

Jako programista wtyczek WordPress prędzej czy później będziesz musiał stworzyć interfejs administracyjny dla swojej wtyczki. W tym artykule pokażemy, jak utworzyć stronę administratora wtyczki WordPress. Założymy, że utworzyłeś już wtyczkę WordPress. Jeśli nie, zapoznaj się z naszym przewodnikiem, jak utworzyć wtyczkę WordPress dla początkujących. Po utworzeniu wtyczki następnym krokiem jest utworzenie interfejsu administracyjnego lub strony administracyjnej. Ta strona administracyjna będzie używana przez administratorów WordPressa do konfiguracji ustawień wtyczki.

Jeśli tworzysz wtyczkę do WordPressa, masz duże szanse, że stworzysz stronę back-endową. Strona administratora wtyczki to miejsce, w którym możesz uruchamiać wszystkie zapytania do bazy danych WordPress. W tym kursie omówię, jak dołączyć określone pliki JavaScript i CSS do strony administratora wtyczki, a także jak współdziałać z bazą danych mySQL WordPress. W tym przykładzie użyję DataTables WordPress do zapytania tabeli bazy danych dla użytkowników WP_user za pomocą wtyczki dataTables. W rezultacie nie chcę ładować wersji jQuery dla różnych stron. W poniższym kodzie upewnimy się, że tylko nasz plik adminpage.php jest załadowany do folderu wtyczek. Wszystkich użytkowników można teraz przeglądać, sortując według kolumn, filtrując i przeszukując według kategorii.

Jak utworzyć stronę administracyjną dla wtyczki WordPress?

Źródło: blog.idrsolutions.com

Nie ma jednej uniwersalnej odpowiedzi na to pytanie, ponieważ najlepszy sposób na utworzenie strony administracyjnej dla wtyczki WordPress będzie się różnić w zależności od konkretnych potrzeb wtyczki. Jednak niektóre wskazówki dotyczące tworzenia skutecznej strony administracyjnej dla wtyczki WordPress obejmują używanie jasnego i zwięzłego języka, utrzymywanie porządku na stronie i łatwej nawigacji oraz dostarczanie pomocnych i informacyjnych zasobów, takich jak samouczki, często zadawane pytania i informacje kontaktowe pomocy technicznej.

Wtyczki WordPress są tworzone z myślą o stronach administracyjnych . W zależności od rozwijanej funkcjonalności możesz potrzebować dwóch lub trzech komponentów, aby utworzyć stronę administracyjną. Pierwszym krokiem jest utworzenie wpisu menu za pomocą funkcji add_menu_page(). Oprócz wiedzy związanej z AJAX, omówionej w tej sekcji, możesz tworzyć nakładki, funkcje AJAX i wiele innych technik, korzystając z innych samouczków. Używając argumentu piątego, możesz napisać funkcję, która odzwierciedla część argumentu. Obraz zostanie wyświetlony, jeśli podany zostanie adres URL obrazu. Dashicons, dodatek do WordPressa, może być również używany z innymi platformami. Strony podrzędne można dodawać do menu najwyższego poziomu na różne sposoby.

Jak utworzyć niestandardowe menu wtyczek?

Źródło: datafeedrapi.helpscoutdocs.com

Nie ma jednej uniwersalnej odpowiedzi na to pytanie, ponieważ proces tworzenia niestandardowego menu wtyczek będzie się różnić w zależności od używanej wtyczki i oferowanych przez nią funkcji. Jednak ogólnie rzecz biorąc, większość wtyczek umożliwia utworzenie niestandardowego menu, przechodząc do strony ustawień wtyczki i wybierając zakładkę „Menu”. Stamtąd będziesz mógł w razie potrzeby dodawać, edytować i usuwać elementy menu.

Tworzenie niestandardowych menu i zarządzanie nimi jest proste i możesz to zrobić z każdym. Jedynym sposobem, w jaki mogłem pokazać ci wszystko, co musisz wiedzieć, było użycie domyślnego motywu WordPressa, Twenty Fifteen. Oprócz menu standardowych dostępne są również podmenu. W poniższym przykładzie możesz przeciągnąć element menu na prawo od innego. Wiele menu nie jest obsługiwanych przez wszystkie motywy WordPress. Jeśli zamierzasz używać więcej niż dwóch menu, pamiętaj o ustawieniach motywu. Istnieje kilka motywów, które umożliwiają tworzenie stopek i menu nad nagłówkami, które różnią się od menu domyślnych.

Nie ma tu sztywnych wytycznych, więc po prostu musisz spróbować nowych rzeczy. Tworzenie menu społecznościowego jest jeszcze prostsze niż tworzenie zwykłego. Każdemu linkowi musi towarzyszyć adres URL (unikalny adres internetowy linku) oraz tekst linku (nazwa linku w menu). Po kliknięciu zakładki Linki niestandardowe możesz utworzyć link do swojej witryny w mediach społecznościowych. Zawsze dobrze jest zapisać stronę przed wyświetleniem jej podglądu lub jej opuszczeniem.


Niestandardowa strona administracyjna WordPress

Niestandardowa strona administracyjna to strona, którą tworzysz samodzielnie i dodajesz do obszaru administracyjnego WordPress. Niestandardowe strony administracyjne są przydatne do dodawania dodatkowych funkcji do witryny lub tworzenia niestandardowego interfejsu dla użytkowników.

Otrzymasz listy wymienione poniżej, jeśli Twoja płatność zostanie pomyślnie przetworzona. Nie będziemy mogli otrzymać Twojej płatności, jeśli Twój zakup zostanie uznany przez nasz system za nieuczciwy. Zapewniamy priorytetowe wsparcie w ciągu jednego dnia roboczego, aby szybko rozwiązać Twój problem. Roczna licencja uprawnia do aktualizacji produktów i priorytetowej obsługi klienta przez rok. Z licencją dożywotnią będziesz otrzymywać aktualizacje produktów i priorytetowe wsparcie bezterminowo (więcej informacji na temat licencjonowania znajdziesz w Umowie licencyjnej). Możesz skorzystać z subskrypcji Pro Membership, aby uzyskać dostęp do wtyczek WordPress o wartości 30 USD lub więcej, a także do całej biblioteki przyszłych wtyczek, które zostaną wydane w trakcie subskrypcji.

Strona ustawień administratora wtyczki WordPress

Strona ustawień administratora wtyczki WordPress to strona, na której możesz skonfigurować ustawienia wtyczki. Ta strona jest zwykle dostępna z panelu administracyjnego WordPressa .

Administratorzy mogą dodawać swoje ustawienia do wtyczki, przechodząc do strony ustawień wtyczki. W tym artykule wyjaśniono następujące kroki. Na końcu artykułu dołączamy repozytorium GitHub z następującymi funkcjami wtyczki WordPress, która jest obecnie w fazie rozwoju. Pierwszym i trzecim krokiem jest włączenie funkcji displayPluginAdminSettings do nazwy wtyczki, która powinna zostać dodana do pliku class-plugs-name-/settings-display.php. Plik PHP zostanie użyty do wyświetlenia strony ustawień wtyczki i określi, na której karcie jesteś, jeśli masz wiele formularzy ustawień, a także jakie powiadomienia WordPress zobaczysz. Czwartym krokiem jest umieszczenie odwołania do funkcji pluginNameSettingsMessages w funkcji displayAdminTab. Jeśli edytujesz pliki wtyczek w lokalnym środowisku programistycznym, możesz sprawdzić panel administratora WordPress .

Wtyczkę możesz zainstalować po przesłaniu jej folderu nadrzędnego do WordPress. Dzięki funkcji registerAndBuildFields funkcja registerAndBuildFields jest znacznie mniejsza i bardziej czytelna. Dodaliśmy tę funkcję w wyniku naszego poprzedniego postu, umożliwiając korzystanie z zaznaczonych pól w ustawieniach wtyczki.

Szablon strony administratora WordPress

Szablon strony administratora WordPress to szablon strony, który służy do dostosowywania wyglądu i sposobu działania interfejsu administratora WordPress . Interfejs administratora WordPress to interfejs zaplecza, w którym zarządzasz swoją witryną WordPress.

Jak dołączyć pasek boczny do niestandardowego szablonu strony?

Jeśli chcesz utworzyć szablon strony z paskiem bocznym, musisz przejść przez inny proces. Kliknij przycisk Panel administracyjny WordPressa i wybierz Strony. Nowy niestandardowy szablon strony zostanie wyświetlony po prawej stronie ekranu. Najpierw należy włączyć pasek boczny, klikając link Edytuj obok niestandardowego szablonu strony, którego chcesz użyć. Strona Edytuj niestandardowy szablon strony zawiera sekcję Ustawienia. Pasek boczny znajduje się pod sekcją Treść strony. Jeśli chcesz dołączyć pasek boczny do niestandardowego szablonu strony, musisz zaznaczyć pole wyboru Dołącz pasek boczny. Klikając ikonę strony aktualizacji na dole strony, możesz zakończyć aktualizację.

Jak stworzyć wtyczkę w WordPressie na przykładzie

Dodanie wtyczki do witryny WordPress to świetny sposób na rozszerzenie jej funkcjonalności. Dostępne są tysiące wtyczek, od prostych narzędzi po złożone aplikacje. Chociaż możesz znaleźć wtyczki do prawie wszystkiego, nie wszystkie są sobie równe. Ważne jest, aby wybrać wtyczkę, która jest dobrze zakodowana, zgodna z Twoją wersją WordPressa i regularnie aktualizowana. Aby rozpocząć, przejdź do sekcji Wtyczki na pulpicie nawigacyjnym WordPress. Stamtąd możesz wyszukać wtyczkę lub przeglądać według kategorii. Po znalezieniu wtyczki, którą chcesz zainstalować, po prostu kliknij przycisk „Zainstaluj teraz”. Teraz, gdy wtyczka jest zainstalowana, musisz ją aktywować. Aby to zrobić, kliknij link „Aktywuj”. Po aktywacji wtyczka pojawi się na lewym pasku bocznym pulpitu WordPress. W zależności od wtyczki może być konieczne skonfigurowanie jej ustawień, zanim zaczniesz z niej korzystać.

WordPress jest już niezwykle potężny, ale wtyczki mogą pomóc Ci osiągnąć jeszcze większe wyżyny. WordPress ma tysiące dostępnych darmowych i płatnych wtyczek. W chwili pisania tego tekstu w oficjalnym repozytorium wtyczek WordPress dostępnych jest ponad 59 000 darmowych wtyczek WordPress. W tym samouczku pokażemy Ci, jak stworzyć prostą wtyczkę WordPress. W tym kursie dowiesz się, jak stworzyć prostą wtyczkę , a także otrzymasz kilka zasobów i narzędzi, które pomogą Ci odnieść sukces. Podstawowy plik każdej wtyczki WordPress można utworzyć ręcznie lub automatycznie za pomocą narzędzi takich jak pluginplate lub pluginboilerplate. W tym samouczku zostanie utworzona wtyczka, aby dodać niestandardowy typ posta do wyimaginowanej witryny restauracji.

Możesz zabrać się do pracy, otwierając swój ulubiony edytor tekstu (używam Notepad++) i zmieniając główny plik, hot-recipes.html. Po kliknięciu przycisku aktywacji należy wprowadzić kod, który rozpocznie wykonywanie wtyczki. Za pomocą tego kodu można uzyskać dostęp do naszych niestandardowych receptur postów za pomocą różnych opcji. Inne funkcje obejmują pola niestandardowe, komentarze, polecane obrazy i tak dalej. Są to funkcje, które będą widoczne w edytorze postów po utworzeniu nowego przepisu. Łatwo jest przekonwertować plik hot-recipes.html na plik zip na komputerze Mac lub PC. Zaloguj się do swojej witryny testowej i przejdź do strony Wtyczki, gdzie możesz dodawać nowe wtyczki. Teraz, jeśli zajrzysz do menu administracyjnego WordPressa , zauważysz nasz nowy typ postu Przepisy, a także możliwość dodawania nowych przepisów.

Konfiguracja i używanie niesamowitej wtyczki

Aby utworzyć wtyczkę, po prostu umieść następujący kod w swoim szablonie WordPress: php get_plugin_file('awesomeplugin');? Po dołączeniu wiersza kodu możesz rozpocząć kodowanie. WordPress automatycznie załaduje plik wtyczki, jeśli użyjesz funkcji get_plugin_file(). Wszystko, co musisz zrobić, to dodać kod do pliku awesomeplugin.php po załadowaniu wtyczki, aby go skonfigurować i używać. Poniższy kod, na przykład, zostałby użyty do stworzenia nowego posta: *br. „Wpis” zostanie dodany jako add_action inawesomeplugin_post_processing. Plik awesomeplugin.php zawiera tę linię kodu, umożliwiając wtyczce wykonanie wszystkich zadań.

WordPress Utwórz stronę administracyjną bez menu

WordPress nie ma wbudowanej funkcji tworzenia strony administratora bez menu. Dostępne są jednak różne wtyczki, które mogą dodać tę funkcjonalność do WordPressa. Jedną z takich wtyczek jest Edytor menu administratora, który umożliwia tworzenie niestandardowych menu i elementów menu dla panelu administracyjnego WordPress.

Jak dodać niestandardową stronę administracyjną do witryny WordPress bez klikania przycisku Dodaj do koszyka? Zostało to ostatecznie rozwiązane za pomocą prostego hacka, który nie wymaga od JS podświetlania żądanej pozycji menu (i pozycji podmenu) i działa na zwykłych menu wtyczek. Moim zdaniem superglobal $_GET określa parametry, których użytkownik może użyć, aby wskazać, że chce edytować element. Aby strona była niedostępna, możesz użyć podmenu lub nawet menu głównego panelu administracyjnego WP . Używanie options.php jako nadrzędnych ślimaków zapewnia teraz poprawną odpowiedź na kod WordPress add_submenu_page. Aby zobaczyć przykład, jak to może wyglądać, zobacz poniższy fragment kodu. Remove_submenu_page nie wyrejestrowuje funkcji zwrotnych; raczej po prostu usuwa linki.

Jeśli ktoś nie widzi Twojej połączonej strony, prawidłowe menu nawigacyjne (nasze niestandardowe menu typu postu, w tym przykładzie) będzie nadal wyświetlane. Najwygodniejszym sposobem na to jest ponowne użycie tego samego identyfikatora wkładki, jak pokazano na poniższym obrazku. Dwie poprzednie pozycje nie są już ignorowane podczas używania pozycji 8 i 9.