Użyj różnych schematów kolorów do zarządzania WordPress

Opublikowany: 2021-09-09

Wcześniej w tym blogu wyjaśniliśmy listę kontrolną czynności, które należy wykonać podczas tworzenia nowej instalacji WordPress. Jak być może już wiesz, domyślna instalacja zawiera podstawową zawartość i użytkownika administratora. A oto, co widzisz po pierwszym zalogowaniu:

Pulpit WordPress
Pulpit nawigacyjny WordPressa ma domyślną paletę kolorów: tło lewego paska bocznego i górnego menu jest czarne, a każda sekcja zaznaczona na niebiesko.

Przedstawiony schemat kolorów służący do zarządzania witryną jest kombinacją czterech kolorów w każdej palecie. Na ekranie Użytkownicy » Profil masz dziewięć palet, z których możesz wybrać:

Schematy kolorów WordPress
Schematy kolorów administratora WordPress.

Jak widać na powyższym obrazku, domyślny schemat wykorzystuje czarno-niebieski schemat kolorów. Jestem pewien, że to znasz: pasek boczny i pasek górny są czarne, a podświetlone elementy, przyciski itp. są niebieskie. Będąc domyślną paletą WordPress, jest to schemat kolorów, który będzie miał każdy nowy użytkownik Twojej witryny.

Zmiana schematu kolorów profilu jest tak prosta, jak dostęp do sekcji Użytkownicy » Profil i kliknij zestaw kolorów, którymi chcesz zarządzać swoim WordPressem. Od razu zobaczysz, jak nowa konfiguracja już działa bez konieczności aktualizacji.

Schemat kolorów Ocean WordPress
Schemat kolorów Ocean WordPress.

Ale zmiana schematu kolorów pulpitu WordPress to nie tylko kwestia gustu. Jest więcej niż jedna sytuacja, w której może to być niezwykle pomocne. Spójrzmy na kilka przypadków.

role użytkowników

Jak już wcześniej pisaliśmy w innym poście, użytkownik z rolą administracyjną może wykonywać wszystkie zadania , które są dostępne w Panelu WordPressa. Obejmuje to zadania związane z zarządzaniem, takie jak modyfikowanie dowolnego podstawowego pliku, dodawanie lub usuwanie wtyczek, tworzenie nowych użytkowników i zmiana ich ról i haseł, importowanie i eksportowanie witryny oraz ogólna manipulacja wszystkimi ustawieniami. Masz również pełną kontrolę nad każdym aspektem związanym z projektowaniem , możesz instalować, modyfikować i usuwać motywy, widżety i menu. I oczywiście masz dostęp do wszystkich treści , które są publikowane w Twojej witrynie, tj. twórz, modyfikuj i usuwaj strony i posty, przesyłaj lub usuwaj pliki multimedialne oraz moderuj komentarze.

Pozostałe role w WordPressie zasadniczo ograniczają możliwości, jakie otrzymuje użytkownik:

  • Administratorzy mają dostęp do wszystkich zadań administracyjnych.
  • Redaktorzy mogą publikować i zarządzać własnymi artykułami, a także zarządzać artykułami innych użytkowników.
  • Autorzy mogą publikować i zarządzać wyłącznie własnymi postami.
  • Współtwórcy mogą pisać własne posty i zarządzać nimi, ale nie mogą ich publikować.
  • Subskrybenci mogą czytać i komentować.

Nawet jeśli stworzyłeś stronę internetową i chcesz skupić się wyłącznie na projekcie i zawartości stron, które ją tworzą, uważamy, że korzystanie z administratora do tego zadania jest poważnym błędem. W rzeczywistości użytkownicy, którzy publikują treści, często mają stronę profilu publicznego, która zawiera informacje (takie jak nazwa użytkownika lub identyfikator bazy danych), które mogą zostać wykorzystane przez atakującego. Jeśli dany użytkownik ma profil administracyjny, a jego hasło wycieknie, Twoja witryna może zostać naruszona.

Naszym zaleceniem, aby uniknąć problemów związanych z bezpieczeństwem, jest rozróżnienie użytkowników, którzy zajmują się generowaniem treści w WordPressie (tj. redaktorów, autorów i współtwórców), od użytkowników odpowiedzialnych za administrację (tj. administratorów). Nawet jeśli samodzielnie zarządzasz swoją witryną, zdecydowanie zalecamy utworzenie co najmniej jednego dodatkowego użytkownika z rolą inną niż Administrator do generowania treści.

Skąd wiemy, że używamy użytkownika o odpowiedniej roli? W prawym górnym rogu znajduje się link do Twojego profilu. Możesz także spojrzeć na lewy pasek boczny edytora WordPress i sprawdzić, jakie opcje menu są dostępne. Na przykład, jeśli masz element Wtyczki , prawdopodobnie jesteś administratorem.

Widok działań związanych z dodaniem nowej wtyczki w WordPress
Dodaj nową wtyczkę w WordPress

Ale jeśli chcesz uniknąć zamieszania i upewnić się, że używasz roli administratora tylko wtedy, gdy jest to konieczne, najłatwiejszym sposobem jest ustawienie i użycie innego schematu kolorów dla administratorów. Na przykład nasz administrator używa palety Sunrise , która dzięki czerwonawym odcieniom jasno pokazuje, że używamy „niebezpiecznego” użytkownika:

Schemat kolorów użytkownika administratora
Schemat kolorów administratora.

W ten sposób, jeśli widzimy interfejs WordPressa na czerwono, od razu wiemy, że powinniśmy zachować szczególną ostrożność, ponieważ jesteśmy zalogowani jako administratorzy.

Środowiska testowe lub programistyczne

Kiedy chcesz stworzyć nową stronę internetową lub wprowadzić zmiany i dostosowania do tej, którą już masz, prawdopodobnie chcesz je najpierw przetestować, a tym samym upewnić się, że nie wpłyną negatywnie na Twoją witrynę. Najlepszym sposobem, aby to zrobić, jest utworzenie lokalnego środowiska programistycznego lub utworzenie kopii witryny w fazie testowej. Na przykład, przy więcej niż jednej okazji pisania postów, testuję najnowsze wiadomości dotyczące WordPressa lub Gutenberga w środowisku lokalnym niż na tej stronie.

Jeśli te środowiska są dokładną kopią witryny produkcyjnej, jedynym sposobem odróżnienia obszaru izolowanego od środowiska produkcyjnego jest adres URL witryny. Tak niewielka różnica między nimi sprawia, że ​​bardzo prawdopodobne jest wprowadzenie zmian testowych w działającej witrynie (lub odwrotnie)…

Z tego powodu zalecamy również użycie innego schematu kolorów dla środowiska testowego lub programistycznego. W ten sposób możesz łatwo odróżnić ją od aktywnej strony:

Pulpit piaskownicy
Na moim desce rozdzielczej piaskownicy używam innego schematu kolorów niż ten, którego używam w produkcji.

Jak widać, aby zróżnicować profile użytkowników lub środowiska, schematy kolorów pomagają nam uniknąć nieporozumień.

Jak zmienić schemat kolorów innych użytkowników?

Jak widzieliśmy wcześniej, każdy użytkownik może zmienić swój własny schemat kolorów, przechodząc do sekcji Użytkownicy » Profil . Widzieliśmy również, że podczas tworzenia nowego użytkownika domyślnie ma on domyślny kolor WordPress.

Z rolą administratora, jeśli chcesz zmienić schemat kolorów po utworzeniu użytkownika, po prostu przejdź do listy utworzonych użytkowników, poszukaj użytkownika, który cię interesuje i zmień jego schemat kolorów.

Możliwość edycji użytkownika
Jedna opcja edycji użytkownika.

Pamiętaj jednak, że każdy użytkownik może później zmienić swój schemat kolorów na dowolny. Jeśli chcesz temu zapobiec, możesz zainstalować wtyczkę Force Admin Color Scheme, aby:

  • Ustanowić określony domyślny schemat kolorów dla każdego nowo utworzonego użytkownika i
  • Wyeliminuj możliwość zmiany schematu kolorów dla użytkowników, którzy nie są administratorami.
Wymuś ten sam schemat kolorów dla wszystkich użytkowników
Z wtyczką Wymuś schemat kolorów administratora możesz wymusić ten sam schemat kolorów dla wszystkich użytkowników.

Jak utworzyć niestandardowy schemat kolorów?

Jeśli dziewięć schematów kolorów WordPress nie przypadnie Ci do gustu lub chcesz utworzyć nowy niestandardowy schemat kolorów, też możesz! Najłatwiejszą opcją tworzenia nowych schematów kolorów jest przejście do witryny WordPress Admin Colors.

Web de WordPress Admin Kolor
Strona kolorów administratora WordPress.

Po kliknięciu przycisku Rozpocznij tworzenie musisz podać nazwę i identyfikator nowego schematu kolorów, a klikając każdy z różnych kolorów motywu, będziesz mógł zdefiniować swoją paletę.

Dostosowywanie generowania nowego schematu kolorów motywu administratora WordPress
Dostosowanie generowania nowego schematu kolorów motywu administracyjnego WordPress.

Możesz zmienić każdy z kolorów i zobaczyć podgląd swojego wyboru w czasie rzeczywistym:

Nowy niestandardowy schemat kolorów
Nowy niestandardowy schemat kolorów.

Na koniec wystarczy kliknąć Generuj schemat kolorów, a pojawi się okno z instrukcjami, jak dodać nowy schemat kolorów do WordPressa.

Instrukcje dodawania schematu kolorów do WordPressa
Instrukcje dotyczące dodawania schematu kolorów do WordPressa.

Oto, co musisz zrobić. Z jednej strony musisz pobrać plik stylu CSS utworzonego schematu kolorów i przesłać go do folderu motywu na serwerze hostingowym, public_html/wp-content/themes/nombre-del-tema/ , za pomocą FTP. Aby przesłać pliki za pomocą FTP, musisz najpierw pobrać i zainstalować program klienta FTP, taki jak FileZilla. FileZilla poprosi Cię o poświadczenia FTP (nazwę hosta, nazwę użytkownika i hasło), które powinieneś otrzymać od swojej firmy hostingowej. Po połączeniu się z serwerem przez FTP, powinieneś zobaczyć listę folderów, które zawiera i znaleźć ten dla swojego motywu, a także powinieneś przesłać plik, który wcześniej pobraliśmy.

Folder motywów WordPress na serwerze hostingowym
Folder motywów WordPress na serwerze hostingowym.

Dodatkowo musisz również dodać fragment, który pobrałeś w pliku functions.php Twojego motywu lub motywu potomnego (zalecane znacznie więcej). Alternatywnie możesz zainstalować wtyczkę, taką jak Code Snippets, aby dodać ten fragment kodu.

Dodaj fragment kodu za pomocą wtyczki Code Snippets
Dodaj fragment za pomocą wtyczki Code Snippets.

Po dodaniu fragmentu kodu będziesz mieć teraz niestandardowy schemat kolorów dostępny na swoim WordPressie, który można dodać wybranemu użytkownikowi.

Nowy schemat kolorów stworzony w WordPress
Nowa kolorystyka stworzona w WordPressie.

Jak widać, tworzenie nowego schematu kolorów dla WordPressa jest dość proste i jeśli przyzwyczaisz się do używania różnych kolorów dla różnych profili użytkowników i środowisk, z pewnością unikniesz robienia czegoś, czego nie chciałeś zrobić przez pomyłkę.

Polecane zdjęcie Mario Gogha na Unsplash.