Customizer Theme Switcher Feature Plugin Merge Propunere

Bilet creat atat pentru rapoartele de erori, cat si pentru dezvoltarea caracteristicilor de pe urmaritorul de erori .: # 31303

Customizer Theme Switcher aduce functionalitatea de navigare a temelor si de comutare a temelor in Instrumentul de personalizare incorporat in nucleul WordPress care se conecteaza la majoritatea temelor moderne. Il puteti utiliza pentru a previzualiza si modifica multe dintre setarile de aspect ale site-ului dvs. .. Prin integrarea temelor direct in Customizer, fluxurile de lucru de previzualizare live sunt mult simplificate, iar relatia dintre teme si optiunile temei / site-ului este clarificata pentru utilizator.

Acest plugin Un plugin este un software care contine un grup de functii care pot fi adaugate pe un site web WordPress. Acestea pot extinde functionalitatea sau adauga noi functii site-urilor dvs. WordPress. Pluginurile WordPress sunt scrise in limbajul de programare PHP si se integreaza perfect cu WordPress. Acestea pot fi gratuite in directorul de pluginuri WordPress.org https://wordpress.org/plugins/ sau pot fi pluginuri bazate pe costuri de la o terta parte, reprezinta un pas semnificativ in mutarea tuturor functionalitatilor „Aspect” in Customizer, dupa Widgets . Viitoarea foaie de parcurs include meniuri, instalare tematica si iteratii pe widget-uri care ar permite Customizerului sa inlocuiasca in totalitate acele ecrane de administrare (si super admin) pentru majoritatea utilizatorilor. Deoarece pluginul Customizer Theme Switcher nu abordeaza instalarea temelor, pagina de administrare (teme. php) este pe deplin destinat sa ramana in uz pentru moment. Va propunem sa redirectionati link-ul front-end „Teme” (in bara de administrare) catre Customizer, asa cum sa facut pentru widget-uri in 4.1.

Prezentare tehnica

Customizer Theme Switcher se refera in primul rand la adaugarea unei noi interfete UI pentru functionalitatea existenta utilizand API-urile existente, mai degraba decat la introducerea unei noi functionalitati. Pluginul functioneaza in intregime in afara API-ului WordPress 4.1 Customizer. O API sau o aplicatie de interfata de programare este un intermediar software care permite programelor sa interactioneze intre ele si sa partajeze date in moduri limitate, clar definite. Utilizarea noului JavaScript JavaScript sau JS este un obiect – limbaj de programare orientat pe computer utilizat in mod obisnuit pentru a crea efecte interactive in browserele web. WordPress foloseste pe scara larga JS pentru o experienta mai buna a utilizatorului. In timp ce PHP este executat pe server, JS se executa in browserul unui utilizator. https://www.javascript.com/. API in special. Teme este o sectiune personalizata (care actioneaza ca un panou). Fiecare tema este un control personalizat personalizat.

Codul este puternic inspirat de Backbone.js, utilizand JS JavaScript, un limbaj de scriptare web executat de obicei in browser. Adesea folosit pentru interfete si comportamente avansate ale utilizatorului. – portiuni grele ale API-ului Customizer pentru a face lucruri precum sublinierea sabloanelor JS pentru redarea datelor temei. Cea mai mare parte a codului este adaptata direct din sistemul themes.php bazat pe Backbone (iar datele temei sunt recuperate cu functiile existente), dar lucruri precum filtrele de cautare / filtrare sunt unul dintre cele doua tipuri de Hooks https: // codex. wordpress.org/Plugin_API/Hooks. Acestea ofera o modalitate prin care functiile pot modifica datele altor functii. Ele sunt contrapartida la Actiuni. Spre deosebire de Actiuni, filtrele sunt menite sa functioneze intr-un mod izolat si nu ar trebui sa aiba niciodata efecte secundare, cum ar fi afectarea variabilelor globale si a rezultatului.

In conformitate cu obiectivul de a evita modificari ale functionalitatii back-end, comutarile de tema sunt realizate pur si simplu prin valorificarea capacitatii existente de a trece o tema ca adresa URL O adresa web specifica a unui site web sau a unei pagini web de pe Internet, cum ar fi adresa URL a unui site web www.wordpress.org interogare arg atunci cand se incarca Customizer; de exemplu, Customizerul este pur si simplu reincarcat pentru a previzualiza o alta tema. Suprapunerile de incarcare sunt folosite pentru a face acest proces sa para mai instantaneu. Nucleos 4.2 core Core este setul de software necesar pentru a rula WordPress. Echipa de dezvoltare de baza construieste WordPress. rezolvarea tranzactiilor personalizate ar putea imbunatati modul in care functioneaza.

Modificari de baza si detalii de implementare a imbinarii

Asa cum este subliniat in readme-ul pluginului, exista mai multe modificari tehnice si orientate catre utilizator propuse, care sunt cel mai bine realizate ca patch-uri de baza (mai ales in patch-ul de imbinare Un fisier text special care descrie modificarile la cod, prin identificarea fisierelor si liniilor care sunt adaugate, eliminate , si modificat. Poate fi, de asemenea, denumit dif . Un patch poate fi aplicat unei baze de cod pentru testare.):

Experienta utilizatorului UX

• Eliminati # informatii de personalizare pentru previzualizarile temei.
• Schimbati bara de administrare frontala Teme link pentru a indica temele din Customizer (deep-linked).
• Cand este activata o tema noua, accesati pagina de pornire (front end), nu administratorul temelor.
• Daca utilizatorul nu confirma ca doreste sa lase modificarile nesalvate, eliminati clasa corpului de incarcare personalizata (necesita patch-uri de baza).

Cod

• Mutati sectiunea personalizata si controlul la class-wp-customize-control | section.php in wp-includes.
• Combinati toate foile de stil CSS in cascada. in customize-controls.css, domeniul de aplicare pentru .wp-customizer.
• Mutati .themes-panel-back in antetul Customizer Antetul site-ului dvs. este de obicei primul lucru pe care il vor experimenta oamenii. Capatul masthead sau antetul situat in partea de sus a paginii dvs. face parte din aspectul site-ului dvs. web. Poate influenta opinia vizitatorilor despre continutul dvs. si despre dvs. / marca organizatiei dvs. De asemenea, poate arata diferit pe diferite dimensiuni de ecran. Reglati JS in consecinta.
• Mergeti JS in customizer-controls.js, dupa tipurile de obiecte respective.
• Imbinati customize_themes_template () in wp-admin / includes / theme.php, chiar la final. Asigurati-va ca acest fisier este inclus la momentul potrivit, dupa cum este necesar, atunci cand adaugati comenzile Customizer.
• Combinati PHP-ul ramas Limbajul de scriptare web in care WordPress este arhitecturat in principal. WordPress necesita PHP 5.6.20 sau o versiune ulterioara (toate in Customize Register callback) in register_controls () in class-wp-customize-manager.php.

Testarea utilizatorului

@designsimply a rulat patru teste usertesting.com (consultati link-urile din # core-customize) si nu am vazut cu adevarat probleme in curs cu comutatorul tematic. A fost dificil sa ii fac pe utilizatori sa urmeze instructiunile noastre, dar cand au folosit tema UI-in-Customizer, interactiunile au fost destul de uniforme si intentionate. Testarea ulterioara ar putea fi benefica dupa imbinare, dar credem ca testarea personala si feedback-ul vor fi in general mai eficiente pentru acest plugin special.

Probleme restante

Manipularea exacta a afisajului antetului temelor are inca nevoie de ceva lucru – glisarea inapoi functioneaza bine, dar sagetile pentru a indica faptul ca nu. @folletto a deschis un bilet pe core trac Un proiect open source de Edgewall Software care serveste ca instrument de urmarire a erorilor si instrument de gestionare a proiectelor pentru WordPress. pentru a trece prin cateva optiuni alternative. Cea mai mare parte a accesibilitatii Accesibilitatea (de obicei redusa la a11y) se refera la proiectarea de produse, dispozitive, servicii sau medii pentru persoanele cu dizabilitati. Conceptul de design accesibil asigura atat „acces direct” (adica neasistat), cat si „acces indirect”, ceea ce inseamna compatibilitate cu tehnologia de asistenta a unei persoane (de exemplu, cititoarele de ecran de computer). Problemele (https://en.wikipedia.org/wiki/Accessibility) au fost rezolvate si (@afercia va rog sa-mi spuneti daca am ratat vreuna),

Planuri de viitor

O faza viitoare a acestui proiect va explora integrarea temei-instalare in Customizer si minimizarea distinctiei intre temele instalate si cele disponibile. Datorita modificarilor mai mari ale UI si UX propuse cu acest efort, am decis sa renuntam la instalarea temei pentru moment, astfel incat functionalitatea de baza de comutare a temei sa poata fi construita pe un calendar rezonabil pentru 4.2. Acest lucru este similar cu modul in care pluginul pentru caracteristicile „THX” Un plugin care a fost creat cu intentia de a fi in cele din urma propus pentru includere in WordPress Core. Vedeti caracteristici ca pluginuri. echipa a refacut temele in 3.8 si instalarea temei in 3.9.

# 4-2, #customize, # feature-plugins, #merge, #proposal, # theme-switcher, #themes