✅ WEB ja WordPressi uudised, teemad, pistikprogrammid. Siin jagame näpunäiteid ja parimaid veebisaidi lahendusi.

WordPressi halduse ekraanikujunduse kordamine

29

Iteratiivse protsessi idee pole tarkvaraarenduses midagi uut, see on olemas paljudes erinevates metoodikates ja tõenäoliselt seetõttu, et see toimib hästi eelkõige klientide tagasiside saamiseks.

Üks koht, mis minu arvates on samuti kasulik, on WordPressi pistikprogrammide haldusliideste loomine.

Et oleks selge, ma ei ole disainer, nii et esiotsa töö puhul viitan alati stiilijuhendile ja makettidele, mille disainer mulle projekti algusest peale pakub. (Ma mainin seda ainult sellepärast, et arvan, et igaüks, kes pole disainer, peaks seda tava järgima, kuid ma kaldun kõrvale).

Kuid WordPressi haldusekraanide või taustaekraanide kallal töötades järgin tavaliselt ranget reeglit: veenduge, et see näeks välja võimalikult loomulik.

Kuidas on siis iteratiivne arendus ja WordPressi haldusekraanide liides omavahel seotud?

WordPressi halduse ekraanikujundus

See konkreetne artikkel loobub rääkimast asjadest, mida teabe salvestamiseks oodatakse. See tähendab, et ma eeldan kõike:

  • desinfitseerimine,
  • kinnitamine,
  • nonce kontrollid,
  • lubade kontrollimine,

Ja sarnastest mõistetakse ja käsitletakse.

Selle postituse puhul jätan selle lihtsaks. Oletame, et tahame:

  • paar tekstivälja,
  • salvestamise nupp,
  • lähtestamise nupp,
  • ja võib-olla midagi lisa lõppu.

Kuidas võib see selle kujundamisel iteratiivse protsessi kaudu välja käia?

1 Selle visandamine

Oletame, et töötate millegi kallal ja plaanite, milline haldusekraan välja näeb. Arvestades seda, mis meil ülal oli, võib esialgne visand välja näha selline:

Piisavalt lihtne, eks? See tähistab seda, mida projekt peab hooldama, ja kuvab kõik, mida selle konkreetse haldusekraani jaoks vajame.

2 Selle ehitamine

Kui see on kokku pandud, peaks see välja nägema võimalikult omapärane. Arvestades WordPressis saadaolevaid stiile, on seda saadaolevate API-de ja märgistusega suhteliselt lihtne luua:

WordPressi halduse ekraanikujunduse kordamine

Ja mida iga väli ja nupp teeb?

3 Selle täpsustamine

Siin tulebki mängu funktsionaalsuse viimistlemine. Näiteks:

  • Ma arvan, et nupp Salvesta ei peaks olema lubatud enne, kui nõutud väljad on täidetud,
  • Ma arvan, et nupp Lähtesta peaks kustutama olemasoleva,
  • Peaks olema teatud määral veateateid, mis kõik näitavad, mida me peame tegema, kui midagi ebaõnnestub, kui miski ei pruugi olla õige või midagi on täiesti valesti.

Ilmselgelt on sellest palju lihtsam rääkida, kui see ei viita konkreetsele projektile, kuid võib-olla on mõned ideed rakendatavad, mis iganes see toimub.

Asünkroonsed täiustused?

Üks asi, millega oleme selliste seadmete puhul nagu meie telefonid ja teatud osa meie operatsioonisüsteemidest harjunud, on see, et lüliti sisselülitamisel või väikese muudatuse tegemisel andmed salvestatakse.

See tähendab, et kinnitustoiminguid (muidugi, kui midagi hävitavat, näiteks faili kustutamist) pole vaja. Andmed lihtsalt salvestatakse ja valik töötab.

Kuid me näeme WordPressis ikka veel palju nuppe Salvesta, kas pole? Kuidas on lood sisendite salvestamisega Ajaxi või mõne muu asünkroonse meetodi kaudu? See on midagi, mida ma pole veel rakendanud, kuid ma olen seda kindlasti kaalunud.

See veebisait kasutab teie kasutuskogemuse parandamiseks küpsiseid. Eeldame, et olete sellega rahul, kuid saate soovi korral loobuda. Nõustu Loe rohkem