10 korakov za ustvarjanje strokovnega izgleda WordPress Admin
Ne glede na to, ali izdelujete WordPress spletna mesta za stranke, imate svoj lastni spletni dnevnik z več avtorji ali želite samo poosebnejši videz spletnega mesta, je veliko primerov, ko boste morda želeli spremenite zasnovo WordPress admin panela in stran za prijavo. Zagotovo lahko namestite vnaprej pripravljen plugin za administratorske teme, toda kaj, če želite več svobode?
Branding WordPress admin ni samo oblikovanje, je lahko a pameten način samopromocije prav tako. V tem prispevku si bomo ogledali, kako lahko prilagodite WordPress nadzorno ploščo in stran za prijavo, dodate svoj logotip, odstranite ali spremenite elemente menija, odstranite povezave, ki kažejo na WordPress.org, in natančno prilagodite številne druge skrbniške nastavitve. pomoč AG plugin Ad Custom Panel.
1. Namestite AG Custom Plugin Admin
Najprej se pomaknite do Vtičniki> Dodaj novo
v meniju WordPress v meniju admin, poiščite AG Custom Admin plugin, ga namestite in aktivirajte. Vtičnik imenuje nov podmeni AG Custom Admin
znotraj Orodja
meni in gumb na zgornji skrbniški vrstici, ki vam pomaga hitro doseči nastavitve.
2. Splošne nastavitve
V prvem zavihku lahko nastavite splošne nastavitve. Ena od odličnih stvari v zvezi s tem vtičnikom je, da če premaknete kazalec nad oznake možnosti, se pojavi majhna namigna vrstica, v kateri lahko preberete več o tej posebni možnosti..
Prva možnost v splošnih nastavitvah je “Izključite skrbnika AGCA iz prilagoditev” kjer lahko hitro vklopite in izklopite prilagoditve za skrbniške uporabnike. To je lahko uporabno, če želite, da uporabniki vidijo uporabnike z vlogo skrbnika privzeto WordPress nadzorno ploščo.
Naslednji dve nastavitvi skriti ali razkriti “Možnosti zaslona” in “Pomoč” meni v zgornjem desnem kotu vsake strani skrbnika (glejte spodaj). Preveč možnosti lahko zmede uporabnike, ki so bolj tehnološko zdrave, zato je lahko dobra ideja, da se znebite teh dveh možnosti.
Splošne nastavitve omogočajo tudi izbiro možnosti WordPress, ki uporabnikom omogoča dostop do nastavitev vtičnika.
3. Skrij ali Prilagodi skrbniško vrstico
The Nastavitve skrbniške vrstice zavihek vam pomaga skriti ali prilagoditi skrbniško vrstico, vodoravni meni na vrhu. Lahko ga popolnoma skrijete iz skrbniške plošče in prikaže samo eleganten gumb za odjavo v zgornjem desnem kotu.
V drugih primerih boste morda želeli poenostaviti skrbniško vrstico z odstranitvijo nekaterih manj pomembnih elementov. Nastavitve skrbniške vrstice imajo veliko možnosti, ki vam omogočajo skrijte vsak del posebej, prilagodite naslov bloga, dodajte svoj logotip namesto privzetega logotipa WordPress ali popolnoma odstrani ga.
Na spodnji sliki sem spremenil naslov bloga “Spremeni pogled” da označite, da je to kraj, kjer lahko preklapljajo med frontendom in backendom.
Prav tako sem odstranil logotip WordPress, vendar ga ne zamenjam z logotipom Hongkiat, saj ga bom raje dodal v navpični admin meni (korak 7). V naslednjem koraku bom nadaljeval s popolnoma odstranjeno admin bar.
4. Znamka Footer
V Admin Footer lahko popolnoma odstranite nogo z dna skrbniške plošče ali spremenite njeno besedilo, kar želite. To je lahko dobra ideja postavite povezavo na domačo stran svojega podjetja, tako da lahko vaše stranke hitro stopijo v stik z vami, če potrebujejo podporo.
5. Očistite nadzorno ploščo
The Nastavitve strani nadzorne plošče omogoča spreminjanje domače strani skrbniške plošče. To je zaslon s pripomočki na armaturni plošči, kot je “Na pogled” in “Novice o WordPressu” najprej vidite, ko se prijavite kot skrbnik.
V prvi nastavitvi lahko spremeni besedilo naslova od besede “Nadzorna plošča” v lastno blagovno znamko in pod njeno vsebino lahko dodate tudi vsebino po meri.
To lahko zagotovo pomaga uporabnikom, če ste kraj a “Več informacij” pod naslovom (kot sem naredil na sliki spodaj). Na ta način lahko zlahka pridejo do vas. Hitro “Dobrodošli v našem admin področju” intro je lahko koristen.
AG Custom Admin plugin omogoča tudi skrij pripomočke na nadzorni plošči enega za drugim. Pustim le dva, da bi bil moj branded admin manj zakrčen. Če skrite pripomočke tukaj uporabnikom iz “Možnosti zaslona” meni.
Moja prilagojena nadzorna plošča za WordPress izgleda takole, zdaj je vsako sklicevanje na WordPress.org izginilo in izgleda čistejše in enostavnejše.
6. Dodajte svoj logotip na stran za prijavo
The Nastavitve strani za prijavo vam omogočajo prilagodite stran za prijavo spletnega mesta, zamenjajte logotip WordPress z lastno grafiko in skrijte ali razkrijte “Nazaj na spletni dnevnik”, “Register”, in “Izgubljeno geslo” povezave.
Na spodnjem posnetku zaslona lahko vidite, da lahko samo spreminjanje logotipa in povezava, ki je za njo povezana, s svojim spletnim mestom omogoči prilagojen pogled na stran za prijavo in lahko zagotovo pripomore k promociji vaše blagovne znamke..
7. Spremenite meni Administrator na levi
Meni Admin lahko najdete na levi strani skrbniške plošče. Ima veliko predmetov in še več podrejenov, od katerih mnogi nimajo najbolj samoumevne oznake. To lahko povzroči, da je krivulja učenja strma za ljudi, ki niso tehnološki.
The Nastavitve skrbniškega menija vam pomaga hitro očistiti admin meni. Če želite, lahko odstranite celoten admin meni, vendar je verjetno bolje, da skrijete elemente, ki jih vaši uporabniki ne bodo potrebovali.
Ne samo, da lahko zgornje menijske elemente naredite nevidne, temveč tudi podmenije; kliknite zgornji meni in prikaže se priročen spustni seznam. Poleg tega lahko preimenujete oznake v nekaj, kar je lažje razumljivo za laike, tako kot sem storil z “Nadzorna plošča”, “Mediji”, in “Videz” spodaj.
Lahko tudi spremenite osnovno zasnovo admin menija če želiš. Ikone, ločila elementov menija, puščico podmenija in ikono lahko skrijete “Strni meni” gumb, dodajte okrog meje podmenijev in vstavite svoj logotip na vrh admin menija.
Za sebe sem dodal logotip Hongkiat v admin meni z povezavo za njo, ki kaže na domačo stran hongkiat.com, ki jasno označuje celotno admin panel, vendar ne vsiljiv način..
Preimenovala sem 3 menijske elemente (nove so “Admin Home”, “Slike”, in “Oblikovanje”), odstranil “Vključiti” meniju v celoti, in dodali radij 10 px v vogale pojavnih oken podmenija.
Tako izgleda:
8. Obarvajte Admin
The Colorizer jeziček vam omogoča, da začiniti svoj admin WordPress z spreminjanje barve besedila in ozadja glavnih elementov. Funkcija barvilnika je v realnem času, tako da, ko poberete novo barvo, lahko vidite spremembo takoj, ne da bi shranili nastavitve.
Tukaj sem spremenil privzeto barvo ozadja na svetlo modro, tako da se zdaj ujema z kraljevsko modro barvo Hongkiatovega logotipa, druge pa lahko spremenite, če želite. To je verjetno dobra ideja, da se igrate z barvami, da bi videli, kje najbolje izgleda.
Ne samo, da lahko spremenite barve skrbniške plošče, temveč tudi barvo ozadja strani za prijavo.
9. Dodajte kodo po meri
Če ste izkušen razvijalec, lahko dodajte svojo kodo CSS in JavaScript po meri v skrbniško področje prav tako. S pomočjo orodij za razvijalce vašega brskalnika lahko preprosto zagrabite CSS selektor elementa, ki ga želite spremeniti.
V tem koraku naredim ploščo na strani za prijavo nekoliko širšo s pomočjo naslednjega odrezka kode:
#login width: 480px; največja širina: 90%; margin: 0 auto;
Kot lahko vidite, je prijavni panel postal širši, vendar se še vedno odziva zahvaljujoč max-width
pravilo. Najverjetneje bo ta sprememba zagotovila boljšo izkušnjo za večino uporabnikov. Svojo kodo po meri lahko shranite tudi tako, da jo izvozite v .agca
datoteko in jo kasneje uvozite v druga spletna mesta WordPress.
10. Namestite predhodno pripravljeno temo skrbnika
Zadnji klic je bil klican Teme skrbnika vam omogoča, da namestite vnaprej pripravljeno temo skrbnika na vrh nastavitev. Če to storite, boste izgubili barve po meri, ki ste jih nastavili na kartici Colorizer, vendar lahko ohranite druge nastavitve.
Večina admin tem tukaj ni brezplačna (tukaj je 10 WordPress admin teme, ki so), vendar nakup enega je odličen način za podporo avtorjem tega super plugin \ t.