Integrarea cu UI WordPress Elementele de bază

Este mult timp acceptat că unul dintre cele mai mari avantaje pe care le are WordPress față de concurenții săi este interfața de utilizator de administrare. Este, în ansamblu, foarte ușor și intuitiv de folosit. Mai mult, este constant rafinat și îmbunătățit, iar ecranul de încărcare media este acum unul dintre multe lucruri sub control. Din păcate, există ceva pe care echipa WordPress-UI nu are control, ceea ce în mod constant anulează toată munca lor grea: plugin-uri și teme.

Interfața dvs. cu plugin-ul (voi folosi plugin-ul de termeni în acest articol, dar același lucru se aplică interfața dvs. cu tema) este unul dintre cele mai importante aspecte ale plugin-ului dvs. Definește modul în care oamenii interacționează cu el, cât de ușor este să îl folosești și poate chiar cât de mult se bucura folosind-o. Acesta este obiectivul final al plugin-ului dvs.: să faceți mai ușor o sarcină sau o sarcină specială pentru utilizatorul final (de fapt acesta este obiectivul aparent uitat al calculatoarelor). UI ar trebui să fie atractivă, dar în cele din urmă ar trebui să fie funcțională. Când decideți cum să vă structurați pluginul, trebuie să decideți cum să faceți pluginul ușor de utilizat - mai bine, obțineți feedback - aceasta este în esență ceea ce face WordPress.


Introducere

În ultimele săptămâni și luni, au fost multe discuții despre modul în care poate fi îmbunătățită utilitatea WordPress - de la îmbunătățiri generale ale UI la accesibilitate (dacă nu credeți că accesibilitatea este o problemă fie pentru WordPress, fie pentru plugin-ul dvs., aș recomanda verificarea din excelenta vorbă a lui Graham Armfield de la WordCamp Edinburgh). Mai recent, Tom McFarlin a determinat o mulțime de discuții despre integrarea cu interfața WordPress "UI. Discuția sa mutat pe necesitatea unei orientări UI pentru autorii plugin-urilor pentru a le ajuta să se asigure că plugin-ul lor este integrat fără probleme în WordPress. Această orientare începe să se contureze sub forma Ghidului pentru interfața cu utilizatorul WordPress.

În această serie vom analiza pașii pe care îi puteți lua pentru a vă ajuta să vă integrați plugin-ul în interfața WordPress. În acest articol, ne vom concentra pe câteva linii directoare de bază, precum și pe unele dintre API-ul UI pe care le aveți la dispoziție. Rețineți că aceste reguli nu sunt în niciun caz "oficiale". În articolele ulterioare vom examina exemple mai practice, inclusiv utilizarea metaboxelor în paginile de administrare personalizate și utilizarea pointerilor de administrare WordPress.


De ce integrarea cu WordPress

Experiența utilizatorului

Acesta este motivul cel mai important. Scopul principal al aplicației Utilitar WordPress și al plugin-ului sau temei dvs. este de a facilita gestionarea și producția de conținut pentru utilizatorul final. Este de a permite utilizatorului să atingă un anumit scop. Dacă pluginul sau tema dvs. introduce un interfață utilizator foarte diferită de WordPress, atunci obligați utilizatorul să învețe o interfață complet nouă. În acest fel le faceți mai greu pentru ei și probabil că veți dezinstala pluginul și veți găsi un altul. Coerența este esențială aici.

În al doilea rând, este doar urât atunci când un plugin sau o temă se stinge ca un deget mare. Administratorul WordPress este (în cea mai mare parte) frumos consistent - și plugin-uri care nu se încadrează în sunt doar o durere în ochi. Acest lucru nu este chiar să spunem că plugin-ul propriu UI este deosebit de urât. Este posibil ca interfața plugin-ului să fie clară - dar va rămâne în afara contextului.

Cel mai bun plugin-urile se potrivesc perfect în WordPress, în măsura în care este aproape imposibil să se spună unde WordPress se oprește și plugin-ul începe. Este vorba de aceste pluginuri pe care utilizatorii le folosesc, în mare parte pentru că arată că ar trebui să fie acolo. Plugin-urile ar trebui să extindă WordPress - să nu o facă într-un CMS pe care Dr. Frankenstein l-ar produce.

Viitoarele probe ale pluginului

WordPress oferă o mulțime de modalități de a vă ajuta să vă potriviți cu WordPress. Acesta oferă, de asemenea, o mulțime de CSS pe paginile de admin pe care le puteți profita. Efectuarea ambelor este o modalitate eficientă de "verificare ulterioară" a interfeței UI a pluginului. Orice modificări aduse WordPress vor fi reflectate și în plugin-ul dvs. Pe de altă parte, dacă o faci singur "cu interfața dvs. admin - fiecare actualizare WordPress aduce cu ea o șansă crescută ca plugin-ul dvs. UI să intre în conflict cu WordPress. Folosind stilurile și layout-urile WordPress, vă faceți viața mai ușoară atât pentru dvs., cât și pentru utilizatorii dvs..


Regulile UI ale administratorului neoficial

Reduceți amprenta dvs. de plugin

S-ar putea să credeți că plugin-ul dvs. este cel mai important lucru din depozit și ar putea fi cel mai bun de acest fel acolo. Dar o face într-adevăr aveți nevoie de primul loc pe meniul de administrare? Un aspect important al oricărei interfețe de utilizator este o simplitate care permite utilizatorilor să găsească rapid ceea ce doresc. Umflarea meniului este opusul acestui lucru.

Este posibil ca pluginul dvs. să nu aibă nevoie chiar de sub-pagină proprie. Toate paginile de setări implicite pot avea secțiuni adăugate la acestea. Dacă pluginul dvs. are doar câteva setări și nu ar fi lipsit de loc într-o pagină de setări existentă, trebuie să luați în considerare acest lucru.

Dacă pluginul dvs. necesită un loc în meniul de nivel superior, gândiți-vă cu grijă unde să meargă. Meniul de administrare este împărțit în trei secțiuni: tabloul de bord, gestionarea conținutului și setările. În cazul în care elementul de meniu de nivel superior ar trebui să meargă, depinde de scopul principal al plugin-ului dvs. Dacă generează, editează și gestionează conținut - ar trebui să meargă în mijloc. Dacă scopul său este întreținerea, performanța sau configurația (de exemplu, integrarea cu software-ul terț, cache-ul sau plug-in-urile de back-up), acestea ar trebui să meargă probabil în partea de jos.

În cele din urmă, plugin-ul dvs. nu ar trebui să se impună. Amenințarea plugin-ului dvs. cu link-uri "donați", reclame sau feed-uri de pe blogul dvs. nu va atrage pluginul dvs. pentru utilizatorii dvs. Plugin-ul "branding" trebuie evitat sau cel puțin suficient de subtil pentru a nu intra în conflict cu interfața UI a WordPress.

Deși acest lucru nu poate afecta utilitatea plug-in-ului, integrarea în aspectul WordPress duce la o experiență fără probleme și mai bună a utilizatorului. Nu este faptul că marca plugin-ului ar putea fi teribilă (unii arata fantastica) - dar mai mult ca ei ar părea în afara locului.

Deciziile nu sunt opțiuni

Majoritatea autorilor plugin-ului, desigur, doresc ca plugin-ul lor să apeleze la o gamă cât mai largă de utilizatori. Un efect secundar nefericit este acela că utilizatorul este prezentat cu o opțiune de cocoș. O parte a filozofiei WordPress este deciziile care nu sunt opțiuni:

În calitate de dezvoltatori, uneori simțim că oferirea de opțiuni pentru tot este un lucru bun, nu puteți avea niciodată prea multe alegeri, nu? În cele din urmă, aceste alegeri ajung să fie alese din punct de vedere tehnic, alegeri pe care utilizatorul final mediu nu le interesează. Este datoria noastră ca dezvoltatori să luăm decizii inteligente de proiectare și să evităm să punem ponderea opțiunilor tehnice pe utilizatorii finali.

Există două lucruri care trebuie să fie echilibrate: pe de o parte, doriți ca utilizatorii să poată modifica modul în care se comportă pluginul. Pe de altă parte, prea multe opțiuni pot face dificilă găsirea oricăror dintre ele și pot lăsa utilizatorul uimit și frustrat. Nu există o singură dimensiune, care să se potrivească tuturor, și este o hotărâre care trebuie făcută în funcție de experiențele pe care le solicită utilizatorii dvs..

Cu toate acestea, opțiunile nu sunt singura modalitate de a permite pluginului dvs. să fie optimizat:

  • Utilizați cârlige de plugin. Uneori, mai ales atunci când se ocupă de aspectele mai tehnice ale pluginului dvs., este mai potrivit să introduceți un cârlig pentru a permite modificarea unei setări sau a unei acțiuni declanșate, decât să introduceți o serie de opțiuni pentru a obține același scop.
  • Furnizarea de șabloane de plugin suprascriptibil. De exemplu, în plugin-ul meu Event Organizer, sunt incluse șabloanele de bază, care sunt utilizate în mod implicit. Utilizatorul le poate copia în tema lor și le poate edita acolo pentru a le suprascrie. Acest lucru oferă utilizatorului un control complet, dar nu are nevoie de o pagină extinsă de setări.
  • Fi inteligent. De exemplu, recent am creat un jurnal de plăți care include o coloană de date care trebuie formatată doar cu numere. Dar utilizatorii americani se așteaptă destul de des ca datele să fie în format mm-dd-yyyy, în timp ce europenii se așteaptă ca datele să fie în format dd-mm-yyyy. Jurnalul a format datele conform zonei de fus orar a site-ului (deși a fost adăugată o opțiune de ecran în cazul în care ar fi trebuit să fie schimbată).

Setările pluginului merg sub ...

Elementul de meniu de setări? Sau propriul meniu de nivel superior? Am găsit chiar și unele în meniul "Pluginuri" din meniul anterior. Sunt multe dezbateri despre asta. Pentru majoritatea pluginurilor, care nu au nevoie de propriul lor meniu de nivel superior, se ia decizia. Dar ce se întâmplă cu pluginurile care fac asta? Nu pot decât să îmi dau opinia aici. Un punct convingător este că unii utilizatori aştepta pentru a găsi setările pluginului sub meniul pluginului. În unele cazuri, cred că acest lucru expune o utilizare greșită a meniului admin - meniul nu ar trebui să fie "meniul pluginului", ci un meniu asociat unui anumit tip de activitate (cum ar fi crearea și editarea postărilor, vizualizarea comentariilor etc.). La fel cum WordPress separă sarcinile de setări, trebuie să adăugați pluginuri.

În al doilea rând, schimbarea setărilor este o sarcină în sine - una care se face rar, adesea numai după instalarea WordPress sau a unui plugin. Deoarece nu este vizitată în mod regulat, plasarea sub elementul din meniul Setări modifică submeniul pluginului dvs. pentru utilizarea de zi cu zi.

Dacă doriți să vă asigurați că pagina de setări nu este ratată, vă recomandăm să adăugați un link pe el sub numele pluginului dvs. pe pagina "Plugin-uri". Aceasta este pagina pe care utilizatorul o va ateriza atunci când activează pluginul, ceea ce va ușura găsirea setărilor.

Iată un exemplu de realizare a acestui lucru:

 add_filter ('plugin_action_links', 'wptuts_plugin_settings_link', 10, 2); ($ file == 'myplugin / myplugin.php') / * Introduceți linkul la sfârșitul * / $ links ['settings'] = sprintf ('% s' admin_url ('options-general.php? page = my_plugin_settings'), __ ('Setări', 'plugin_domain'));  return $ link-uri; 

Pagini file

Dacă setările pluginului nu se potrivesc confortabil pe o singură pagină, trebuie să luați în considerare utilizarea filelor pentru a le împărți. WordPress folosește filele din pagina Aspect -> Teme, iar acestea pot fi adăugate la setările dvs. (sau la paginile de administrare personalizate, dacă este necesar). Când folosiți filele de pagină, există foarte puține motive să nu folosiți filele WordPress. Cum se face acest lucru a fost acoperit în seria API Setări Tom McFarlin aici pe Wptuts+.

Dar dacă aveți nevoie de prea multe file? Taburile orizontale nu se deosebesc foarte bine - și filele de reflexie pot arăta confuz și urât. Acest plugin face o bună încercare de a se ocupa de o mulțime de pagini de setări - dar liniile de setări încă o fac copleșitoare:

Să presupunem că toate aceste file sunt necesare (ceea ce probabil nu sunt), atunci puteți decide că filele verticale reprezintă o soluție mai potrivită. Am văzut câteva teme care implementează filele verticale (adesea prost), de obicei folosind stilul lor propriu. În timp ce WordPress nu folosește filele verticale (cu excepția filelor de ajutor) - ar trebui să vă bazați pe desenele și modelele pe care le aveți la dispoziție. Simțiți-vă libertatea de a experimenta, dar încercați să păstrați-o în căutarea nativ pentru WordPress - va fi interesant să vedem cu ce vin oamenii.

Notificări Admin

WordPress are două tipuri de notificări de administrator: notificări generale și mesaje de eroare - stilul lor galben și, respectiv, roșu. Dacă pluginul dvs. trebuie să afișeze o notificare către utilizator, ar trebui să utilizați unul sau altul în funcție de contextul mesajului.

Folosind notificarea WordPress API este o modalitate foarte ușoară de a oferi utilizatorului o experiență consistentă. Un exemplu de cum se face acest lucru este:

 / * * Notă de administrator nag - afișează un mesaj * / / * Afișează un anunț care poate fi respins * / add_action ('admin_notices', 'wptuts_admin_notices'); funcția wptuts_admin_notices () printf ('

% s

', esc_html __ (' Aceasta este o notificare galbena ',' plugin_domain ')); printf ('

% s

', esc_html __ (' Aceasta este o avertizare de eroare roșie ',' plugin_domain '));

Ar trebui, evident, să afișați numai mesaje relevante - ceea ce înseamnă afișarea condiționată a anunțurilor dvs. numai pe anumite ecrane și pentru anumiți utilizatori. Pentru a face acest lucru puteți folosi get_current_user_id () și get_current_screen ():

 funcția wptuts_admin_notices () // Afișați notificarea dacă utilizatorul are stocat '_wptuts_display_notice' și pe ecran cu portofoliul ID '$ screen_id = get_current_screen () -> id; $ display_notice = get_user_meta (get_current_user_id (), '_wptuts_display_notice', adevărat); dacă ($ display_notice && 'portofoliu' == $ screen_id) // Afișare anunțuri

Pentru notificări persistente, ar trebui să includeți un link de respingere pentru a permite utilizatorului să ascundă mesajul. Ca în exemplul următor:

 / * Afișare condiționată de afișare * / add_action ('admin_notices', 'wptuts_persistant_notice'); (*) * if (! get_user_meta (get_current_user_id (), '_wptuts_hide_notice', true)) printf ('

% 1 $ s | % 3 $ s

', __ ("Aceasta este o notificare persistentă. Pentru a o ascunde, dați clic pe" respinge "," plugin_domain "), esc_url (add_query_arg (' wptus_nag ', wp_create_nonce (' ')); / * Ascundeți nota * / add_action ('admin_init', 'wptuts_hide_notice'); funcția wptuts_hide_notice () if (! isset ($ _GET ['wptus_nag'])) retur; // Verificați nonce check_admin_referer ('wptus_nag', 'wptus_nag'); // updatarea meta utilizatorului pentru a indica notificarea respinsă update_user_meta (get_current_user_id (), '_wptuts_hide_notice', 1);

De asemenea, puteți să utilizați ajax pentru a anula notificările administratorului, dar ar trebui să furnizați și o rezervă non-JavaScript.

Butoane

WordPress oferă stil pentru două tipuri de butoane: "primar" și "secundar". Primul apare ca un buton albastru și ar trebui să existe vreodată unul dintre aceste butoane pe o anumită pagină. Butonul secundar este un buton alb. WordPress oferă câteva funcții de ajutor pentru crearea butoanelor: get_submit_button () / buton de trimitere() funcții.

 submit_button (__ ('Trimite text', 'plugin_domain'), 'primar', 'trimite');

Link-uri

Acțiunile care sunt "distructive", de exemplu un link care șterge ceva, ar trebui să fie roșii. Există adesea clase pe care le poți folosi (cum ar fi Gunoi) care va face acest lucru pentru tine. Pentru alte linkuri, WordPress stabilește automat culorile și acest lucru nu ar trebui să fie suprasolicitat.

Legăturile de pe tabele (cum ar fi tabelul cu postări) ar trebui să filtreze tabela și să nu redirecționeze utilizatorul. Excepția este "link-uri de acțiune", care apar atunci când plasați cursorul pe un rând (de exemplu legăturile "editați" și "coșul de gunoi").

Ecranul și pictogramele de meniu

Puteți (și ar trebui) să utilizați pictograme de pagină în paginile de admin. În mod ideal, acestea ar trebui să fie personalizate (evitați re-utilizarea acelorași pictograme pentru scopuri diferite). Pentru a schimba pictograma pentru un tip de post particularizat, puteți să imprimați (condițional) CSS în capul de administrare pentru a înlocui imaginea implicită a pictogramei.

Trebuie să vă asigurați că faceți acest lucru doar pentru paginile post-tip, pentru a nu depăsi icoanele din alte pagini. Iată un exemplu despre cum:

 post_type; dacă ('event' == $ post_type) ?>  

De asemenea, puteți utiliza pagini de administrare personalizate screen_icon (). Aceasta imprimă codul HTML pentru pictogramele de pe ecran. Este nevoie de un argument (opțional): fie un șir (folosit în atributul ID al containerului cu pictograme), fie un obiect de ecran care se utilizează pentru a crea un atribut de identitate adecvat. De exemplu: screen_icon ( 'myplugin'); va imprima ceva de genul:

 

Utilizarea admin_head cârlig ca mai sus, puteți viza # Icon-myplugin și să furnizeze o imagine de fundal.

Pentru tipurile de mesaje personalizate, meniul poate fi specificat când înregistrați tipul postului:

 register_post_type ('eveniment', array (... 'menu_icon' => plugin_dir_url (__FILE__). 'css / images / icon-32.png'; ...));

Pentru filele adăugate în meniu utilizând add_menu_page puteți specifica pictograma ca unul dintre argumentele:

 add_menu_page (__ ('Titlul paginii', 'plugin_domain'), // Utilizat pentru etichetele de titlu ale paginii __ ('Titlul paginii', 'plugin_domain'), // Pagina așa cum apare în meniul 'manage_options' / Capabilități pentru a accesa această pagină 'wptuts_custom_page_callback', // Callback care imprimă conținutul paginii plugin_dir_url (__FILE__). 'Css / images / icon-32.png');

Ecranele și meniurile trebuie să fie de culoare gri. O pictogramă de meniu plină de culoare este mai evidentă și pare "ciudat" să spun cel mai puțin. Indiferent de cât de bună este pictograma, ea ruinează estetica bara laterală de admin. Mai rău, o pictogramă de meniu colorată îmi spune că nu te deranjează să "joci frumos" cu UI-ul WordPress, așa că am să bănuiesc că codul plugin-ului nu "joacă frumos" cu WordPress.

Rețineți că pictograma ecranului trebuie să funcționeze bine pe trei fundaluri diferite:

Tab-uri Ajutor

Este întotdeauna o idee bună să oferiți utilizatorilor dvs. câteva sfaturi suplimentare în cazul în care au nevoie de ele. Cu toate acestea, includerea pe pagină poate introduce dezordine, (și textul de ajutor nu este niciodată o alternativă la designul UI intuitiv). WordPress vă permite să adăugați conținut în fila "ajutor" care apare în partea din dreapta sus a ecranului. (Opțiunile ecranului și filele de ajutor pot fi adesea ignorate de utilizatori, cu toate acestea există discuții rapide cu privire la modul de îmbunătățire a acestora. Vă rugăm să rețineți că acestea sunt doar discuții și nimic nu a fost decis).

Abilitatea de a adăuga "ajutor contextual" a fost în jurul valorii de la 2.7, dar din 3.3, fila de ajutor a primit un pic de revamp, introducând o bară de ajutor tab-uri.

Puteți adăuga propriul fila cu următorul cod. Este important să adăugați doar ajutorul contextual pe ecranele corespunzătoare. De asemenea, trebuie să verificați metoda WP_Screen :: add_help_tab există, deoarece, în caz contrar, versiunile pre-3.3 ale WordPress vor arunca o eroare fatală.

 add_filter ('contextual_help', 'wptuts_contextual_help', 10, 3); funcția wptuts_contextual_help ($ contextual_help, $ screen_id, $ screen) // Adăugați numai la anumite ecrane. Funcția add_help_tab pentru ecran a fost introdusă în WordPress 3.3. dacă ($ screen_id! = 'screen_id' ||! method_exists ($ screen, 'add_help_tab')) returnați $ contextual_help; $ screen-> add_help_tab (array ('id' => 'wptuts-overview-tab', 'title' =>

". __ ("Un text de ajutor aici", "plugin_domain"). '

',)); returnează $ contextual_help;

Mese

Când utilizați tabelele de pe partea de administrare a pluginului, este aproape întotdeauna mai bine să utilizați acelasi stil pe care WordPress îl folosește pentru tabelele sale. Aspectul și aspectul sunt ideale pentru prezentarea datelor cum ar fi vânzările de produse, jurnalele de activitate etc., oferind utilizatorilor o interfață consistentă. Foarte important, utilizatorii se vor aștepta instinctiv ca trecerea peste un rând să afișeze "link-uri de acțiune" și că legăturile din coloane vor filtra tabelul. Nu vă fie teamă să vă adaptați masa la nevoile dvs. specifice (schimbarea lățimii coloanelor, stilul personalizat pentru imaginile din coloană etc.) - dar este important să vă prezentați datele într-un mod care va fi în general familiar și intuitiv pentru utilizatorii dvs..

Cea mai ușoară modalitate de a replica tabelul de administrare WordPress este prin extinderea WP_List_Table clasă. Există numeroase articole care explică cum să faceți acest lucru - dar cel mai bun "tutorial" este pluginul Tabelul personalizat, care vă oferă un exemplu lucrat și este foarte bine comentat. Totuși, trebuie avertizat că, deși Codex spune că WP_List_Table clasa este potrivit pentru a fi extins de către dezvoltatori, codul sursă real marchează această clasă ca fiind "privat". Cu potențial, WordPress ar putea schimba clasa - și dacă se vor întâmpla astfel de schimbări, ar trebui să verificați dacă nu vă rupe masa.


jQuery UI Styling

Toate jQuery UI sunt furnizate în WordPress (și dacă plugin-ul dvs. utilizează orice, ar trebui să utilizeze scripturile furnizate de WordPress). Din păcate, nu există neapărat stilurile CSS corespunzătoare. Acest lucru este lăsat în prezent pentru ca pluginurile să fie furnizate. Cu toate acestea, există posibilitatea ca acest lucru să se schimbe cu acest bilet Trac. Helen Hou Sandi, dezvoltatorul WordPress de bază, a lucrat pe două teme de interfață JQuery care completează WordPress (una pentru fiecare schemă de administrare a culorilor). Nu există nici o garanție că acest lucru se va face în WordPress * - dar în orice caz, ar trebui să descărcați ambele teme și să le utilizați cu plugin-urile dvs..

Un demo plugin poate fi descărcat aici. De asemenea, puteți extrage cele două teme:

  • jquery-ui-fresh.css (schema de culori gri implicită)
  • jquery-ui-classic.css (schema de culori albastră)

Plasați-le în dosarul pluginului. Când înregistrați scripturi, utilizați tema selectată de utilizator:

 add_action ('wp_enqueue_scripts', 'wptuts_register_scripts'); funcția wptuts_register_scripts () if ('classic' == get_user_option ('admin_color')) wp_register_style ('wptuts-plugin-jquery-ui-css';  altceva wp_register_style ('wptuts-plugin-jquery-ui-css', plugin_dir_url (__FILE__). 'jquery-ui-fresh.css'); 

Apoi puteți apela wp_enqueue_style ('wptuts-plugin-jquery-ui-css') unde trebuie să faceți (evident, ar trebui să dați stilurilor un mâner diferit, unic pentru plugin-ul dvs.). Acest lucru singur poate merge mult pentru a vă ajuta să oferiți pluginului dvs. un aspect consistent cu WordPress.

* Dacă se face în WordPress, atunci puteți elimina cele de mai sus din plugin-ul dvs. și utilizați styling-ul furnizat de WordPress.


Gândindu-se în afara casetei

Nu întregul conținut din WordPress este un post, un comentariu sau un atașament și, uneori, interfața existentă nu oferă ceea ce aveți nevoie. În aceste cazuri, nu este adecvat să se impună structurile "post" care există nativ. De exemplu, Gravity Forms este un plugin care vă permite să adăugați și să gestionați formulare pe site-ul dvs. Dacă s-au limitat la interfața de utilizare WordPress nativă, prezentând forme aproape de posturi, de exemplu, rezultatul ar fi o experiență mai slabă a utilizatorilor și mai puține vânzări pentru formularele gravitaționale.

Oferind utilizatorilor dvs. cele mai bune UX nu este pur și simplu pune totul în interiorul liste și metaboxes. Dacă pluginul dvs. trebuie să prezinte informații într-un mod străin de interfața UI WordPress - nu ezitați să deveniți creativi și experimentați. Dar cum trasezi linia dintre a fi creativă și integrarea cu interfața WordPress? Acesta a fost ceva adus în comentariile postului lui Tom menționat mai devreme. Adevărul este că vine vorba de judecata personală și experimentarea pentru a vedea ce funcționează. Formele de gravitate, în general, fac acest lucru bine:

Este important faptul că, deși interfața WordPress poate să nu ofere exact ceea ce aveți nevoie - există multe de inspirație. De exemplu, dacă doriți ca utilizatorii dvs. să poată să gliseze și să arunce obiecte, puteți consulta pagina Meniuri pentru îndrumare. Nu trebuie să renunțați complet la interfața de administrare. Unele "principii" ale UI-ului admin (unele enumerate mai sus) sunt translatabile indiferent de ceea ce încercați să realizați, cum ar fi: utilizarea culorilor, legăturilor, butoanelor și icoanelor. Iar detaliile contează - obținerea declivităților, a razei și a fontului sunt importante pentru a menține coerența, mai ales atunci când faci ceva "diferit". Pentru exemplul de drag-and-drop, poate doriți să reutilizați suportul gri cu o margine întreruptă.

Această atenție la detalii ar putea părea dificilă, dar obținerea corectă este de fapt chestia leneșă (și în acest caz, în mod corespunzător). WordPress adaugă o mulțime de stil la pagina de admin - și, în cea mai mare parte, acest lucru va fi moștenit automat de plugin. În alte cazuri este doar o chestiune de adăugare a clasei potrivite elementelor voastre.


Concluzie

Următoarele articole din această serie vor fi mult mai "practice", dar sperăm că acest articol a ilustrat niște pași imediali și simpli pentru a oferi utilizatorilor dvs. un sistem mai consistent de administrare. Instrucțiunile enumerate aici nu sunt deloc oficiale și nici nu sunt exhaustive - și aș saluta discuții și sugestii!

Cod