10 krokov k vytvoreniu Professional-Looking WordPress Admin
Či vytvárate stránky WordPress pre klientov, máte svoj vlastný blog s viacerými autorskými právami, alebo chcete len osobnejší pohľad na vaše stránky, existuje veľa prípadov, kedy budete chcieť zmeniť návrh administrátorského panelu WordPress a prihlasovacej stránky. Môžete si nainštalovať vopred pripravený plugin tematického administrátora, ale čo, ak chcete viac slobody?
Branding správcu WordPress nie je len o dizajne, môže to byť a inteligentný spôsob vlastnej propagácie tiež. V tomto príspevku sa pozrieme na to, ako môžete prispôsobiť ovládací panel WordPress a prihlasovaciu stránku, pridať vlastné logo, odstrániť alebo zmeniť položky menu, odstrániť odkazy smerujúce na WordPress.org a jemne vyladiť mnoho ďalších nastavení administrátora. pomocou doplnku AG Custom Admin Panel.
1. Nainštalujte doplnok AG Custom Admin Plugin
Najskôr prejdite na položku Pluginy> Pridať nové
admin menu v ovládacom paneli WordPress, vyhľadajte AG Vlastný admin plugin, nainštalujte ho a aktivujte. Tento doplnok umiestni nové podmenu s názvom AG Vlastný admin
vnútri náradie
menu a tlačidlo na hornom paneli Admin, ktoré vám pomôže rýchlo dosiahnuť nastavenia.
2. Všeobecné nastavenia
Na prvej karte môžete nakonfigurovať všeobecné nastavenia. Jednou z veľkých vecí týkajúcich sa tohto doplnku je to, že ak presuniete kurzor na menovky, objaví sa malý nástrojový popis, v ktorom si môžete prečítať viac o tejto konkrétnej možnosti.
Prvou možnosťou v časti Všeobecné nastavenia je “Vylúčte administrátora AGCA z prispôsobení” kde môžete rýchlo zapnite a vypnite prispôsobenia pre administrátorov. To môže byť užitočné, ak chcete, aby používatelia s rolí administrátora mohli vidieť predvolený informačný panel programu WordPress.
Ďalšie dve nastavenia skryť alebo odhaliť “Možnosti obrazovky” a “Pomoc” Ponuka ktorý sa nachádza v pravom hornom rohu každej administrátorskej stránky (pozri nižšie). Príliš veľa možností môže pomýliť menej technicky zdatných užívateľov, takže môže byť dobrý nápad zbaviť sa týchto dvoch možností.
Všeobecné nastavenia tiež umožňujú vybrať funkciu WordPress, ktorá umožňuje používateľom prístup k nastaveniam doplnku.
3. Skryť alebo prispôsobiť panel administrátora
Nastavenie správcu karta vám pomôže skryť alebo prispôsobiť panel administrátora, horizontálne menu v hornej časti. Môžete ju úplne skryť z admin panelu a zobrazuje iba štýlové tlačidlo odhlásenia v pravom hornom rohu.
V iných prípadoch možno jednoducho chcete zjednodušiť panel administrátora odstránením niektorých jeho menej dôležitých položiek. Nastavenia panela administrátora majú veľa možností, ktoré vám umožňujú skryť každú časť jeden po druhom, upravte hlavičku blogu, pridajte svoje vlastné logo namiesto predvoleného loga WordPress alebo úplne odober to.
Na obrazovke nižšie som zmenil nadpis blogu “Zmeniť zobrazenie” že toto je miesto, kde môžu prepínať medzi frontendom a backendom.
Taktiež som odstránil logo WordPress, ale nenahradil ho logom Hongkiat, keďže ho skôr pridám do vertikálneho menu administrácie (krok 7). Z ďalšieho kroku budem pokračovať s úplne odstránenou správou.
4. Značka Päta
V Päta správcu môžete buď úplne odstrániť pätu zo spodnej strany administrátora, alebo zmeniť jeho text na čokoľvek chcete. Môže to byť dobrý nápad umiestnite odkaz na domovskú stránku vašej firmy, takže vaši klienti vás môžu rýchlo kontaktovať, ak potrebujú nejakú podporu.
5. Vyčistite palubnú dosku
Nastavenia stránky Dashboard vám umožní upraviť domovskú stránku administrátora. Toto je obrazovka s widgetmi ovládacieho panela, ako napríklad “Na prvý pohľad” a “WordPress News” najprv sa zobrazí, keď sa prihlásite ako administrátor.
V prvom nastavení môžete zmeniť text nadpisu zo slova “prístrojová doska” na svoju vlastnú značku a svoj vlastný obsah môžete pridať aj pod ním.
Určite môže používateľom pomôcť, ak vy miesto a “Viac informácií” pod nadpisom (ako som to urobil na snímke nižšie). Týmto spôsobom vás môžu ľahko dosiahnuť. Rýchlo “Vitajte v našej oblasti administrátora” intro môže byť tiež užitočné.
Doplnok AG Custom Admin tiež umožňuje skryť miniaplikácie palubnej dosky jeden za druhým. Zanechám len dve, aby sa môj značkový admin menej zmocnil. Ak skryjete miniaplikácie tu nebudú k dispozícii pre používateľov z “Možnosti obrazovky” Ponuka.
Môj prispôsobený ovládací panel WordPress vyzerá takto práve teraz, každý odkaz na WordPress.org zmizol a zdá sa, že je čistejší a jednoduchší.
6. Pridajte svoje logo na prihlasovaciu stránku
Nastavenia prihlasovacej stránky dovoliť vám prispôsobiť prihlasovaciu stránku vášho webu, nahraďte logo WordPress vlastnou grafikou a skryte alebo odkryte “Späť na blog”, “Registrovať”, a “stratene heslo” odkazy.
Na obrazovke nižšie vidíte, že len zmena loga a nasmerovanie odkazu za ním na vlastnú stránku môže poskytnúť prispôsobený vzhľad prihlasovacej stránky a určite pomôže propagovať vašu značku.
7. Zmeňte ponuku Admin vľavo
Menu Admin môžete nájsť na ľavej strane admin panelu. Má veľa položiek a dokonca aj ďalšie podtriedy, z ktorých mnohé nemajú najefektívnejšiu značku. To môže spôsobiť, že krivka učenia je strmá pre ľudí, ktorí nie sú technikmi.
Nastavenie ponuky správcu vám pomôžu rýchlo vyčistiť ponuku administrátora. Ak chcete, môžete odstrániť celé menu administrátora, ale je pravdepodobné, že skôr skryjete položky, ktoré vaši používatelia nepotrebujú.
Môžete nielen urobiť horné položky menu neviditeľné, ale aj podmenu; stačí kliknúť na ponuku najvyššej úrovne a objaví sa rozbalovací zoznam. Okrem toho môžete premenovať štítky na niečo, čo je ľahšie pochopiteľné pre laikov, ako som to urobil s “prístrojová doska”, “Media”, a “vzhľad” nižšie.
Môžete tiež zmeniť základný návrh admin menu Ak chceš. Môžete skryť ikony, oddiely položiek ponuky, šípky podponuky a “Zbaliť ponuku” , priblížte okraj podmenu a vložte svoje vlastné logo na vrch stránky admin menu.
Pre seba som pridal logo Hongkiat do admin menu s odkazom za ním ukazujúc na domovskú stránku hongkiat.com, ktorá jasne označuje celý admin panel, ale nie intrusívnym spôsobom.
Premenoval som 3 položky menu (nové sú “Admin Domov”, “snímky”, a “dizajn”), odstrániť “Zapojiť” menu a pridalo polomer 10px do rohov popupu.
Ako vyzerá takto:
8. Zmäknite správcu
Colorizer karta vám umožní okoreniť váš WordPress admin zmena farieb textu a pozadia hlavných prvkov. Funkcia farbiteľov je v reálnom čase, takže ak vyberiete novú farbu, môžete zobraziť zmenu naraz bez uloženia nastavení.
Tu som zmenil predvolenú farbu pozadia na svetlo modrej, takže teraz sa zhoduje s kráľovskou modrou logikou Hongkiat, ale ak chcete, môžete zmeniť iné veci. Je to asi dobrý nápad hrať sa s farbami trochu vidieť, čo vyzerá najlepšie kde.
Môžete nielen zmeniť farby administrátora, ale aj farbu pozadia prihlasovacej stránky.
9. Pridajte svoj vlastný kód
Ak ste skúsený vývojár na front-end, môžete pridajte svoj vlastný kód CSS a JavaScript do administrátorskej oblasti tiež. Pomocou nástrojov vývojára vášho prehliadača môžete ľahko chytiť selektor CSS prvku, ktorý chcete upraviť.
V tomto kroku urobím paneli na prihlasovacej stránke trochu širší pomocou nasledujúceho útržku kódu:
#login šírka: 480px; maximálna šírka: 90%; marža: 0 auto;
Ako môžete vidieť, prihlasovací panel sa stal širším, ale stále reaguje vďaka max šírkou
vládnuť. S najväčšou pravdepodobnosťou táto zmena poskytne pre väčšinu používateľov lepšie skúsenosti. Vlastný kód môžete dokonca uložiť tak, že ho exportujete do súboru .Agca
súbor a neskôr ho importujete na iné stránky služby WordPress.
10. Nainštalujte predpripravenú tému administrátora
Označila sa posledná karta Admin Témy vám umožňuje nainštalovať vopred pripravenú tému správcu nad nastavenia. Ak tak učiníte, stratíte vlastné farby, ktoré ste nastavili na karte Colorizer, ale stále môžete zachovať ďalšie nastavenia.
Väčšina tém administrátorov tu nie je bezplatná (tu je 10 administrátorských tém WordPress, ktoré sú), ale nákup jedného môže byť skvelý spôsob, ako podporiť autorov tohto úžasného pluginu.