10 kroků k vytvoření profesionálně vypadající WordPress Admin
Ať už stavíte WordPress stránky pro klienty, máte vlastní multi-authored blog, nebo jen chcete více personalizovaný vzhled pro vaše stránky, existuje mnoho případů, kdy budete chtít změnit design panelu WordPress admin a přihlašovací stránku. Určitě můžete nainstalovat předem připravený plugin pro téma admin, ale co když chcete více svobody?
Branding WordPress admin není jen o designu, může to být inteligentní způsob vlastní propagace také. V tomto příspěvku se podíváme na to, jak můžete přizpůsobit řídicí panel aplikace WordPress a přihlašovací stránku, přidat vlastní logo, odebrat nebo změnit položky nabídky, odebrat odkazy směřující na WordPress.org a doladit mnoho dalších nastavení administrátora pomocí nápovědy modulu AG Custom Admin Panel.
1. Nainstalujte modul AG Custom Admin Plugin
Nejprve přejděte na stránku Pluginy> Přidat nový admin menu položka ve vašem ovládacím panelu WordPress, hledat AG Vlastní správce nainstalovat a aktivovat. Plugin umístí nové podmenu nazvané AG Vlastní správce uvnitř Nástroje a tlačítko na horním panelu Správce, který vám pomůže rychle dosáhnout nastavení.
2. Obecná nastavení
V první záložce můžete konfigurovat obecná nastavení. Jedna z největších věcí na tomto pluginu je, že pokud přesunete kurzor nad popisky možností, objeví se malý popis, ve kterém se můžete dozvědět více o této konkrétní možnosti..
První možnost v části Obecná nastavení je “Vyloučit správce AGCA z přizpůsobení” kde můžete rychle zapnout a vypnout úpravy pro administrátory. To může být užitečné, pokud chcete, aby viděli uživatelé s rolí administrátora výchozí panel aplikace WordPress.
Další dvě nastavení skrýt nebo odhalit “Možnosti obrazovky” a “Pomoc” Jídelní lístek v pravém horním rohu každé stránky admin (viz níže). Příliš mnoho možností může zmást méně tech-důvtipných uživatelů, takže to může být dobrý nápad zbavit se těchto dvou možností.
Obecná nastavení vám také umožní vybrat funkci WordPress, která uživatelům umožní přístup k nastavení pluginu.
3. Skrýt nebo přizpůsobit lištu správy
Nastavení lišty správce Karta pomáhá skrýt nebo přizpůsobit panel admin, horizontální nabídku nahoře. Můžete ho zcela skrýt z panelu administrátora a zobrazit pouze stylové tlačítko Odhlásit v pravém horním rohu.
V ostatních případech můžete chtít zjednodušit administrační lištu odstraněním některých méně důležitých položek. Nastavení panelu Správce má mnoho možností, které vám umožňují schovat každou část jednu po druhé, upravit záhlaví blogu, přidejte své vlastní logo místo výchozího loga WordPressu, nebo zcela odstranit to.
Na obrázku níže jsem upravil blog směřující na “Změnit zobrazení” To znamená, že toto je místo, kde mohou přepínat mezi frontendem a backendem.
Také jsem úplně odstranil logo WordPress, ale nenahradil jsem ho logem Hongkiat, protože to raději přidám do vertikálního administračního menu (krok 7). Od dalšího kroku budu pokračovat s úplně odstraněným panelem admin.
4. Zápatí značky
V Zápatí správce kartu můžete buď úplně odstranit zápatí z dolní části panelu admin, nebo změnit jeho text na co chcete. To může být dobrý nápad umístěte odkaz na domovskou stránku svého podniku, Vaši klienti tak mohou rychle kontaktovat, pokud potřebují nějakou podporu.
5. Vyčistěte řídicí panel
Nastavení stránky ovládacího panelu vám umožní změnit domovskou stránku vašeho administračního panelu. Toto je obrazovka s widgety palubní desky, jako je například “Na první pohled” a “WordPress Novinky” uvidíte nejprve, když se přihlásíte jako admin.
V prvním nastavení můžete změnit text nadpisu od slova “Přístrojová deska” pod vlastní značkou a můžete do ní také přidat svůj vlastní obsah.
To může určitě pomoci uživatelům, pokud jste místo a “Více informací” odkaz pod nadpisem (jak jsem to udělal na snímku níže). Tímto způsobem se k vám mohou snadno dostat. Rychlý “Vítejte v naší administrativní oblasti” intro může být také užitečné.
Doplňkový modul AG Custom Admin také umožňuje skrýt widgety řídicího panelu jeden za druhým. Nechám jen dva, aby můj značkový admin byl méně přeplněný. Pokud zde widgety skryjete nebudou pro uživatele k dispozici “Možnosti obrazovky” Jídelní lístek.
Můj přizpůsobený řídicí panel WordPressu vypadá právě teď, každý odkaz na WordPress.org zmizel a vypadá čistěji a přímočařeji.
6. Přidejte své logo na přihlašovací stránku
Nastavení stránky přihlášení vám umožní přizpůsobit přihlašovací stránku svého webu, nahraďte logo WordPress vlastní grafikou a skryjte nebo odhalte “Zpět na blog”, “Registrovat”, a “ztracené heslo” Odkazy.
Na níže uvedeném obrázku můžete vidět, že změna loga a odkaz na něj za účelem vytvoření vlastního webu může poskytnout přizpůsobený vzhled přihlašovací stránce a určitě vám pomůže propagovat vaši značku..
7. Změňte nabídku Správa na levé straně
Admin Menu najdete na levé straně administračního panelu. Má mnoho položek, a ještě více podtitulů, z nichž mnohé nemají skutečně samo-vysvětlující popis. To může vést k tomu, že křivka učení bude pro lidi bez tech.
Nastavení nabídky Správce vám pomůže rychle vyčistit nabídku admin. Pokud chcete, můžete odebrat celou nabídku administrátora, ale je pravděpodobně lepší skrýt položky, které vaši uživatelé nepotřebují.
Nejenže je možné, aby byly horní položky menu neviditelné, ale také podnabídky; Stačí kliknout na nabídku nejvyšší úrovně a zobrazí se praktický rozevírací seznam. Navíc můžete přejmenovat štítky na něco, co je snazší pochopit pro laiky, stejně jako jsem to udělal s “Přístrojová deska”, “Média”, a “Vzhled” níže.
Můžete také změnit základní návrh admin menu jestli chceš. Můžete skrýt ikony, oddělovače položek nabídky, šipku podnabídky a “Sbalit nabídku” přidejte kolem okraje podnabídek a vložte vlastní logo do horní části nabídky admin.
Pro sebe, jsem přidal logo Hongkiat do admin menu s odkazem za ním ukazující na domovskou stránku hongkiat.com, který jasně značky celý panel admin, ale ne rušivým způsobem.
Přejmenoval jsem 3 položky menu (nové jsou “Správce domů”, “snímky”, a “Design”), odstranil “Zapojit” a do rohů podnabídek automaticky přidali 10px poloměr.
Jak to vypadá:
8. Kolorujte správce
Colorizer umožňuje vám okorenit vaše WordPress admin do změna barvy textu a pozadí hlavních prvků. Funkce colorizer je v reálném čase, takže když si vezmete novou barvu, uvidíte změnu najednou bez uložení nastavení.
Zde jsem pouze změnil výchozí barvu pozadí na světle modrou, takže nyní odpovídá královské modré loga Hongkiat, ale můžete změnit jiné věci, pokud chcete. Je to asi dobrý nápad hrát si s barvami trochu vidět, co vypadá nejlépe, kde.
Můžete změnit nejen barvy administračního panelu, ale také barvu pozadí přihlašovací stránky.
9. Přidejte svůj vlastní kód
Pokud jste zkušený vývojář, můžete přidejte svůj vlastní kód CSS a JavaScript do oblasti admin také. Pomocí vývojářských nástrojů vašeho prohlížeče můžete snadno vybrat CSS volič prvku, který chcete upravit.
V tomto kroku udělám panel na přihlašovací stránce o něco širší pomocí následujícího fragmentu kódu:
#login width: 480px; max-width: 90%; okraj: 0 auto;
Jak vidíte, přihlašovací panel se stal širším, ale díky funkci max-width pravidlo. Tato změna s největší pravděpodobností poskytne lepší zkušenost pro většinu uživatelů. Vlastní kód můžete dokonce uložit tak, že jej exportujete do souboru .agca a později importovat do jiných stránek WordPressu.
10. Nainstalujte předpřipravené téma správce
Volala poslední karta Témata správce umožňuje nainstalovat předem připravené téma administrátora na horní část nastavení. Pokud tak učiníte, ztratíte vlastní barvy, které jste nastavili na kartě Colorizer, ale přesto můžete zachovat další nastavení.
Většina témat admin zde nejsou zdarma (zde je 10 WordPress admin témata, která jsou), ale nákup jeden může být skvělý způsob, jak podpořit autory této úžasné plugin.
