10 žingsnių, siekiant sukurti profesionaliai atrodančią „WordPress“ administratorių

Nesvarbu, ar statote „WordPress“ svetaines klientams, ar turite savo daugiakalbį tinklaraštį, ar tiesiog norite labiau individualizuotos svetainės paieškos, yra daug atvejų, kai galbūt norėsite pakeisti „WordPress“ administravimo skydo ir prisijungimo puslapio dizainą. Galite įdiegti iš anksto paruoštą „admin“ temos papildinį, bet ką daryti, jei norite daugiau laisvės?

Branding WordPress admin yra ne tik apie dizainą, jis gali būti protingas savęs skatinimo būdas taip pat. Šiame pranešime apžvelgsime, kaip galite pritaikyti „WordPress“ prietaisų skydelį ir prisijungimo puslapį, pridėti savo logotipą, pašalinti arba keisti meniu elementus, pašalinti nuorodas į „WordPress.org“ ir suderinti daugelį kitų administratoriaus nustatymų „AG Custom Admin Panel“ papildinio pagalba.

1. Įdiekite „AG Custom Admin Plugin“

Visų pirma, pereikite prie Įskiepiai> Pridėti naują „admin“ meniu elementas „WordPress“ prietaisų skydelyje, ieškokite AG individualus administratorius įskiepiai, įdiekite ir suaktyvinkite. Įskiepis įkelia naują submeniu AG individualus administratorius viduje Įrankiai meniu, ir mygtuką į viršų administratoriaus juostą, kad galėtumėte greitai pasiekti nustatymus.

2. Bendrieji nustatymai

Pirmajame skirtuke galite konfigūruoti bendruosius nustatymus. Vienas iš puikių dalykų, susijusių su šiuo įskiepiu, yra tai, kad jei perkeliate žymeklį ant parinkčių etikečių, pasirodys nedidelis įrankis, kuriame galite daugiau sužinoti apie tą konkrečią parinktį.

Pirmasis Bendrųjų nuostatų variantas yra “Neįtraukite AGCA administratoriaus iš pritaikymų” kur galite greitai įjungti ir išjungti „admin“ naudotojų pritaikymus. Tai gali būti naudinga, jei norite, kad naudotojai, turintys administratoriaus vaidmenį, matytų numatytąjį „WordPress“ prietaisų skydelį.

Kiti du nustatymai paslėpti ar atskleisti “Ekrano parinktys” ir “Pagalba” Meniu esantis viršutiniame dešiniajame kiekvieno administratoriaus puslapio kampe (žr. toliau). Pernelyg daug pasirinkimų gali painioti mažiau technologijų išminties naudotojus, todėl gali būti gera mintis atsikratyti šių dviejų variantų.

Bendrosios nuostatos taip pat leidžia pasirinkti „WordPress“ galimybes, suteikiančias vartotojams prieigą prie papildinio nustatymų.

3. Slėpti arba tinkinti administratoriaus juostą

The Administratoriaus juostos nustatymai skirtukas padeda paslėpti arba pritaikyti administratoriaus juostą, viršutinį horizontalųjį meniu. Galite visiškai paslėpti jį iš administratoriaus skydelio ir rodyti tik stilingą mygtuką „Išeiti“ viršutiniame dešiniajame kampe.

Kitais atvejais galbūt norėsite supaprastinti administratoriaus juostą, pašalindami kai kuriuos mažiau svarbius elementus. Administratoriaus juostos nustatymuose yra daug galimybių, kurios leidžia paslėpti kiekvieną dalį po vieną, tinkinti tinklaraščio antraštę, pridėti savo logotipą vietoj numatytojo „WordPress“ logotipo arba visiškai Pašalinti.

Žemiau esančioje ekrano kopijoje pakeitiau dienoraščio antraštę “Keisti rodinį” nurodyti, kad tai yra vieta, kur jie gali persijungti tarp priekinės dalies ir „backend“.

Aš taip pat visiškai pašalinau „WordPress“ logotipą, tačiau jo nepakeistau „Hongkiat“ logotipu, nes aš jį pridėsiu prie vertikalaus „admin“ meniu (7 žingsnis). Iš sekančio žingsnio tęssiu visiškai pašalintą administratoriaus juostą.

4. Gamintojas poraštė

Viduje konors Administratoriaus poraštė skirtuką, galite visiškai pašalinti apačią iš administratoriaus skydelio apačios, arba pakeisti jo tekstą į norimą vietą. Tai gali būti gera idėja pateikite nuorodą į savo įmonės pagrindinį puslapį, todėl jūsų klientai gali greitai susisiekti su jumis, jei jiems reikia paramos.

5. Išvalykite prietaisų skydelį

The „Dashboard“ puslapio nustatymai leidžia jums keisti savo administracijos skydo pagrindinį puslapį. Tai ekranas su prietaisų skydelio valdikliais, pvz., “Žvilgsniu” ir “„WordPress News“” iš pradžių matote, kai prisijungiate kaip administratorius.

Pirmuoju nustatymu galite pakeisti antraštės tekstą iš žodžio “Prietaisų skydelis” prie savo prekės ženklo, ir taip pat galite pridėti priskirtą turinį.

Tai tikrai gali padėti vartotojams, jei jūs vieta a “Daugiau informacijos” nuoroda žemiau antraštės (kaip tai padariau žemiau esančioje ekrano kopijoje). Tokiu būdu jie gali lengvai pasiekti jus. Greitas “Sveiki atvykę į mūsų administracijos sritį” intro gali būti naudinga.

„AG Custom Admin“ papildinys taip pat leidžia paslėpti prietaisų skydelio valdiklius vienas po kito. Aš tik palieku du, kad mano firminis administratorius taptų neužterštas. Jei paslėpsite valdiklius čia jie nebus prieinami vartotojams iš “Ekrano parinktys” Meniu.

Mano pritaikytas „WordPress“ prietaisų skydelis šiuo metu atrodo taip, kiekviena nuoroda į „WordPress.org“ dingo ir atrodo švaresnė ir paprastesnė.

6. Pridėkite savo logotipą prie prisijungimo puslapio

The Prisijungimo puslapio nustatymai leiskite jums tinkinti prisijungimo puslapį pakeiskite „WordPress“ logotipą savo grafika ir paslėpkite arba atskleiskite „ “Atgal į dienoraštį”, “Registruotis”, ir “pamečiau slaptažodį” nuorodos.

Žemiau esančioje ekrano kopijoje galite matyti, kad tik pakeitus logotipą ir nukreipdami nuorodą į savo svetainę, prisijungimo puslapyje gali būti pritaikyta individuali išvaizda..

7. Pakeiskite kairiojo Admin meniu

Administratoriaus meniu galima rasti kairėje administratoriaus skydelio pusėje. Jame yra daug elementų ir dar daugiau elementų, iš kurių daugelis iš tikrųjų neturi pačių aiškiausių etikečių. Tai gali padaryti mokymosi kreivę staigus ne technologijų žmonėms.

The Administratoriaus meniu nustatymai padės greitai išvalyti admin meniu. Jei norite, galite pašalinti visą administratoriaus meniu, tačiau tikriausiai geriau tik paslėpti elementus, kurių naudotojams nereikės.

Jūs ne tik galite padaryti viršutinius meniu elementus nematomus, bet ir submeniu; tiesiog spustelėkite aukščiausio lygio meniu ir pasirodys patogus išskleidžiamajame sąraše. Be to, galite pervardyti etiketes į kažką, ką lengviau suprasti žmonėms, kaip ir aš “Prietaisų skydelis”, “Žiniasklaida”, ir “Išvaizda” žemiau.

Tu taip pat gali pakeisti pagrindinį „admin“ meniu dizainą Jeigu nori. Galite paslėpti piktogramas, meniu elementų separatorius, submeniu rodyklę ir “Suskleisti meniu” mygtukas, pridėkite apatinių submeniu apačią ir įdėkite savo logotipą ant administratoriaus meniu.

Aš pats pridėjau „Hongkiat“ logotipą į „admin“ meniu su nuoroda, nukreipta į „hongkiat.com“ pagrindinį puslapį, kuris aiškiai žymi visą administratoriaus skydelį, bet ne įsibrovus..

Pervadinau 3 meniu elementus (nauji yra “Administratoriaus namai”, “Vaizdai”, ir “Dizainas”), pašalintas “Prijungti” meniu, ir pridėjo 10px spindulį į submeniu iššokančių langų kampus.

Štai kaip atrodo:

8. Spalvinkite administratorių

The Colorizer skirtukas leidžia jums pridėti „WordPress“ administratoriaus pagrindinių elementų teksto ir fono spalvų keitimas. Spalvinimo funkcija yra realiu laiku, taigi, pasiėmę naują spalvą, pakeitimus galite matyti vienu metu, neišsaugoję nustatymų.

Čia aš tik pakeitiau numatytąjį fono spalvą į šviesiai mėlyną, todėl dabar jis atitinka karališkąją „Hongkiat“ logotipo spalvą, tačiau, jei norite, galite pakeisti kitus dalykus. Tai turbūt yra gera idėja žaisti su spalvomis truputį, kad pamatytumėte, kas geriausiai atrodo.

Taip pat galite ne tik keisti administratoriaus skydelio spalvas, bet ir prisijungimo puslapio fono spalvą.

9. Pridėti priskirtą kodą

Jei esate patyręs priekinio kūrėjo kūrėjas, galite pridėkite savo pasirinktinį CSS ir „JavaScript“ kodą į „admin“ sritį taip pat. Naudodami savo naršyklės kūrimo įrankius galite lengvai patraukti elemento, kurį norite keisti, CSS selektorių.

Šiame etape šiek tiek platesnį prisijungimo puslapio skydelį padarysiu naudodamas šį kodo fragmentą:

 #login plotis: 480px; maksimalus plotis: 90%; paraštė: 0 auto; 

Kaip matote, prisijungimo skydelis tapo platesnis, tačiau vis dar reaguoja maksimalus plotis taisyklė. Labiausiai tikėtina, kad šis pakeitimas suteiks daugiau patirties daugumai vartotojų. Jūs netgi galite išsaugoti savo pasirinktą kodą eksportuodami jį į .agca failą ir vėliau jį importuoti į kitas „WordPress“ svetaines.

10. Įdiekite paruoštą administratoriaus temą

Paskutinis skirtukas vadinamas Administratoriaus temos leidžia įdiegti iš anksto paruoštą administratoriaus temą ant jūsų nustatymų. Jei tai padarysite, prarasite pasirinktines spalvas, nustatytas „Colorizer“ skirtuke, tačiau vis tiek galite išsaugoti kitus nustatymus.

Dauguma čia esančių admin temų yra nemokama (čia yra 10 „WordPress“ admin temų), tačiau perkant vieną gali būti puikus būdas palaikyti šio nuostabaus įskiepio autorius.