10 kroków do stworzenia profesjonalnie wyglądającego administratora WordPressa
Niezależnie od tego, czy budujesz witryny WordPress dla klientów, masz własny blog z wieloma autorami, czy po prostu chcesz uzyskać bardziej spersonalizowany wygląd witryny, istnieje wiele przypadków, w których możesz chcieć zmień projekt panelu administracyjnego WordPress i strony logowania. Na pewno możesz zainstalować wstępnie przygotowaną wtyczkę motywu administracyjnego, ale co jeśli chcesz więcej wolności?
Znakowanie administratora WordPressa nie dotyczy tylko projektowania, może to być inteligentny sposób autopromocji także. W tym poście przyjrzymy się, w jaki sposób możesz dostosować panel WordPress i stronę logowania, dodać własne logo, usunąć lub zmienić elementy menu, usunąć linki wskazujące na WordPress.org i dostosować wiele innych ustawień administratora za pomocą pomoc wtyczki AG Custom Admin Panel.
1. Zainstaluj wtyczkę AG Custom Admin Plugin
Przede wszystkim przejdź do Wtyczki> Dodaj nowy pozycja menu administracyjnego w panelu WordPress, wyszukaj AG Custom Admin wtyczka, zainstaluj i aktywuj. Wtyczka powoduje wywołanie nowego podmenu AG Custom Admin w środku Przybory menu i przycisk na górnym pasku administracyjnym, aby pomóc Ci szybko dotrzeć do ustawień.
2. Ustawienia ogólne
W pierwszej zakładce możesz skonfigurować Ustawienia ogólne. Jedną z największych zalet tej wtyczki jest to, że jeśli przesuniesz kursor na etykiety opcji, pojawi się mała podpowiedź, w której możesz przeczytać więcej o tej konkretnej opcji.
Pierwsza opcja w Ustawieniach ogólnych to “Wyklucz administratora AGCA z dostosowań” gdzie możesz szybko włączaj i wyłączaj dostosowania dla administratorów. Może to być przydatne, jeśli chcesz, aby użytkownicy z rolą administratora byli widoczni domyślny pulpit nawigacyjny WordPress.
Następne dwa ustawienia ukryj lub ujawnij “Opcje ekranu” i “Wsparcie” menu znajduje się w prawym górnym rogu każdej strony administracyjnej (patrz poniżej). Zbyt wiele opcji może dezorientować mniej zaawansowanych technicznie użytkowników, więc dobrym pomysłem jest pozbycie się tych dwóch opcji.
Ustawienia ogólne pozwalają również wybrać możliwości WordPressa, które dają użytkownikom dostęp do ustawień wtyczki.
3. Ukryj lub dostosuj pasek administratora
The Ustawienia paska administracyjnego karta pomaga ukryć lub dostosować pasek administratora, poziome menu na górze. Możesz całkowicie ukryć to przed panelem administracyjnym i pokaż tylko stylowy przycisk Wyloguj w prawym górnym rogu.
W innych przypadkach możesz po prostu uprościć pasek administratora, usuwając niektóre z jego mniej ważnych elementów. Ustawienia paska administracyjnego mają wiele opcji, które pozwalają ukryj każdą część po kolei, dostosuj nagłówek bloga, dodaj własne logo zamiast domyślnego logo WordPress lub całkowicie usunąć to.
Na poniższym zrzucie ekranu zmodyfikowałem nagłówek bloga “Zmień widok” aby wskazać, że jest to miejsce, w którym mogą przełączać się między frontendem a backendem.
Całkowicie usunąłem logo WordPress, ale nie zastąpiłem go logo Hongkiat, ponieważ raczej dodam to do pionowego menu administratora (krok 7). Od następnego kroku przejdę do całkowicie usuniętego paska administracyjnego.
4. Marka The Footer
w Stopka administratora zakładkę można całkowicie usunąć stopkę z dołu panelu administracyjnego lub zmienić jej tekst na dowolny. To może być dobry pomysł umieść link do strony głównej swojej firmy, aby Twoi klienci mogli szybko się z Tobą skontaktować, jeśli potrzebują wsparcia.
5. Oczyść pulpit nawigacyjny
The Ustawienia strony pulpitu nawigacyjnego pozwala modyfikować stronę główną panelu administracyjnego. To jest ekran z widżetami na desce rozdzielczej, takimi jak “Na pierwszy rzut oka” i “Wiadomości WordPress” widzisz na początku, kiedy logujesz się jako administrator.
W pierwszym ustawieniu możesz zmień tekst nagłówka od słowa “Deska rozdzielcza” pod własną marką, a także możesz dodać swoją niestandardową treść pod nią.
Z pewnością może pomóc użytkownikom ustawiać “Więcej informacji” link poniżej nagłówka (jak zrobiłem to na zrzucie ekranu poniżej). W ten sposób mogą łatwo dotrzeć do ciebie. Szybki “Witamy w naszym obszarze administracyjnym” intro może być również przydatne.
Wtyczka AG Custom Admin umożliwia także ukryj widżety pulpitu nawigacyjnego jeden po drugim. Pozostawiam tylko dwa, aby mój administrator marki był mniej zaśmiecony. Jeśli ukryjesz tutaj widżety nie będą dostępne dla użytkowników z “Opcje ekranu” menu.
Mój spersonalizowany pulpit WordPress wygląda teraz tak, że wszystkie odniesienia do WordPress.org zniknęły, a wyglądają one czystsze i prostsze.
6. Dodaj swoje logo do strony logowania
The Ustawienia strony logowania pozwolić ci dostosuj stronę logowania Twojej strony, zastąp logo WordPress własną grafiką, a następnie ukryj lub ujawnij “Powrót do bloga”, “Zarejestrować”, i “Zgubione hasło” spinki do mankietów.
Na poniższym zrzucie ekranu widać, że po prostu zmiana logo i wskazanie linku prowadzącego do własnej witryny może nadać niestandardowy wygląd stronie logowania i zdecydowanie pomóc w promocji Twojej marki.
7. Zmień menu administratora po lewej stronie
Menu administratora można znaleźć po lewej stronie panelu administracyjnego. Ma wiele elementów, a nawet więcej podelementów, z których wiele tak naprawdę nie ma najbardziej oczywistej etykiety. To może sprawić, że krzywa uczenia się będzie stroma dla osób nie będących technikami.
The Ustawienia menu administratora pomóż szybko posprzątać menu administratora. Jeśli chcesz, możesz usunąć całe menu administratora, ale prawdopodobnie lepiej ukryć elementy, których użytkownicy nie będą potrzebować.
Nie tylko możesz sprawić, że główne elementy menu będą niewidoczne, ale także podmenu; po prostu kliknij menu najwyższego poziomu i pojawi się przydatna lista rozwijana. Ponadto możesz zmień nazwę etykiet na coś, co jest łatwiejsze do zrozumienia dla ludzi świeckich, tak jak robiłem to z “Deska rozdzielcza”, “Głoska bezdźwięczna”, i “Wygląd” etykiety poniżej.
Możesz również zmienić podstawowy projekt menu administratora Jeśli chcesz. Możesz ukryć ikony, separatory pozycji menu, strzałkę podmenu i “Zwiń menu” przycisk, dodaj okrągłe obramowanie podmenu i wstaw własne logo na górze menu administratora.
Dla mnie dodałem logo Hongkiat do menu administratora z linkiem za nim, wskazując na stronę główną hongkiat.com, która wyraźnie oznacza cały panel administracyjny, ale nie w sposób natrętny.
Zmieniłem nazwę 3 elementów menu (nowe są “Administrator Strona główna”, “Obrazy”, i “Projekt”), usunięto “Podłącz” menu i dodaje promień 10px do rogów wyskakujących okienek podmenu.
Oto jak to wygląda:
8. Pokoloruj administratora
The Colorizer Zakładka pozwala urozmaicić administratora WordPressa przez zmiana kolorów tekstu i tła głównych elementów. Funkcja kolorowania działa w czasie rzeczywistym, więc gdy wybierzesz nowy kolor, możesz zobaczyć zmianę na raz bez zapisywania ustawień.
Tutaj zmodyfikowałem tylko domyślny kolor tła na jasnoniebieski, więc teraz pasuje on do królewskiego niebieskiego logo Hongkiat, ale możesz zmienić inne rzeczy, jeśli chcesz. To chyba dobry pomysł, aby pobawić się trochę kolorami, aby zobaczyć, co wygląda najlepiej.
Możesz nie tylko zmienić kolory panelu administracyjnego, ale także kolor tła strony logowania.
9. Dodaj swój kod niestandardowy
Jeśli jesteś doświadczonym programistą front-end, możesz dodaj niestandardowy kod CSS i JavaScript do obszaru administracyjnego także. Z pomocą narzędzi programistycznych przeglądarki możesz łatwo pobrać selektor CSS elementu, który chcesz zmodyfikować.
W tym kroku ustawiam panel na stronie logowania nieco szerzej za pomocą następującego fragmentu kodu:
#login szerokość: 480px; maksymalna szerokość: 90%; margin: 0 auto;
Jak widać, panel logowania stał się szerszy, ale wciąż reaguje dzięki max-width reguła. Najprawdopodobniej ta zmiana zapewni lepsze wrażenia większości użytkowników. Możesz nawet zapisać swój kod niestandardowy, eksportując go do .agca plik, a później importowanie go do innych witryn WordPress.
10. Zainstaluj wstępnie przygotowany motyw administratora
Ostatnia karta o nazwie Tematy administratora pozwala zainstalować wstępnie przygotowany motyw administratora na górze ustawień. Jeśli to zrobisz, utracisz niestandardowe kolory ustawione na karcie Colorizer, ale nadal możesz zachować inne ustawienia.
Większość motywów administracyjnych tutaj nie jest darmowa (oto 10 motywów administracyjnych WordPressa), ale zakup jednego z nich może być świetnym sposobem na wsparcie autorów tej niesamowitej wtyczki.
