{"id":229679,"date":"2022-11-22T15:23:00","date_gmt":"2022-11-22T12:23:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229679"},"modified":"2022-11-09T15:54:47","modified_gmt":"2022-11-09T12:54:47","slug":"wordpressi-halduse-ekraanikujunduse-kordamine","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/wordpressi-halduse-ekraanikujunduse-kordamine\/","title":{"rendered":"WordPressi halduse ekraanikujunduse kordamine"},"content":{"rendered":"\n<p>Iteratiivse protsessi idee pole tarkvaraarenduses midagi uut, see on olemas paljudes erinevates metoodikates ja t\u00f5en\u00e4oliselt seet\u00f5ttu, et see toimib h\u00e4sti eelk\u00f5ige klientide tagasiside saamiseks.<\/p>\n<p>\u00dcks koht, mis minu arvates on samuti kasulik, on WordPressi pistikprogrammide haldusliideste loomine.<\/p>\n<p>Et oleks selge, ma ei ole disainer, nii et esiotsa t\u00f6\u00f6 puhul viitan alati stiilijuhendile ja makettidele, mille disainer mulle projekti algusest peale pakub. (Ma mainin seda ainult sellep\u00e4rast, et arvan, et iga\u00fcks, kes pole disainer, peaks seda tava j\u00e4rgima, kuid ma kaldun k\u00f5rvale).<\/p>\n<p>Kuid WordPressi haldusekraanide v\u00f5i taustaekraanide kallal t\u00f6\u00f6tades j\u00e4rgin tavaliselt ranget reeglit: veenduge, et see n\u00e4eks v\u00e4lja v\u00f5imalikult loomulik.<\/p>\n<p>Kuidas on siis iteratiivne arendus ja WordPressi haldusekraanide liides omavahel seotud?<\/p>\n<h2>WordPressi halduse ekraanikujundus<\/h2>\n<p>See konkreetne artikkel loobub r\u00e4\u00e4kimast asjadest, mida teabe salvestamiseks oodatakse. See t\u00e4hendab, et ma eeldan k\u00f5ike:<\/p>\n<ul>\n<li>desinfitseerimine,<\/li>\n<li>kinnitamine,<\/li>\n<li>nonce kontrollid,<\/li>\n<li>lubade kontrollimine,<\/li>\n<\/ul>\n<p>Ja sarnastest m\u00f5istetakse ja k\u00e4sitletakse.<\/p>\n<p>Selle postituse puhul j\u00e4tan selle lihtsaks. Oletame, et tahame:<\/p>\n<ul>\n<li>paar tekstiv\u00e4lja,<\/li>\n<li>salvestamise nupp,<\/li>\n<li>l\u00e4htestamise nupp,<\/li>\n<li>ja v\u00f5ib-olla midagi lisa l\u00f5ppu.<\/li>\n<\/ul>\n<p>Kuidas v\u00f5ib see selle kujundamisel iteratiivse protsessi kaudu v\u00e4lja k\u00e4ia?<\/p>\n<h3>1 Selle visandamine<\/h3>\n<p>Oletame, et t\u00f6\u00f6tate millegi kallal ja plaanite, milline haldusekraan v\u00e4lja n\u00e4eb. Arvestades seda, mis meil \u00fclal oli, v\u00f5ib esialgne visand v\u00e4lja n\u00e4ha selline:<\/p>\n<p>Piisavalt lihtne, eks? See t\u00e4histab seda, mida projekt peab hooldama, ja kuvab k\u00f5ik, mida selle konkreetse haldusekraani jaoks vajame.<\/p>\n<h3>2 Selle ehitamine<\/h3>\n<p>Kui see on kokku pandud, peaks see v\u00e4lja n\u00e4gema v\u00f5imalikult omap\u00e4rane. Arvestades WordPressis saadaolevaid stiile, on seda saadaolevate API-de ja m\u00e4rgistusega suhteliselt lihtne luua:<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164847-61e76fc6c5f0d.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164847-61e76fc6c5f0d.jpg\" alt=\"WordPressi halduse ekraanikujunduse kordamine\" ><\/a><\/p>\n<p>Ja mida iga v\u00e4li ja nupp teeb?<\/p>\n<h3>3 Selle t\u00e4psustamine<\/h3>\n<p>Siin tulebki m\u00e4ngu funktsionaalsuse viimistlemine. N\u00e4iteks:<\/p>\n<ul>\n<li>Ma arvan, et nupp <strong>Salvesta<\/strong> ei peaks olema lubatud enne, kui n\u00f5utud v\u00e4ljad on t\u00e4idetud,<\/li>\n<li>Ma arvan, et nupp <strong>L\u00e4htesta<\/strong> peaks kustutama olemasoleva,<\/li>\n<li>Peaks olema teatud m\u00e4\u00e4ral veateateid, mis k\u00f5ik n\u00e4itavad, mida me peame tegema, kui midagi eba\u00f5nnestub, kui miski ei pruugi olla \u00f5ige v\u00f5i midagi on t\u00e4iesti valesti.<\/li>\n<\/ul>\n<p>Ilmselgelt on sellest palju lihtsam r\u00e4\u00e4kida, kui see ei viita konkreetsele projektile, kuid v\u00f5ib-olla on m\u00f5ned ideed rakendatavad, mis iganes see toimub.<\/p>\n<h2>As\u00fcnkroonsed t\u00e4iustused?<\/h2>\n<p>\u00dcks asi, millega oleme selliste seadmete puhul nagu meie telefonid ja teatud osa meie operatsioonis\u00fcsteemidest harjunud, on see, et l\u00fcliti sissel\u00fclitamisel v\u00f5i v\u00e4ikese muudatuse tegemisel andmed salvestatakse.<\/p>\n<p>See t\u00e4hendab, et kinnitustoiminguid (muidugi, kui midagi h\u00e4vitavat, n\u00e4iteks faili kustutamist) pole vaja. Andmed lihtsalt salvestatakse ja valik t\u00f6\u00f6tab.<\/p>\n<p>Kuid me n\u00e4eme WordPressis ikka veel palju nuppe <strong>Salvesta<\/strong>, kas pole? Kuidas on lood sisendite salvestamisega Ajaxi v\u00f5i m\u00f5ne muu as\u00fcnkroonse meetodi kaudu? See on midagi, mida ma pole veel rakendanud, kuid ma olen seda kindlasti kaalunud.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/tommcfarlin.com\" class=\"external external_icon\">tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPressi haldusekraani kujundamisel t\u00f6\u00f6tades saame kvaliteedi tagamiseks j\u00e4rgida iteratiivset protsessi.<\/p>\n","protected":false},"author":1,"featured_media":223984,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[842,863],"tags":[1165],"class_list":["post-229679","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-opetused","category-wordpress-4","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/229679","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/comments?post=229679"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/229679\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media\/223984"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media?parent=229679"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/categories?post=229679"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/tags?post=229679"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}