Revizuire inițială: personalizați totul printr-un editor front-end

Prezentat de creatorii săi drept „viitorul WordPress”, Upfront este un nou instrument de creare de site-uri web și editor de conținut, care a fost lansat la începutul anului 2015 de WPMU DEV.

Upfront include o selecție de teme inițiale pentru site-ul dvs. WordPress. După ce ați făcut o alegere, puteți începe să personalizați aproape fiecare element al site-ului dvs. web , totul printr-o interfață vizuală, frontală, prin glisare și plasare.

Upfront înlocuiește, de asemenea, ecranele implicite de postare și editor de pagini WordPress pentru a aduce punct și clic, în editare în linie la WordPress. Deci, fie că doriți să reproiectați complet temele de pornire pentru a vă construi propriul site web personalizat, fie că doriți doar să faceți adăugarea de conținut nou la WordPress mai intuitivă , Upfront ar putea fi instrumentul pe care l-ați așteptat.

Pentru a afla dacă acesta este cel mai bun instrument de constructor pentru WordPress, citiți mai departe pentru revizuirea noastră completă Upfront. Ca alternativă, săriți direct la demo pentru a experimenta singur.

Revizuire inițială: ce poate face acest instrument de creare a site-urilor

Upfront lucrează pe tema relației părinte-copil. Acest lucru înseamnă că Upfront este instalat pe site-ul dvs. WordPress ca temă principală, iar apoi puteți alege dintre una dintre temele secundare care au fost create pentru aceasta.

Aceste teme copil funcționează apoi ca fundație a site-ului dvs. web. În momentul scrierii, există doar trei teme pentru copii din care puteți alege : Fixer, Scribe și Spirit. Deși, mai multe modele vor fi adăugate în viitor.

Toate arată bine și ar funcționa la fel de bine ca temă independentă, fără a fi necesară personalizarea.

Editare cu glisare și plasare frontală

Odată ce ați ales o temă pentru copii sau de început, puteți trece la personalizarea acesteia.

După cum am menționat, toată munca de editare și proiectare are loc printr-un editor vizual intuitiv, cu drag and drop. Aceasta înseamnă că ceea ce vezi este cu adevărat ceea ce primești. Nu este nevoie să editați singur codul de bază sau să comutați ferestrele pentru a obține o previzualizare a lucrării dvs.

Regiuni plutitoare, elemente de pagină nelimitate

Când vine vorba de crearea unor aspecte personalizate ale paginii, Upfront folosește regiuni și elemente. Elementele disponibile - 16 la momentul scrierii - pot fi trase și plasate pe paginile site-ului dvs. web. Nu numai că puteți glisa și plasa elementele paginii, cum ar fi imaginile, la locul lor, dar puteți și edita textul în linie .

Această editare în linie are loc pur și simplu făcând dublu clic pe text și apoi începând să tastați. De asemenea, aveți acces la un set bun de controale de formatare în timp ce adăugați și editați textul prin editorul frontal.

Pe lângă posibilitatea de a glisa și plasa zonele de text și imaginile la locul lor, și apoi de a le muta prin interfața vizuală, există o mulțime de alte elemente ale paginii din care să alegeți. La momentul scrierii, aceste elemente de pagină care pot fi trasabile includ : glisoare, file, acordeoane, galerii de imagini, videoclipuri, formulare, butoane și hărți. De asemenea, puteți utiliza elementul de cod pentru a adăuga cod personalizat designului dvs.

În plus, oricare dintre widget-urile care sunt active pe site-ul dvs. web, fie de la pluginuri terțe, de bază WordPress sau opțiuni personalizate, pot fi inserate în designul paginii dvs. Acest lucru vă oferă într-adevăr o cantitate aproape nelimitată de domeniu de aplicare cu privire la ceea ce poate fi inclus în aspectul site-ului dvs.

Personalizare completă a regiunii

Fiecare dintre regiunile care alcătuiesc pagina dvs. și elementele pe care le conțin pot fi personalizate în continuare. Aceasta include schimbarea dimensiunii; poziţie; tip de fundal – inclusiv video, glisor, hartă; și alte setări de aspect legate de tipul de regiune care este editată. Făcând clic pe pictograma de editare, este afișat un panou sensibil cu context, prin care puteți face modificările.

Toate modificările sunt aplicate în timp real . Nu este nevoie să vă reîmprospătați pagina, datorită efectului de previzualizare live al acestui editor frontal.

Pe măsură ce trageți și mutați regiunile din jurul paginii, veți observa că acestea plutesc, mai degrabă decât să fie fixate pe o grilă. Aceasta înseamnă că puteți crea niște modele cu adevărat libere, mai degrabă decât să fiți constrâns de granițe arbitrare.

Cu toate acestea, pentru cei care împinge pixeli, Upfront include o grilă vizuală opțională, la îndemână , pentru a vă ajuta să vă aliniați elementele paginii mai precis.

Editare personalizată de postări frontale și de pagină

Cu Upfront, fiecare postare și pagină de pe site-ul dvs. poate avea propriul design și aspect personalizat . Toate acestea pot fi construite prin interfața vizuală, frontală, drag and drop.

Înlăturând necesitatea de a crea postări în partea din spate a site-ului dvs., apoi comutați înainte și înapoi între previzualizarea frontală și editorul de bază, pentru a obține aspectul corect, Upfront a rezolvat deja o zonă majoră care împiedică WordPress . Datorită opțiunilor suplimentare de personalizare și conținut, cum ar fi widget-urile și elementele, a fost deschis și un alt domeniu de posibilități.

În timp ce puteți personaliza zonele globale de antet și subsol care sunt utilizate la nivelul întregului site, puteți, de asemenea, să personalizați acele zone pe o postare și o pagină individuală pentru un aspect mai personalizat pentru o singură pagină.

Alte caracteristici notabile ale Upfront includ un aspect complet receptiv pentru armata în creștere de utilizatori de telefonie mobilă care accesează site-uri web prin intermediul smartphone-urilor și tabletelor lor. După cum v-ați aștepta de la echipa WPMU DEV, această temă este complet pregătită pentru Multisite.

Tipurile de postări personalizate sunt, de asemenea, acceptate și pot fi editate în același mod ca tipul obișnuit de postare de blog. Există, de asemenea, un tur la îndemână, dar scurt, care vă va ajuta să începeți la prima lansare a interfeței de personalizare.

Caracteristica cheie a Upfront este că toată munca și editarea conținutului au loc prin intermediul editorului frontal. Asta speră dezvoltatorii proiectului să-l separe de concurență. În timp ce alți creatori de pagini WordPress oferă un editor frontal pentru personalizarea site-ului dvs., Upfront pare să fie singurul în care toată acțiunea are loc prin interfața vizuală, inclusiv prin crearea conținutului postărilor de blog.

Revizuire inițială: experiența utilizatorului

După ce ați încărcat Upfront pe site-ul dvs. web și ați ales una dintre temele inițiale, secundare, puteți începe să lucrați pe site-ul dvs. web .

Făcând clic pe butonul „Personalizați tema utilizând în avans” din vizualizarea frontală a site-ului dvs. web lansează interfața de editare.

Făcând turul opțional, vă ghidați prin principalele caracteristici ale pluginului. Alternativ, puteți sări direct și să începeți. Deoarece temele de pornire sunt populate cu toate caracteristicile unei teme moderne WordPress, puteți începe prin a inspecta și personaliza elementele existente.

Schimbarea imaginilor cu propriile dvs. este la fel de ușor ca să faceți clic pe ele și apoi să trageți și să plasați noua imagine în biblioteca dvs. media. Cu toate acestea, sunteți liber să ștergeți cât doriți din conținutul preexistent . Acest lucru vă permite să fiți cu adevărat creativ cu Upfront.

Când vine vorba de adăugarea elementelor disponibile în aspectul paginii, este într-adevăr doar un caz de glisare și plasare a acestora oriunde pe pagină. Odată adăugat în pagină, fiecare element poate fi personalizat în felul său. De exemplu, elementul postări poate fi modificat pentru a afișa un singur post sau liste de postări în aspectul dvs.

Acest lucru este excelent pentru a crea o pagină personalizată de arhivă a postărilor sau pentru a evidenția cele mai bune postări pe pagina de pornire a site-ului dvs. web. Setările pentru elementul de postare vă oferă multă flexibilitate pentru modul în care este afișat conținutul respectiv. Aceasta acoperă nu numai postările de afișat, ci și ce părți ale postărilor să includă. Aceasta acoperă: data postării, numărul de comentarii, imaginea prezentată și multe altele.

Pe lângă utilizarea Upfront pentru a proiecta și personaliza pagina de pornire a temei dvs. de pornire, este folosit și atunci când lucrați la postări și pagini . Acest lucru este grozav, deoarece creează o interfață uniformă și coerentă pentru proiectarea site-ului web și crearea de conținut.

Pentru a comuta la vizualizarea postării și a paginii, faceți clic pe linkul Postări/Pagină, apoi selectați conținutul existent pe care doriți să îl editați sau creați un articol nou.

Postarea aleasă se deschide apoi în editorul Upfront . Acest lucru vă permite să adăugați pur și simplu conținut la acesta sau să-i revizuiți designul. Înlocuirea incomodei sistemului de editare post WordPress de a trebui să comutați ferestrele pentru a vă previzualiza munca oferă o actualizare imediată a software-ului de bază.

Majoritatea a ceea ce puteți face prin ecranul implicit de editare post WordPress, cum ar fi adăugarea unei imagini prezentate, editarea titlului postării și adăugarea conținutului postării, se poate face prin interfața vizuală a Upfront.

Dacă doriți să faceți modificări tipografiei site-ului dvs. , Upfront vă oferă o modalitate ușoară de a face acest lucru. Prin panoul de setări ale temei puteți alege un element de tip, cum ar fi Titlul 2, și apoi editați fontul utilizat. Acest lucru este apoi aplicat la nivel global, pe întregul site.

Puteți personaliza în continuare aspectul textului în elemente individuale. Cu toate acestea, utilizând setările temei, puteți aplica rapid modificările întregului site . Același lucru este valabil și pentru culorile site-ului, deși interfața nu explică clar la ce element al site-ului dvs. se aplică fiecare dintre setările de culoare.

Pentru a face modificări rapide la aspectul și conținutul temelor de pornire, Upfront este foarte ușor de preluat. Cu toate acestea, atunci când vine vorba de a face personalizări mai ample sau de a vă construi propriile machete de pagină de la zero, va fi nevoie de o investiție mai mare de timp pentru a face față.

Acest lucru este destul de rezonabil. Mai ales având în vedere domeniul de aplicare și funcționalitatea acestui instrument. La fel ca și alte teme WordPress și plugin-uri de acest tip, cu cât pui mai mult în el, cu atât vei obține mai mult din el pe termen lung.

Prețuri

În avans vă puteți alătura clubului de membru WPMU DEV. Acest lucru vă oferă acces la Upfront, precum și la peste 350 de plugin-uri și alte teme. Taxele de membru încep de la 24,50 USD pe lună pe planul anual și ajung până la 99 USD pe opțiunea cu plată lunară.

După înscriere și atâta timp cât ești membru, ai acces la forumul de asistență 24/7 și la sesiunile zilnice de chat live. Pentru a obține opțiunile complete de preț pentru Upfront, vizitați site-ul web WPMU DEV.

Concluzie

WPMU DEV a fost tăcut pentru o vreme când a fost vorba de lansarea de noi teme WordPress. Odată cu lansarea Upfront, este ușor de înțeles de ce. Cu peste doi ani în pregătire și „peste un milion de dolari cheltuiți”, Upfront este cu siguranță un proiect important pentru echipa WPMU DEV și poate pentru WordPress însuși.

În anunțul Upfront, creatorii săi fac un punct interesant despre concurența acestui instrument și a WordPress în general . În timp ce servicii precum Squarespace, Wix și Weebly oferă în prezent mai puține oportunități de dezvoltare și personalizare și extindere personalizate decât WordPress, ele oferă o interfață mai ușor de utilizat pentru a publica conținut și pentru a face site-ul dvs. să arate așa cum doriți.

Upfront își propune să aducă acest tip de interfață de personalizare în WordPress. În general, face o treabă destul de bună. Dacă doriți să faceți WordPress mai ușor de utilizat, fie pentru dvs., clienții dvs. sau pentru cei cărora le recomandați acest software, Upfront este o opțiune disponibilă pentru dvs.

Alegerea Upfront implică să vă legați de o soluție terță parte; și deși ar fi bine dacă WordPress ar putea oferi acest tip de experiență de editare – fie ca parte a nucleului, fie printr-un add-on „oficial”, deocamdată există Upfront.

În timp ce programatorii și dezvoltatorii care sunt capabili să-și creeze propriile teme sau să personalizeze produsele de pe raft nu vor avea prea multă nevoie de Upfront, oricine altcineva care și-a dorit vreodată să-și creeze propriile machete și design-uri personalizate ar trebui să ia cu siguranță demonstrația online Upfront. pentru un test drive.

Sunt încă devreme pentru Upfront , dar au început bine. Pe măsură ce mai multe teme inițiale vin online și sunt introduse elemente suplimentare, acest editor ușor de utilizat ar trebui să devină propriu.

Aflați mai multe despre Upfront sau încercați acum demonstrația

Disclaimer: Eu scriu postări pentru blogul WPMU DEV – creatorii Upfront – în mod independent; cu toate acestea, opiniile din acest articol sunt ale mele și nu sunt deloc influențate de această relație.