10 sammu professionaalse ilmega WordPress Admini loomiseks
Kas olete ehitanud WordPressi saidid klientidele, omate oma mitme autoriga blogi või soovite lihtsalt oma saidile isikupärasemat välimust, on palju juhtumeid, kui soovite muutke WordPressi administraatori paneeli ja sisselogimislehe kujundust. Kindlasti saate installida eelvalmistatud admin teema plugina, kuid mis siis, kui soovite rohkem vabadust?
Branding WordPress admin ei ole ainult disain, see võib olla nutikas viis enesereklaami samuti. Selles postituses vaatleme, kuidas saate kohandada WordPressi juhtpaneeli ja sisselogimislehte, lisada oma logo, eemaldada või muuta menüüelemente, eemaldada WordPress.org-ile viitavad lingid ja häälestada paljud teised administraatori seaded AG kohandatud administraatori paneeli plugina abil.
1. Installige AG Custom Admin Plugin
Kõigepealt liikuge Pluginad> Lisa uus
admin menüüelement teie WordPress armatuurlaual, otsige AG Custom Admin plugin, installige ja aktiveerige see. Plugin asetab uue alammenüü nimega AG Custom Admin
sees Tööriistad
menüüst ja nupu ülemisele administraatoriribale, et aidata teil kiiresti seadeid saavutada.
2. Üldised seaded
Esimeses vahekaardis saate seadistada üldised seaded. Üks selle plugina suuremaid asju on see, et kui liigutate kursorit valikumärkide kohal, ilmub väike tööriistariba, kus saate selle konkreetse võimaluse kohta rohkem lugeda.
Esimene valik üldseadetes on “Välista AGCA administraator kohandustest” kus saab kiiresti administraatorite kohanduste sisse- ja väljalülitamine. See võib olla kasulik, kui soovite, et administraatori rolliga kasutajad näeksid vaikimisi WordPressi juhtpaneel.
Järgmised kaks seadistust peida või paljastada “Ekraani valikud” ja “Abi” menüüst asub iga administraatori lehe paremas ülanurgas (vt allpool). Liiga palju valikuid võib segada vähem tech-savvy kasutajaid, seega võib olla hea mõte neist kahest võimalusest vabaneda.
Üldised seaded võimaldavad teil valida ka WordPressi võimaluse, mis annab kasutajatele juurdepääsu plugina seadetele.
3. Peida või kohandada administraatori baari
The Adminibaari seaded sakk aitab teil peita või kohandada administraatoririba, horisontaalset menüüd üleval. Selle saate administraatoripaneelilt täielikult peita ja näidake ainult stiilset väljumise nuppu paremas ülanurgas.
Muudel juhtudel võite lihtsalt soovida administraatoririba lihtsustada, eemaldades mõned selle vähem tähtsad elemendid. Administraatori baari seadistustel on palju võimalusi peida iga osa ükshaaval, kohandage blogi pealkirja, lisage oma logo WordPressi vaikimisi logo asemel või täielikult eemaldage see.
Alloleval pildil muutsin blogi pealkirja “Muuda vaadet” et näidata, et see on koht, kus nad saavad vahetada esipaneeli ja taustaprogrammi vahel.
Ma eemaldasin ka WordPressi logo, kuid ei asendanud seda Hongkiat'i logoga, kuna lisan selle pigem vertikaalsesse admin menüüsse (7. samm). Järgmisest sammust jätkan täielikult eemaldatud admin-baari.
4. Brändi Footer
In Admini jalus sakk, saate eemaldada jaluse täielikult administreerimispaneeli alumisest osast või muuta selle teksti mis iganes soovite. See võib olla hea mõte lingi link oma ettevõtte kodulehele, nii et teie kliendid saavad sinuga kiiresti ühendust võtta, kui nad vajavad tuge.
5. Puhastage armatuurlaud
The Juhtpaneeli lehekülje seaded võimaldab teil muuta administraatori paneeli kodulehte. See on armatuurlaua vidinate nagu ekraan “Lühidalt” ja “WordPress Uudised” näete algul administraatorina sisselogimisel.
Esimeses seades saate muuta rubriigi teksti sõnast “Armatuurlaud” oma kaubamärgile ja saate oma kohandatud sisu lisada ka selle alla.
See võib kindlasti aidata kasutajatel, kui teie koht a “Rohkem infot” pealkirja alla (nagu ma tegin seda alloleval pildil). Nii saavad nad sinu juurde jõuda. Kiire “Tere tulemast meie admin-ala” ka intro võib olla kasulik.
AG Custom Admini plugin võimaldab ka peida armatuurlaua vidinad ükshaaval. Ma jätan ainult kaks, et muuta oma kaubamärgiga administraator vähem keeruliseks. Kui peidad vidinad siin peita need ei ole kasutajatele saadaval “Ekraani valikud” menüüst.
Minu kohandatud WordPress juhtpaneel näeb praegu välja selline, iga viide WordPress.org-le on kadunud ja tundub puhtam ja lihtsam.
6. Lisa oma logo sisselogimise lehele
The Sisenemise lehe seaded lubage teil kohandage sisselogimislehte asendage oma WordPressi logo oma graafikaga ning peida või paljastada “Tagasi blogisse”, “Registreeri”, ja “Unustasid parooli” lingid.
Alloleval pildil saate näha, et lihtsalt logo muutmine ja selle taga oleva linki suunamine oma saidile võib anda sisselogimislehele kohandatud väljanägemise ja võib kindlasti aidata teie kaubamärki reklaamida.
7. Muutke vasakpoolset administraatorimenüüd
Administraatori menüü on administraatori paneeli vasakul küljel. Sellel on palju elemente ja isegi rohkem alamteoseid, millest paljud ei ole tõesti kõige seletumad. See võib muuta õppekõvera mittetehniliste inimeste jaoks järsuks.
The Administraatori menüü seaded aitab teil kiiresti admin-menüüd puhastada. Soovi korral saate kogu admin-menüü eemaldada, kuid ilmselt on parem lihtsalt peita need elemendid, mida teie kasutajad ei vaja.
Sa ei saa mitte ainult teha ülemist menüüd nähtamatuks, vaid ka alammenüüdeks; klõpsa tipptasemel menüüs ja ilmub mugav rippmenüü. Lisaks saate nimetused ümber nimetada kergemini mõistetavaks inimestele, nagu ma seda tegin “Armatuurlaud”, “Meedia”, ja “Välimus” allolevad sildid.
Sa saad ka muutke admin menüü põhilist ülesehitust kui sa tahad. Ikoonid, menüüelementide eraldajad, alammenüü nool ja “Menüü Collapse” nupule, lisage alammenüüde piirjoon ja sisestage oma logo admin menüü peale.
Mina ise lisasin administraatori menüüsse Hongkiat'i logo, mille taga on link hongkiat.com kodulehele, mis tähistab selgelt kogu administraatori paneeli, kuid mitte pealetükkivalt.
Ma nimetasin ümber 3 menüüelementi (uued on “Administraatori kodu”, “Pildid”, ja “Disain”), eemaldati “Sisse panema” menüü ja lisasid alammenüü hüpikakende nurkadele 10-kordse raadiusega.
Siin on, kuidas see välja näeb:
8. Värvige administraator
The Colorizer vahekaart võimaldab teil WordPress administraatorit spice up põhielementide teksti ja taustavärvide muutmine. Värvimisfunktsioon on reaalajas, nii et kui võtate uue värvi, näete muudatust korraga ilma seadeid salvestamata.
Siin muutsin ainult vaikimisi taustavärvi helepruuniks, nii et nüüd sobib see Hongkiat'i logo kuningliku sinise värviga, kuid te võite muuta ka muid asju. See on ilmselt hea mõte mängida värvidega natuke, et näha, mis on kõige parem.
Samuti ei saa muuta mitte ainult admin paneeli värve, vaid ka sisselogimise lehe taustavärvi.
9. Lisage oma kohandatud kood
Kui olete kogenud esiotsa arendaja, saate seda teha lisage oma kohandatud CSS- ja JavaScripti kood administraatorialale samuti. Brauseri arendusvahendite abil saate hõlpsasti haarata selle elemendi CSS-valija, mida soovite muuta.
Selles etapis muudan sisselogimislehel paneeli järgmise koodilõigu abil veidi laiemaks:
#login width: 480px; max laius: 90%; marginaal: 0 auto;
Nagu näete, on sisselogimispaneel muutunud laiemaks, kuid tänu sellele on see veel tundlik maksimaalne laius
reegel. Kõige tõenäolisemalt annab see muudatus enamiku kasutajate jaoks parema kogemuse. Võite isegi oma kohandatud koodi salvestada, eksportides selle .agca
fail ja hiljem selle importimine teistesse WordPressi saitidesse.
10. Paigaldage eelvalmis administraatori teema
Viimane vahekaart nimetatakse Administraatori teemad võimaldab teil seadistada eelvalmistatud admin-teema. Kui te seda teete, kaotate Colorizer sakkis määratud kohandatud värvid, kuid saate siiski teisi seadeid säilitada.
Enamik administraatoriteemasid ei ole siin tasuta (siin on 10 WordPressi admin-teemat), kuid ostmine võib olla suurepärane võimalus selle vinge plugina autorite toetamiseks..