Page Builder Sandwich

Obține PBS Pro

Blog

  • 4 greșeli de web design pe care trebuie să le eviți în 2018

    If there’s one thing you need to remember when building a website, it’s to never take good design for granted.

    As we’ve mentioned in a previous article, a site visitor’s first impression on your website can make or break you in just a matter of seconds.

    In other words, if they don’t like what they see within that timeframe, chances are they’re going to close their browser windows and direct their attention elsewhere.

    Fortunately, there are a lot of ways to prevent this from happening; one of them is to familiarize yourself with good web design practices. And the good news is you don’t need to be a professional web designer in order to do so.

    Because while it’s true that not everyone has a good eye for design, preventing bad design becomes easier once you know what to avoid.

    Acestea fiind spuse, asigură-te că ții cont de aceste 4 greșeli comune de web design. În acest fel, vei avea cu o grijă mai puțin atunci când vei începe în sfârșit să-ți construiești site-ul web.

    Greșeala #1: Utilizarea a mai mult de 3 fonturi

    A rule of thumb when designing websites? Try not to have too much visual elements going on within your space. Having more than 3 fonts on your site design is a surefire way to break this one rule. It’ll also overwhelm your site visitors.

    Păstrarea fonturilor de pe site-ul tău la un minim de 3 este o practică generală de design respectată de profesioniști. În plus, crește nivelul de lizibilitate și consecvență al site-ului tău, care sunt esențiale pentru succesul traficului site-ului.

    DON’T DO THIS:

    Don’t use more than 3 fonts and try to avoid “fancy fonts” as much as possible. These tend to make your site look unprofessional and outdated.

    DO THIS:

    Use only 2 fonts, or a maximum of 3 if you have to. Notice how the page below looks clean and sleek, all while keeping readability and consistency all throughout the design.

    Try comparing the differences between this example and the previous one. The example below with only two fonts is a website that your visitors will likely take seriously.  This previous one above with the overwhelming amount of fonts isn’t.

    Mistake #2: Failing to Use White Space

    White space is one of the most important aspects of web design. But what is it?

    Put simply, white space is literally the empty space between elements in a composition.

    In other words, it’s negative space. This pertains to anything on your website that isn’t filled with text, photos, or other design elements.

    Now, the problem arises when website owners want to fill all of the white space in, which is an absolute no-no.

    White space matters because it gives your site visitors and readers some breathing space when going through your site. Just how it was mentioned in the first design mistake to avoid, overwhelming your website with too much design elements is more than enough reason for your site visitors to leave and for your traffic to decrease significantly. It also makes for poorly executed design.

    DON’T DO THIS:

    In the example below, take a look at how the text is nearing the edges of the purple section’s margin. Notice as well how all elements leave almost zero room for white space.

    DO THIS INSTEAD:

    Give your site readers some room to breathe. If adding in long paragraphs is unavoidable, just remember to always take the rules of spacing into account—they’re pretty easy to remember anyway ?.  It will leave your page looking cool, crisp, and professional.

    Mistake #3: Designing Websites With Zero Flow in Your Site’s Content

    It’s important to pay attention as to how  information on your website is presented. Moreover, site content should generally follow a logical flow, taking the site viewer’s intuition into consideration.

    Aruncă o privire la cele două exemple de mai jos pentru a vedea la ce ne referim.

    DON’T DO THIS:

    Unless you’re a graphic designer by profession, it’s probably not a good idea to experiment with the standard flow of your website’s sections.

    Below, you can see that the site’s design lacks both visual and logical flow; everything is all over the place. You don’t want your audience having a hard time navigating through your site, either. This is another surefire way to do it.

    DO THIS INSTEAD:

    Notice how the sections of the website flow depending on what actions the visitor is most likely to take.

    Designul este intuitiv și are un flux logic: mai întâi, organizația se prezintă și oferă publicului detaliile de bază, cum ar fi despre ce este vorba și ce face. În al doilea rând, adaugă cifre credibile pentru a stabili încrederea. În cele din urmă, site-ul web oferă publicului datele de contact și o listă de evenimente, îndemnându-i să acționeze.

    Mistake #4: Trying to Fit in Every Bit of Information Onto Your Website

    Adăugarea unor blocuri masive de text inutil acolo unde ar trebui să existe spațiu alb îți poate alunga publicul. Nu uita să păstrezi doar detaliile importante.

    Studies find that readers only visit 20% of your webpage; everyone else outside that percentage will probably just scroll through your site.

    DON’T DO THIS.

    Don’t overwhelm your visitors with inconsistent, giant walls of text, especially if it means having to sacrifice your website design’s cohesiveness and structure.

    DO THIS INSTEAD:

    Keep your copy short and concise, and take out chunks of unecessary text if you can help it. Only keep vital information that your site visitors absolutely need to know.

    Conclusion

    Website design is important, and can be a huge deciding factor in whether or not you gain site traffic.

    Nu uita să nu iei lucrurile ca fiind de la sine înțelese. Alocă întotdeauna timp pentru cercetare și caută articole de design care să te ghideze pe parcurs. Înainte de a-ți da seama, vei vedea cum traficul site-ului tău începe să crească. ? Mult succes!

    Design in less time!

    Check out how much faster Page Builder Sandwich let you design your web pages.

    Try Live Preview

    This week’s useful resource:

    CANVA has hundreds of resources that you can access on their website. Apart from useful and easy-to-follow design tips, they also have photo editing tools, graphs, and a wide range of useful resources you can use for your creative projects.

    Descoperă acest ghid grozav de culori de la Canva pentru următorul tău proiect de design.

    Canva Design Wiki

    Dezlănțuie-ți creativitatea.

    Consultă ghidul de culori Canva

  • Versiunea 3.0: Regândirea modului în care ar trebui să funcționeze un constructor de pagini

    version-3-0-rethinking-how-a-page-builder-should-workAu trecut 10 luni de când am lansat Page Builder Sandwich pentru public. Avem acum în jur de 6.000 de instalări active, iar aceasta este o adevărată realizare pentru noi. Am primit o mulțime de feedback datorită acestui fapt, atât bun, cât și rău. Consensul este totuși că oamenilor le place cât de ușor este să construiască machete și să-și creeze conținutul în comparație cu celelalte instrumente de construire a paginilor de pe piață.

    O mare parte din feedbackul primit a constat în solicitări de funcționalități și am adăugat multe dintre aceste funcții în ultimele luni. Dar, pe măsură ce am continuat să facem acest lucru, am început, de asemenea, să modificăm treptat interfața cu utilizatorul în acest proces. Și, în consecință, modificam și experiența utilizatorului… în rău. S-a ajuns însă în punctul în care a trebuit să regândim interfața, deoarece pur și simplu nu mai funcționa fluent, iar diferitele funcționalități nu se mai potriveau bine cu ea.

    Interfața scoasă din uz

    În versiunile anterioare ale PBS, ne-am dorit ca totul să fie sub formă de butoane. De ce? Pentru că butoanele sunt ușor de utilizat. Pur și simplu… apeși pe ele. În versiunile mai vechi ale inspectorului (bara laterală din imaginea de mai sus), un clic pe un buton creștea o valoare, iar shift+clic pe un buton o micșora. Sună destul de simplu. Dar, odată cu adăugarea de caruseluri, taburi, hărți și alte elemente și funcționalități noi, toate acele butoane au devenit o aglomerație de pictograme diferite, cu designuri diferite, și au început să semene mai degrabă cu niște hieroglife decât cu o interfață atractivă. Acest lucru nu a fost o problemă pentru utilizatorii experimentați, dar este destul de intimidant de privit dacă ești nou în PBS.

    În continuare, au apărut câteva probleme în inspector. Ideea inițială a fost de a face totul simplu și disponibil în interiorul inspectorului. Și prin totul, mă refeream la tot – de la transformarea textului în titluri, până la schimbarea culorilor de fundal, a culorilor fonturilor și așa mai departe. Cu toate acestea, în starea actuală, inspectorul conține acum o mulțime de opțiuni care te obligă să folosești rotița mouse-ului pentru a derula constant în sus și în jos. Destul de diferit de inspectorul pe care speram inițial să-l creez pentru utilizatori.

    În cele din urmă, am introdus recent maparea shortcode-urilor pentru pluginurile tale preferate. Această funcționalitate a necesitat crearea de câmpuri de text, glisoare numerice, casete de selectare și noi tipuri suplimentare de opțiuni necesare pentru a vă face experiența de editare a shortcode-urilor mai plăcută. Inițial, a fost o idee bună și, da, a făcut manipularea shortcode-urilor mai ușoară pentru tine. Dar, din nou, această funcționalitate s-a abătut de la interfața noastră „doar butoane”. Privind retrospectiv, a fost într-adevăr imposibil să folosim doar butoane pentru modificarea atributelor shortcode-urilor. Acum, în cea mai recentă versiune, am ajuns să avem 2 tipuri de controale: butoanele și câmpurile pentru shortcode-uri.

    Mai sunt câteva motive care ne-au determinat să decidem că interfața noastră nu mai era eficientă (sau potrivită nevoilor noastre), dar punctele de mai sus sunt cele principale. Un lucru a fost însă întotdeauna sigur: știam că trebuia să actualizăm interfața.

    Definirea modului în care un page builder ar trebui să funcționeze în mod ideal

    În loc să ne grăbim și să schimbăm lucrurile imediat, am făcut o sută de pași înapoi pentru a privi întreaga experiență a unui page builder. Am vrut să dăm o nouă viață interfeței. Sincer vorbind, nu am vrut să continuăm să o reconstruim an de an. Este epuizant și cu siguranță nu aduce un ajutor semnificativ comunității WordPress. De data aceasta, am decis să facem lucrurile încet și cu atenție. Am studiat fiecare colț al Page Builder Sandwich și ceea ce îl face un page builder bun și, în cele din urmă, am conturat întreaga experiență de editare în câteva concepte fundamentale.

    Concept esențial #1: Tastarea direct în conținut pentru a edita lucruri

    Unul dintre motivele principale pentru instalarea unui page builder este eliberarea de constrângerile editorului de text din backend-ul WordPress. Nu că editorul de backend nu ar fi bun, dar când îți creezi paginile web, nu îți arată imediat cum va arăta pagina ta web pentru vizitatorii site-ului și nici nu îți permite să aranjezi conținutul în afara unei machete cu o singură coloană. Acolo îți poți vedea doar textul și câteva imagini, dar nimic din elementele mai elaborate (de exemplu, formularele de contact). Poți adăuga shortcode-uri, da, dar acestea nu vor apărea în forma lor randată*.

    * Există pluginuri create de alții pentru a rezolva acest lucru, cum ar fi Shortcake UI, dar asta nu este relevant acum.

    Aici intervin instrumentele de creare a paginilor de tip front-end. Acestea scot experiența de editare din backend și o aduc în front-end, editându-ți site-ul exact așa cum îl vor vedea vizitatorii tăi. Așa cum ar spune Pippin: Ce vezi este ceea ce obții (WYSIWYG).

    Un alt lucru bun la un editor front-end este că îți permite să editezi textul în mod direct. Tastarea în titluri și paragrafe oferă ușurința utilizării unui procesor de text obișnuit în crearea de site-uri web. Butoanele și etichetele taburilor ar trebui, de asemenea, să poată fi modificate printr-un simplu clic pe ele și tastare.

    Acesta este aspectul la care majoritatea celorlalte page buildere nu se descurcă prea bine. Majoritatea te obligă să tastezi într-un câmp de text pentru a edita orice. Din nou, acest lucru nu ar trebui să se întâmple în generatoarele de pagini front-end reale. Tastarea și editarea directă a textului au fost un punct forte al Page Builder Sandwich încă de la versiunea 2 și ne-am asigurat că acest lucru este menținut și în versiunea 3.

    Concept esențial #2: Utilizarea mouse-ului pentru ajustări rapide

    Mouse-ul este un instrument puternic care este adesea neglijat în page buildere. De multe ori, generatoarele de pagini îl folosesc doar pentru a permite oamenilor să tragă elemente și să le plaseze în diferite locații sau pentru a face clic pe butoane ori câmpuri de introducere. Deși acest lucru este în regulă, există mult mai multe lucruri pe care le poți face cu mouse-ul în ceea ce privește crearea paginilor.

    În primul rând, există un feedback vizual excelent în utilizarea mouse-ului ca instrument de editare a paginii, în special în ajustarea proprietăților vizuale precum marginile, spațierile interioare și dimensiunile. Acum, ajustarea elementelor devine o experiență naturală.

    În versiunea 3 a PBS, vei putea ajusta o serie de lucruri folosind mouse-ul. Poți ajusta marginile/spațierile dintre elementele individuale, spațierea interioară din coloane, precum și dimensiunile imaginilor, pictogramelor și hărților. De asemenea, am înlocuit butoanele care îți permit să modifici valori numerice cu glisoare.

    Concept esențial #3: Textul ar trebui să fie ușor de stilizat

    Dacă faci un pas înapoi de la monitor, vei observa că cea mai mare parte a ceea ce adaugi în paginile tale web este conținut de tip text. Da, avem imagini și pictograme pentru a le însoți – și în ultima vreme avem tendința de a adăuga imagini mai mari în site-urile noastre. Dar majoritatea conținutului important este format din text: titluri, liste cu marcatori, paragrafe, citate etc. Alături de acesta este modul în care ne stilizăm textul pentru a se potrivi cu designurile noastre. Fie le schimbăm dimensiunile și culorile, fie le facem aldine sau cursive. Acest lucru este pentru a face conținutul nostru mai lizibil, relevant și atractiv pentru cititorii noștri.

    Pentru că stilizăm textul des, butoanele care ne permit să schimbăm stilurile ar trebui să fie foarte accesibile. Nu ar trebui să fie ascunse într-o fereastră pop-up pe care trebuie să o deschidem mai întâi. Majoritatea page builderelor suferă de această problemă. Pentru ca interfața lor de utilizator să fie etichetată drept „aerisită”, chiar și cele mai utilizate opțiuni sunt ascunse la vedere.

    Pentru a rezolva acest lucru, ne-am uitat la cele mai utilizate procesoare de text. Am observat că acestea au de obicei un rând cu o mulțime de butoane în partea de sus a ecranului folosite pentru a formata textul și am copiat același aspect pentru versiunea 3. Acum avem un rând cu toate butoanele de stilizare a textului mereu prezente în partea de sus a ecranului. Acest lucru face ca stilizarea să fie foarte rapidă și să devină o a doua natură în editarea textului.

    Concept esențial #4: Opțiunile avansate de stilizare ar trebui să fie flexibile, dar ușor de înțeles

    Ideea de bază a unui page builder este că ar trebui să le permită oamenilor să creeze designuri uimitoare cu ușurință. Aceasta înseamnă că ar trebui să oferim o mulțime de setări și opțiuni diferite, fără a impune o curbă de învățare dificilă. Posibilitatea de a ajusta marginile, spațierile interioare și de a stiliza textul este grozavă, dar acestea pot face doar până la un punct. Vei avea nevoie de opțiuni mult mai elaborate pentru a finaliza treaba, opțiuni precum imagini de fundal, modele, chenare, fundaluri fixe și multe altele. Aglomerarea tuturor acestor setări diferite poate deveni puțin copleșitoare, așa că le-am simplificat pe unele dintre ele și le-am organizat în categorii pentru a face lucrurile mai prietenoase în versiunea 3.

    Concept esențial #5: Suport pentru shortcode-uri

    În cele din urmă, să nu uităm că generatorul nostru de pagini este construit pe baza WordPress. Ar trebui să îmbrățișăm platforma și funcționalitățile sale și să nu le restricționăm sau să ne abatem de la ele. O caracteristică uriașă pe care o oferă WordPress sunt shortcode-urile. Nu înseamnă că întregul conținut ar trebui să fie compus din shortcode-uri – ar fi dezordonat –, ci dimpotrivă, ar trebui doar să fim compatibili cu ele. O mulțime de pluginuri și teme folosesc shortcode-uri și ar fi o mare pierdere dacă le-am ignora pe toate. De fapt, shortcode-urile oferă utilizatorilor flexibilitate maximă atunci când vine vorba de crearea paginilor.

    Am introdus în urmă cu câteva săptămâni sistemul nostru de mapare a shortcode-urilor și, datorită acestuia, am mapat sute de shortcode-uri de la sute de pluginuri. Am prioritizat cele mai populare pluginuri găsite în directorul de pluginuri WordPress, așa că sunt șanse mari să le întâlnești pe propriile tale site-uri. Acest lucru doar s-a consolidat în versiunea 3 și vom continua să îmbunătățim acest aspect pe viitor.

    Concluzie

    Am preluat toate aceste proprietăți esențiale de mai sus și le-am integrat în Page Builder Sandwich versiunea 3. Este cel mai bun generator de pagini pe care l-am creat pentru WordPress până acum. Este mai intuitiv și mai natural de utilizat, funcționează mai rapid, este mai ușor de folosit și mai prietenos ca niciodată.

    Dacă ai vreo părere despre o funcționalitate esențială pentru un page builder, spune-ne lăsând un comentariu mai jos.

  • #PBSUpdate: Creștere de 200% a performanței și elemente noi

    Only a few weeks ago, we released PBS Version 4.1. This update included tweaks on the formatting bar and some text formatting updates, among others. For Version 2.0 though, while we made additional features, we decided to focus more on PBS’ overall performance.

    200% Performance Increase & A Little Help from CodeInWP

    Ceea ce a declanșat această schimbare a fost un articol despre așteptările legate de constructorii de pagini de la CodeInWP. Acesta a inclus o listă scurtă a favoriților lor, analizându-i pe fiecare după criterii specifice. Deși Page Builder Sandwich nu a ajuns pe lista propriu-zisă, am fost totuși menționați pe scurt în articol:

    With Page Builder Sandwich you won’t also lose your content and will be able to continue updating the page easily via a default WordPress editor.

    Citind acest lucru, echipa noastră a fost motivată să îmbunătățească PBS și mai mult. Și, văzând că nu am fost incluși pe listă, am fost totodată curioși să aflăm care erau neajunsurile noastre specifice. Puțin mai târziu am contactat CodeInWP pentru a cere o scurtă recenzie a PBS, iar autoarea invitată Ann Taylor ne-a oferit un răspuns foarte constructiv și util:

    “…I played around with a free version a bit. It shows a lot of promise: lots of modules, pretty intuitive UI, great WYSIWYG experience, everything is dragged around easily. However, when I had around 10 modules on the page, it became hard to continue working with it because of low editing speed…”

    Acest feedback excelent ne-a determinat să investigăm și mai mult viteza și performanța PBS. Am testat o mulțime de scenarii diferite și am descoperit blocaje uriașe de viteză. Cauza principală a problemelor de performanță au fost diversele calcule pe care le efectua modulul pentru a afișa contururi, bare de instrumente și alte repere vizuale de editare. Mai jos este un grafic al performanței versiunii 4.1 a PBS în Chrome:

    Here are the important points of the graph in a nutshell:

    • Zonele mov înalte sunt rele
    • Zonele mov late sunt și mai rele
    • Am accelerat lucrurile foarte mult, iar acum graficul nostru pentru versiunea 4.2 arată așa:

    If you compare the tall and wide purple areas from the two graphs, that means that we have achieved a 200% performance increase!

    4 New Elements

    Lucrul nostru preferat la aceste 4 elemente noi este că oferă capacitatea de a crea secțiuni complete de pagină web rapid și eficient, fără a fi nevoie să trageți elementele pe spațiul de lucru PBS unul câte unul. De asemenea, vă oferim posibilitatea de a alege dintre stiluri diferite, astfel încât să aveți mai mult spațiu pentru a personaliza aceste trei elemente noi în funcție de nevoile dvs. de design.

    Spacer Element

    Este ușor să ajustați marginile elementelor pentru a obține spațiul de care aveți nevoie. Elementul distanțier poate fi folosit ca o alternativă la acest lucru. Acest lucru este deosebit de util dacă doriți ca anumite rânduri să nu se micșoreze prea mult pe ecranele mobile.

    Featurette Element

    Elementul featurette poate fi folosit pentru a crea secțiuni ale paginii într-un ritm mai rapid. Aceste secțiuni pot include antete hero, testimoniale tip carusel și alte lucruri pe care le puteți folosi pentru a îmbunătăți funcționalitatea paginii.

    Since all of the Featurette Elements are pre-designed, all you’ll have to do is simply drag the “Featurette” button from the Elements Tab, and choose what you want to add on your workspace from there.

    Team Members Element

    Elementul membru al echipei este perfect pentru a vă prezenta membrii echipei vizitatorilor site-ului. În mod obișnuit, o astfel de secțiune include o fotografie a unui membru al echipei, precum și o scurtă descriere în partea de jos.

    Gallery Element

    Acest element este folosit pentru a crea galerii foto. Anterior, trebuia să trageți elemente separate (cum ar fi butoane, cadre etc.) în spațiul de lucru PBS unul câte unul pentru a crea o galerie. Totuși, acest nou element face asta în locul dvs., astfel încât procesul devine lipsit de bătăi de cap.

    A Huge Thank You

    Versiunea 4.2 este una dintre cele mai importante actualizări ale noastre de până acum. La urma urmei, performanța și funcționalitatea sunt cruciale pentru orice modul excelent. Dorim să le mulțumim lui @Ann Taylor și CodeInWP pentru feedbackul constructiv și pentru că ne-au urat succes în călătoria noastră. Iar pentru toți utilizatorii PBS, vă mulțumim din suflet pentru sprijinul vostru continuu.

    Vom lansa și mai multe actualizări în curând (inclusiv funcția promisă Google Fonts, printre altele), așa că fiți pe fază!

    Până atunci, spor la construit site-uri din partea echipei PBS!

  • Sărbătorim prima aniversare a Page Builder Sandwich în mare stil!

    pbs-v4-ad-3 Da, așa este: Page Builder Sandwich își sărbătorește prima aniversare pe 14 ianuarie 2017. Pe lângă campania noastră în curs Holiday Sale (30% reducere pentru o perioadă limitată, fără cod promoțional necesar), PBS are câteva surprize pregătite pentru voi, iar echipa abia așteaptă să le împărtășească cu toată lumea.

    În ultimul an, am crescut mult datorită sprijinului unor prieteni extraordinari, unor recenzii foarte utile și noilor noștri prieteni din comunitatea Slack PBS. Nu vă puteam uita pe voi – utilizatorii PBS înșiși, care ne-ați ajutat să atingem această bornă importantă. Și pentru a sărbători, ne-am gândit: ce modalitate mai bună de a vă oferi o experiență și mai plăcută decât lansarea versiunii PBS 4.0? Să cadă confetiile!

    În cazul în care ați ratat, versiunea actuală, Versiunea 3.0, a trecut prin schimbări și îmbunătățiri majore. Acestea includ o interfață mai curată, mai fluidă și mai ușor de utilizat, plus o adaptabilitate mai bună. Pentru Versiunea 4.0 însă, vom aduce lucruri și mai bune! Așa că pregătiți-vă, pentru că lucrurile vor fi mult mai distractive, mai festive și mai funcționale odată cu lansarea viitoare din ianuarie.

    Funcționalitatea Șabloane de pagină întreagă

    Primele pe lista noastră de funcționalități majore sunt noile Șabloane de pagină întreagă. Deși PBS este folosit de obicei pentru a construi tot felul de pagini diferite, am luat serios în considerare faptul că utilizatorii noștri își desfășoară activitatea în nișe diferite (și, prin urmare, au diferite tipuri de site-uri web). Utilizatori diferiți au nevoi diferite până la urmă, fie pentru afaceri, fie pentru proiecte personale. De aceea am decis să răspundem acestei nevoi prin viitoarea funcționalitate de Șabloane de pagină întreagă.

    pbs-v4-ag-2 Așadar, cum funcționează aceste șabloane de pagină întreagă? Simplu. Pentru Versiunea 4.0, vom lansa o serie de șabloane minunate. Acestea vor fi împărțite în diferite categorii, fiecare concepută pentru o nișă specifică. Șabloanele vor include elemente, machete și funcționalități pentru pagini corporate, portofolii, site-uri de comerț electronic sau simple bloguri personale obișnuite (printre altele), astfel încât să se potrivească perfect oricărui site de care aveți nevoie.

    De exemplu, dacă administrați un restaurant și aveți nevoie de o pagină sau un site web dedicat acestui tip de afacere, puteți alege pur și simplu șablonul pentru restaurant. Și pentru că PBS permite o personalizare flexibilă, veți putea în continuare să îl stilizați după bunul plac. Iar din moment ce șablonul ales (în acest caz, restaurantul) va include funcționalități concepute special pentru un site de afaceri cu profil gastronomic, va veni și cu elemente PBS care răspund nevoilor acelui tip de site: cum ar fi o secțiune întreagă pentru meniu, o funcție de livrare, butoane pentru rețelele sociale și multe altele. Acum imaginați-vă ceva similar pentru nișa dvs. specifică – fie că gestionați un birou corporativ, o afacere personală sau doar un portofoliu – nu vă faceți griji. Cu Versiunea 4.0, vom lansa șabloane și pentru acestea. Cu siguranță vă vor fi de mare folos în următorul dvs. proiect de creare a unui site!

    Mai multe elemente, mai multe opțiuni

    Pe lângă noile șabloane de pagină întreagă, mai pregătim și o mulțime de alte lucruri! Așa cum spunem mereu, PBS există pentru că noi credem că a crea lucruri uimitoare și impresionante nu trebuie să fie atât de dificil pe cât lasă toată lumea să se înțeleagă. Având în vedere acest lucru, vă îndemnăm să aruncați o privire asupra celorlalte funcționalități viitoare, pentru a vedea cu ochii voștri ce pagini și site-uri minunate veți putea crea cu PBS!

    Fundaluri cu efect de paralaxă

    Derularea cu efect de paralaxă (parallax scrolling) este o tehnică utilizată pentru a crea un efect unic de fundal 3D în browserul dvs. Reprezintă un element vizual remarcabil pentru orice site web și, atunci când este realizat corect, vă poate crește cu siguranță audiența. Încă nu sunteți convinși? Aruncați o privire pe acest site grozav de la FireWatch care execută efectul de paralaxă la perfecțiune.

    Fundaluri video

    Fundalurile video sunt, de asemenea, un efect popular utilizat pe site-urile web, în special pe paginile principale, paginile de destinație și secțiunile hero. Sunt la fel de impresionante și există un motiv pentru care sunt atât de apreciate, aveți încredere în noi! Iar cu cea mai recentă actualizare PBS, veți avea ocazia să încercați și fundalurile video. Folosiți-le pentru a vă captiva publicul și a atrage mai multe vizite pe site!

    Numărătoare inversă

    Pentru Versiunea 4.0, vom lansa și noua funcție de Numărătoare inversă până la o anumită dată. Aceasta va include funcțiile de bază, cum ar fi setarea datei și a orei exacte până la care se numără invers, plus opțiunile flexibile de personalizare pe care suntem siguri că le veți aprecia.

    Pictograme sociale

    Doriți să vă încurajați publicul să distribuie postările dvs. pe rețelele sociale? Nu vă faceți griji, PBS vă sare în ajutor! Cu noile pictograme sociale, cititorii vor putea distribui site-ul și conținutul dvs. printr-un simplu clic pe un buton.

    Avem însă și mai multe surprize pentru voi! Inclusiv:

    • Posibilitatea de a adăuga articole în conținutul dvs.
    • Bare de progres
    • Contoare numerice ascendente
    • Elemente pentru WooCommerce, Advanced Custom Fields (ACF), Contact Form 7
    • Testimoniale
    • Tabele de prețuri
    • Elemente de îndemn la acțiune (Call to action)
    • Casete de imagini
    • Casete de pictograme
    • Căutare și descărcare gratuită de imagini
    • Posibilitatea de a adăuga cod CSS personalizat
    • …și multe altele!

    Responsivitate

    Și, în final, pe lângă toate aceste funcționalități noi și excelente, PBS se va mândri și cu o responsivitate și mai bună.

    pbs-v4-ag-1 În trecut, vizualizarea și editarea paginii dvs. PBS pe dispozitive mobile nu a fost tocmai o sarcină ușoară – dimensiunile fonturilor nu se potriveau, imaginile nu erau proporționate – per ansamblu, știam că trebuia să lucrăm la interfața PBS pe mobil și exact asta am făcut. Am lucrat la această funcționalitate și am optimizat-o astfel încât nu doar să arate mai bine din punct de vedere vizual, ci să fie și mai fluidă și mai accesibilă. Acum vă veți putea vizualiza și edita site-ul pe mobil fără nicio bătaie de cap. Ochii dvs. vă vor mulțumi cu siguranță, iar publicul dvs. la fel.

    Mai fluid, mai bun, și mai grozav.

    În încheiere, vă suntem sincer recunoscători pentru tot sprijinul și loialitatea voastră față de PBS și sperăm că sunteți la fel de entuziasmați ca și noi, pentru că ne așteaptă o călătorie minunată!

    Așadar, se ridică aceste viitoare actualizări la nivelul așteptărilor voastre? Mai este ceva ce ați dori să sugerați pentru v4? Lăsați-ne un comentariu mai jos și vom vedea ce putem face!

    Pentru a fi la curent cu mai multe actualizări despre v4 (și alte noutăți extraordinare), abonați-vă la newsletter-ul nostru de mai jos apăsând butonul „Subscribe”! Fără griji – vă puteți dezabona în orice moment.

    Sperăm că ați avut sărbători minunate,

    Echipa PBS

    Spor la construit site-uri!

  • Cum să personalizezi pe cont propriu secțiunile predefinite din Page Builder Sandwich

    We’ve been getting quite a few inquiries the past week about Pre-Design Sections (and by extension, the PBS Templates), what they are, and how they can be accessed.

    So in this article, we’ll be teaching you how to not only access them, but also how to maximize these features of Page Builder Sandwich: By customizing them and making them your own.

    Accessing the Pre-Designed Sections

    If you aren’t familiar yet, all you have to do to access the Pre-Designed sections is to hover your mouse onto the left side of your screen, and access the Elements Inspector. This is the sidebar that lets you drag and drop elements directly onto your content area.

    Say hello to the Elements Inspector!

    Once it’s accessed, simply scroll down to the bottom and select Pre-Designed Sections. A library of the sections will pop up. Select one from the collection, drag and drop, and it’ll show up on your content area, like so:

    From here, you can move the elements within the section around, or move the entire thing and adjust its position. And there you have it! You’ve selected a Pre-Designed Section from Page Builder Sandwich.

    Now it’s time to add in your own twist: By customizing and tweaking with the elements’ settings within the selected section.

    Customizing the Pre-Designed Sections

    Each element’s setting within any one Pre-Designed section can be edited and customized according to your website’s needs and your personal taste.

    This means everything included in your selected Pre-Designed section – like text, colors, images, buttons, everything – can be edited and tinkered with by you.

    Așadar, de exemplu, dacă nu sunteți mulțumit de nuanța implicită albastru-verde și de imaginea cu câmpul de grâu din secțiunea predefinită implicită de mai jos…

    You can adjust it. For instance, if I wanted a different background tint on the left:

    Or if you wanted to replace the image of the wheat field on the right:

    Or even change the button style, margin, padding, and font:

    …You can.

    Pentru comparație:

    Default PBS Pre-Designed Section

    The same Pre-Designed Section, completely tweaked and customized. Notice the different font, color scheme, button style, photo, and margin width. You can actually take this further, and let your imagination run wild.

    Here are a few more examples on how you can spice up our Pre-Designed Sections

    Default Pre-Designed Section from Sandwich

    The same Pre-Designed Section, customized

    You can do it with our Full-Page Templates, too:

    Default Template from Sandwich

    The same Template, customized

    Conclusion

    Secțiunile predefinite din Page Builder Sandwich oferă mai multe posibilități decât credeți.

    Tweak and customize them to make them completely your own, or even use them as a starting point for when you don’t want to design your page from the ground up.

    Nu uitați, Page Builder Sandwich este aici pentru a vă ajuta să creați designuri într-un timp mai scurt. Utilizarea la maximum a secțiunilor noastre predefinite și a șabloanelor de pagină completă vă va ajuta să faceți exact acest lucru.

    Design in less time!

    Get access to Sandwich’s Pre-Designed Sections, Templates, and a whole lot more.

    Try Live Preview

  • 10 moduri în care site-ul tău poate excela în generarea de lead-uri și cum te poate ajuta PBS să faci asta

    Page Builder Sandwich helps you, well… build websites.

    Keeping your audience reeled into your page (and successfully generating leads) is a different story altogether, though.

    Don’t get us wrong. Lots of sites can achieve this without a worry, but that’s usually because they spend a significant amount of time and research doing just that.

    In contrast, some sites admittedly have a little trouble pulling it off, and more often than not, some of them don’t know where to begin. But don’t worry – Page Builder Sandwich will try to lend you a hand with that very same thing.

    Why is it Important to Generate Leads?

    One crucial thing to remember is that generating leads takes more than just buying a domain and setting a website up.

    Now, before we get too into it, take note that Page Builder Sandwich isn’t a marketing website.

    Dar, în orice caz, este important de știut că există o știință în spatele generării de lead-uri și, deși noi înșine nu suntem specialiști în marketing digital, este esențial de reținut că o conversie de succes a lead-urilor ține și de execuția adecvată a designului și a conținutului. Aici intervenim noi.

    „Dar cum ne puteți ajuta voi cu aspectul de marketing al tuturor acestora?”

    Great question! A few weeks ago we began corresponding with Straight North, a blog that specializes in digital marketing and lead conversion. They’ve given us some really tips which we hope you guys find helpful in your site-building journey.

    Now, remember that there could be lots of factors as to why your website isn’t generating the amount of leads you’d like. The first step is to identify what these factors are, and hopefully, this list can help you out with doing just that.

    TIP #1: Create Content that Stimulates Action

    According to Straight North, 84% of website conversions occur on the first visit, and only 11% convert in the second.

    Cu alte cuvinte, primele impresii contează.

    La fel cum audițiile proaste nu le aduc actorilor roluri principale, prima vizită a cuiva pe site-ul tău web te poate propulsa sau distruge.

    That’s why it’s you and your team’s job to try and convince people to stay glued to your page.

    Straight North suggests that posting copy and content (both text and images) is a great way to catch your visitors’ attention. Remember to always allot sufficient time to research on what makes good copy and good content, and never underestimate either.

    Iată câteva site-uri web care te-ar putea ajuta în călătoria ta către generarea de lead-uri de succes:

    How PBS Can Help:

    Wow your site visitors by using interactive PBS elements like the Carousel, or use Parallax Scrolling, and Video Backgrounds to catch their attention. Remember to execute their placement in a balanced way though, as to not overwhelm your audience.

    TIP #2: Intuitive Navigation

    In the realm of web development and site-building, intuitiveness in the user interface (or UI) is key.

    This means that when your visitors or users find their way around your site by intuition (i.e. easy site-navigation and straightforward instructions), they’re more likely to stay glued on your site.

    Acum, dacă navigarea pe site-ul tău se dovedește a fi o experiență frustrantă, sunt șanse mari ca vizitatorii tăi să nu rămână suficient de mult pentru a asculta ce ai de spus și ce ai de oferit.

    Straight North adds that getting too “clever and creative” with navigation labels is a bad idea, and suggest that you use terms like “Contact Us” for call-to-action buttons, rather than using vague labels like “Interact!” or “Dialog.” Remember that bombarding your site with too much jargon can cause frustration to your audience as well.

    So as long as navigating through your website comes to the user as second nature, then you have one less thing to worry about when trying to convert leads.

    How PBS Can Help:

    Page Builder Sandwich’s UI is highly intuitive, and is akin to using a Word processor (like Google Docs and Microsoft Word). Check out our demo to get some inspiration on how you can apply intuitive changes to your site, too!

    OTHER PAGE BUILDERS …have too much stuff going on.

    PAGE BUILDER SANDWICH …gets straight to the point.

    TIP #3: Use Relevant, Custom Imagery

    Your images and how they’re presented also matter, and they matter a lot.

    While it may seem trivial to some, uploading boring stock images, stretched out/pixelzed photos, or badly-presented typography is a huge factor that dictates whether your visitors stay on your site, or move to a better, more credible-looking alternative.

    How PBS Can Help:

    Because it’s WordPress-run, PBS lets you post high-quality photos in your website. As long as you have the right image dimensions, you shouldn’t have a problem with posting photos.

    Additional lifehack: You can also check out Pexels.com and Unsplash.com to get awesome, high-quality stock photos!

    TIP #4: Persuasive Credibility Elements

    Skepticism is a huge conversion killer.

    That’s why more often than not, it’s always a good idea to add in elements that back up your credibility as a website (or business), like testimonials from credible sources, and logos of reputable companies or groups that you’ve worked with. So use customer testimonials, show logos of well-known customers, and include third-party mentions in your content.

    How PBS Can Help:

    Use PBS features to vouch for you. Display your customers’ testimonials in a Carousel, or use the Featurette element to showcase third-party mentions, or make use of the column element to effectively display logos of your well-known customers (like in the graphic above).

    TIP #5: Get Personal!

    Straight North says that using a lighter, casual tone makes all the difference when writing content (such as articles and bio’s) on your site. This lets your users know that you’re human too, and not just some bot trying to get a run for their money (which we hope you aren’t).

    How PBS Can Help:

    While this part is entirely up to you and your team, it wouldn’t hurt to use elements such as the Featurette, Gallery, and Image Box to liven up your bio’s as well. Adding in other PBS elements like Social Media Icons can help put a personal touch to your pages, too.

    PBS’ Industry Template makes full use of the Image Box Elements for its About Us and Feature Sections.

    TIP #6: Irresistible Calls-to-Action

    Calls-to-Action (CTA) are a crucial part of generating leads.

    You will FAIL to capture first-visit conversions unless you ASK. – Straight North

    Just asking isn’t enough, though. According to Straight North, your calls-to-action should be executed both “skillfully and persuasively”.

    The trick is to have effective Calls-to-Actions plus a good combination of smart consistent placement, offers that give off substance, time-sensitive offers (giving them offers for a set, limited time will give them a sense of urgency), and most importantly, guaranteed offers.

    You want your site to trust you. “Take away all arguments for delay, and conversions will increase”, Straight North says.

    How PBS Can Help:

    PBS’ Call-to-Action Button – as well as other elements such as the Countdown and Page Heading element – can help ease your burden regarding this task.

    Executing them correctly is up to you and your team though, so make sure to give time to research about CTA placements and other marketing tips.

    Iată câteva resurse care te pot ajuta să-ți îmbunătățești strategia de CTA:

    TIP #7: User-Friendly Forms

    O persoană care își trimite informațiile către tine printr-un formular de pe site-ul tău este, în cele din urmă, ceea ce măsoară o conversie de lead de succes.

    This is why placing user-friendly contact forms on your site is of the utmost importance. They’re the ultimate “make-or-break stage of a great conversion opportunity”, says Straight North.

    A couple of PBS’ third-party plugins available for shortcode mapping

    So don’t intimidate your site visitors by overwhelming them with too many question forms, or have them exhaust too much energy, like having them type long sentences instead of choosing their answers from a drop-down list.

    Letting them know that you value their privacy is also a must. Be sure to place clean, good-looking forms on your site so as to boost credibility.

    How PBS Can Help:

    With PBS’ Shortcode Mapper feature, you can place awesome, reputable contact forms like Advanced Custom Fields (ACF) and Contact Form 7 on your site.

    TIP #8: Prominently Displayed Phone Numbers (or Contact Details)

    Contact number and social media buttons displayed prominently in PBS’ Restaurant Template

    Afișarea constantă și vizibilă a numerelor de telefon este o necesitate dacă ești o afacere care oferă asistență prin apeluri telefonice. Cei de la Straight North adaugă că investiția în numere gratuite poate oferi, de asemenea, un impuls bun conversiei.

    Dacă ești o companie de tehnologie ca a noastră, atunci este, de asemenea, o idee bună să afișezi adresa de e-mail (sau alte modalități prin care vizitatorii te pot contacta) pe site-ul tău web.

    How PBS Can Help:

    PBS’ Full Page Niche-Based Templates have fields that let you feature phone numbers and other contact information more prominently, so that your visitors can reach you right away.

    TIP #9: Continuous Testing

    Straight North attests to the importance of site maintenance and testing: “No matter how good your website is in converting leads, it can always be better.”

    Acest lucru este valabil pentru orice site web, nu doar pentru unul care încearcă să convertească lead-uri. Asigurându-te că site-ul tău este într-o formă impecabilă și că utilizatorii tăi sunt întotdeauna mulțumiți, îți vei ajuta afacerea să ajungă departe.

    How PBS Can Help:

    This one is up to you, but if you’d like a tip: the PBS Team continuously tests the site and page builder for any bugs, and always work to make sure you guys are satisfied. We don’t exactly have a feature for making sure you do regular tests on your site, so this one’s entirely up to you and your team. Do it, and do it well!

    TIP #10: Mobile-Friendly Design

    Almost everyone has a cellphone or tablet; but while only 23 percent of lead conversion rates come from mobile devices, it absolutely will not do to ignore any sort of potential conversions, no matter the percentage (leads are still leads, after all).

    “Users converting from desktop view may have seen the site initially on a mobile device,” Straight North says. “Mobile conversions are (also) likely to grow as mobile Internet access continues to soar at the expense of desktops.”

    You can preview your site on mobile view directly on desktop

    How PBS Can Help:

    Page Builder Sandwich is Mobile Responsive. You can view PBS-built sites on mobile, as well as check previews of your mobile site directly through desktop while editing. This way, you won’t have to keep switching to your phone in order to check if your site looks good on mobile.

    Everything Matters in Site-Building

    At the root of it all, it’s very, very important to understand that everything on your website – down to the smallest of details – has an impact on your audience.

    The quality of your copy, images, your layout – all of it matters, and it matters a lot.

    Și una dintre cele mai mari greșeli pe care oamenii le fac atunci când încearcă să genereze lead-uri este chiar aceasta: considerarea aspectelor mărunte care compun site-ul (cum ar fi designul, textul și alt conținut) ca fiind de la sine înțelese.

    Hopefully your website garners the success it very well deserves; it’s been built with PBS, after all. ?

    Mult succes ție și tuturor demersurilor tale și îți mulțumim, ca întotdeauna, că folosești Page Builder Sandwich!

    Spor la construit site-uri!

  • Măsuri de siguranță în WordPress: Importanța backup-urilor

    safety-measures-in-wordpress-the-importance-of-backupsImaginează-ți asta: primul tău site WordPress, în sfârșit funcțional și gata de drum. Nu te-ai mai simțit atât de împlinit de luni de zile. Îți oferi o bătaie binemeritată pe umăr, la fel și cei care te-au ajutat să culegi roadele muncii tale. Instalezi pluginurile de care ai nevoie și începi să plănuiești mai departe viitorul site-ului tău. Pare strălucit și totul merge de minune.

    Până când se întâmplă de neconceputul. Iar site-ul tău pică.

    Dai din umeri. Ai mai auzit că se întâmplă așa ceva, chiar și celor mai buni. Ei bine, ești sigur că lui Mark Zuckerberg și David Karp li s-a întâmplat așa ceva înainte, iar amândoi o duc foarte bine acum, nu-i așa?

    Așa că încerci să-l repui în funcțiune, căutând frenetic soluții pe Google. Nu funcționează din prima încercare. Nu funcționează nici la a doua – nici la a treia, a patra, a șaptesprezecea sau chiar a douăzeci și doua. Ochii ți se măresc când realizezi că ești complet și iremediabil pierdut; site-ul tău a dispărut pentru totdeauna. Cauți pe internet o soluție, dar aproape toate site-urile cu ghiduri spun același lucru:

    Ar fi trebuit să faci o copie de rezervă a fișierelor tale WordPress încă de la început.

    Ar fi trebuit să faci o copie de rezervă a fișierelor tale WordPress încă de la început.

    Ar fi trebuit să faci o copie de rezervă a fișierelor tale WordPress încă de la început.

    Unul dintre cele mai mari coșmaruri ale unui proprietar de site, în cel mai bun caz. Acesta este exact genul de lucru pe care vrem să-l evităm, așadar cum îl prevenim mai exact? Ei bine, răspunsul este destul de simplu: trebuie să instalăm un plugin bun de backup.

    "a very "secure" bridge" by Garrett LeSage is licensed under CC BY-SA
    „a very „secure” bridge” de Garrett LeSage este licențiat sub CC BY-SA

    Cum și de unde să începi?

    Primul pas în crearea unei copii de rezervă a site-ului tău WordPress este să știi exact ce anume trebuie salvat. WPBeginner, în articolul lor „Which WordPress Files Should You Backup? And the Right Way To Do It”, listează următoarele fișiere esențiale care trebuie salvate pentru această sarcină:

    • Fișierele de bază WordPress
    • Fișierele din dosarul wp-content (tema ta, pluginurile și încărcările)
    • Fișierul de configurare WordPress
    • Baza ta de date WordPress

    Copiile de rezervă explicate puțin mai detaliat

    WordPress singur nu vine cu propriile sisteme de securitate și backup pentru site-ul tău (ai putea învăța cum să le configurezi manual, totuși – deși asta va dura mult timp), așa că depinde de tine să găsești o modalitate de a reduce complicațiile. Actualizarea site-ului este întotdeauna de la sine înțeleasă (în cazul în care vrei să adaugi ceva nou pe el, cum ar fi un alt plugin, sau dacă vrei să elimini ceva), iar copiile de rezervă sunt obligatorii, cu excepția cazului în care vrei să pierzi date (nu vrei). Alte motive pentru a face backup site-ului tău și pentru a întări securitatea includ asigurarea că este ferit de hackeri și că nimeni nu ajunge să fure datele site-ului tău.

    „Există un plugin și pentru asta.”

    WordPress are o mulțime de pluginuri pentru tot felul de funcționalități, inclusiv (da, ai ghicit) câteva pentru măsuri de securitate și backup. Există o mulțime de astfel de pluginuri din care poți alege; câteva dintre cele mai populare includ BackupBuddy și UpDraftPlus. Există recenzii pentru aceste pluginuri (și nu numai) aproape peste tot, așa că nu-ți face griji – magia internetului te susține. Personal, noi folosim VaultPress, atât pentru securitate, cât și pentru backup, din următoarele motive:

    1. VaultPress a fost creat de Automattic – fondată de Matt Mullenweg– aceeași persoană care a fondat WordPress însuși. Multe, dacă nu majoritatea produselor și serviciilor Automattic sunt extrem de fiabile și nu este niciodată o idee rea să te abonezi la pluginuri care au fost deja testate și verificate.
    2. Spre deosebire de majoritatea pluginurilor de backup, VaultPress nu necesită spațiu de stocare. Ei îți stochează datele pe propriile servere, astfel încât nu vei primi notificări de tipul „ocupi prea mult spațiu pe server” de la gazda ta web.
    3. Simplitate. Pentru a-l folosi, trebuie doar să te conectezi la interfața ta de utilizator și poți vizualiza toate detaliile despre backup și efectua operațiuni de acolo.

    Acum, pentru că VaultPress corespunde standardelor noastre personale, funcționează perfect pentru noi. Totuși, dacă nu ești mulțumit de VaultPress, multe site-uri – cum ar fi WPBeginner și wpmudev – oferă articole comparative obișnuite în cazul în care ai dificultăți în a te decide.

    Totul depinde de tine

    La sfârșitul zilei, decizia de a securiza sau nu și de a face sau nu backup site-ului tău îți aparține. Unii oameni sunt încrezători că vor putea face față riscurilor pe care le prezintă un site nesecurizat… iar unii nu sunt – și este în regulă. La urma urmei, e mai bine să fii precaut decât să-ți pară rău.

    Indiferent de decizia pe care o iei, amintește-ți întotdeauna să-ți cântărești opțiunile. În definitiv, numai tu poți evalua ceea ce ești capabil să gestionezi.

    Mult succes!

  • Unde lucrurile devin puțin tehnice: Cum am creat propria noastră versiune de mapare a shortcode-urilor

    How-We-Made-Our-Version-Of-Shortcode-Mapping-Happen-2În articolul anterior, am discutat despre elementele de bază ale mapării de shortcode-uri și despre modul în care puteți beneficia de avantajele acesteia. Am decis să împărțim articolul dedicat versiunii Page Builder Sandwich de mapare a shortcode-urilor, deoarece textul următor ar putea deveni puțin mai tehnic.

    Mai jos găsiți descrieri mai detaliate ale funcționării interne a funcționalității noastre de mapare a shortcode-urilor și modul în care am făcut-o să funcționeze.

    Un proces automatizat

    Pentru a decide ce pluginuri să includem în mapperul de shortcode-uri, am creat un script automatizat care adună cele mai bune pluginuri din directorul de pluginuri WordPress pe baza următoarelor criterii:

    • Dintre cele 1.000 de pluginuri populare, cel mai bine cotate și actualizate, cu cel puțin 4.000 de instalări active,
    • Cu cel puțin 4.000 de instalări active,
    • Cu cel puțin 20 de recenzii; și
    • Cu o evaluare medie de cel puțin 3 stele

    Rulăm această interogare zilnic în directorul de pluginuri WordPress. Aceste filtre ne asigură că obținem o listă de pluginuri de bună calitate, utilizate de mulți oameni. În momentul redactării acestui text, aceste criterii au rezultat în 800 de pluginuri. Înseamnă foarte mult. Chiar foarte mult.

    Some of the most popular plugins detected for shortcode mapping.
    Câteva dintre cele mai populare pluginuri detectate pentru maparea shortcode-urilor.

    Executăm apoi o serie de verificări automate asupra codului sursă al fiecărui plugin pentru a afla dacă acesta conține shortcode-uri, iar apoi încercăm să găsim toate aceste shortcode-uri, inclusiv toate atributele lor. Prelucrând datele, au rezultat peste 2.000 de shortcode-uri. O realizare dublă. Shortcode-urile detectate sunt apoi introduse în baza de date de mapare a shortcode-urilor pentru inspectare manuală.

    La finalul acestui proces, obținem o listă uriașă de pluginuri și posibilele lor shortcode-uri. Acum este doar o chestiune de curățare a acestor date pentru a ne asigura că totul este corect.

    Un proces manual

    Aceasta este probabil cea mai dificilă parte a întregului sistem de mapare. Codul pluginurilor vine în diferite forme și dimensiuni, iar nu toate shortcode-urile sunt detectate automat de scripturile noastre. Chiar dacă WordPress Codex recomandă utilizarea funcției `shortcode_atts` pentru filtrarea atributelor unui shortcode, aceasta este doar o recomandare și nu toată lumea o urmează. De asemenea, nu există o modalitate infailibilă de a verifica interiorul unui shortcode atunci când un plugin este instalat.

    Pentru a ne asigura că identificăm corect toate shortcode-urile și atributele acestora, am creat o zonă de interfață (front-end) dedicată editării shortcode-urilor și a atributelor, dezvoltată folosind AngularJS și Bootstrap.

    Bootstrap & AngularJS interface for fixing up all the mapped shortcodes.
    Interfață Bootstrap & AngularJS pentru corectarea tuturor shortcode-urilor mapate.

    Trebuie să parcurgem manual fiecare plugin în parte, să îi verificăm documentația referitoare la shortcode-uri și să ne asigurăm că toate datele pe care le avem sunt corecte.

    Deși este o muncă extrem de migăloasă, există și părți bune în a avea un proces automatizat:

    • Conform statisticilor noastre inițiale, doar aproximativ 1 din fiecare 2 pluginuri conține shortcode-uri.
    • Jumătate dintre shortcode-urile detectate nu au atribute (dar o parte din acestea pot fi rezultate fals-pozitive)
    • Selectând doar pluginuri de bună calitate, este foarte probabil ca acestea să aibă documentație pentru shortcode-uri

    Abia după ce toate shortcode-urile unui plugin au fost verificate, serverul va începe să distribuie utilizatorilor mapările de shortcode-uri ale acelui plugin.

    Un apel REST API

    Ultima piesă a puzzle-ului este pluginul în sine. Conceptul de aici este simplu: identifică ce pluginuri sunt active, ce temă folosește site-ul și ce shortcode-uri sunt disponibile, apoi întreabă baza de date de mapare a shortcode-urilor dacă are mapări corespunzătoare. Pentru aceasta am creat un endpoint WP REST API personalizat, pe care toți clienții îl interoghează pentru a obține cele mai recente mapări de shortcode-uri.

    Viitorul: Crowdsourcing

    Verificarea manuală a fiecărui plugin necesită mult timp și efort. Odată ce platforma de mapare a shortcode-urilor este stabilă, plănuim să deschidem maparea pentru toată lumea. Aceasta înseamnă că oricine va putea da o mână de ajutor la adăugarea de shortcode-uri.

    S-ar putea să vă întrebați: „de ce aș ajuta la maparea shortcode-urilor? Ce câștig eu din asta?” Ei bine, ne vin în minte câteva motive pentru care oamenii ar dori să ajute:

    1. Dacă ați creat un plugin și noi nu l-am preluat încă din cauza criteriilor de mai sus (și se află în directorul de pluginuri WordPress), atunci puteți adăuga mapările chiar dumneavoastră. Pluginul dumneavoastră va deveni complet compatibil cu PBS!
    2. Deoarece în procesul automatizat ne vom ocupa doar de cele din directorul de pluginuri WordPress, autorii de pluginuri și teme premium nu vor fi incluși. Așadar, dacă dețineți unul, puteți adăuga, de asemenea, mapările de shortcode-uri pentru acestea.
    3. Iar pentru cei care nu sunt creatori de pluginuri, îi putem recompensa pe cei care ajută. Pentru a face din maparea shortcode-urilor o activitate atractivă, îi putem recompensa pe cei dornici să ajute cu o licență personală sau cu un upgrade la o licență premium a PBS!

    Abonați-vă la newsletterul nostru

    Funcționalitatea de mapare a shortcode-urilor va fi disponibilă pentru clienții noștri, estimativ, pe data de 12 august  15 august  16 august 2016. Nu toate shortcode-urile vor fi mapate până atunci (estimarea noastră este de aproximativ 100 de pluginuri), dar maparea se va face continuu, iar clienții le vor primi de îndată ce vor fi lansate unele noi.

    Abonați-vă la newsletterul nostru pentru a primi noutăți despre maparea shortcode-urilor, când o vom lansa și când vom deschide maparea shortcode-urilor pentru public!

  • ACTUALIZARE PBS: Versiunea 4.1 și uzabilitatea

    După lansarea Versiunii 4.0 în ianuarie trecut, am continuat să lucrăm la dezvoltarea PBS, adăugând atât remedieri, cât și îmbunătățiri. Suntem încântați să le împărtășim cu voi, așa că iată ce avem pregătit pentru actualizarea la Versiunea 4.1.

    Îmbunătățiri ale barei de formatare

    Cea mai recentă actualizare 4.1 se concentrează pe bara de formatare a textului. Pe lângă rezolvarea multor erori, am adus și câteva îmbunătățiri barei, care ar trebui să vă facă experiența cu PBS mai fluidă și mai eficientă.

    Actualizări ale selectorului de culori

    În versiunile anterioare ale PBS, selectorul de culori avea unele probleme care reprezentau oarecum un inconvenient pentru procesul de editare, mai ales când venea vorba de editarea textului și a culorii textului. Pentru v4.1, însă, am rezolvat această problemă și am făcut noi ajustări pentru o editare a textului fără bătăi de cap.

    • Mai multe mostre de culori pentru o selectare mai ușoară a culorii
    • Selectorul de culori afișează acum transparența
    • Remedieri de erori legate de editarea culorii textului

    Actualizări ale formatării textului

    Anterior, aveam câteva butoane pe care trebuia să faceți clic în mod repetat pentru a mări o valoare, apoi să țineți apăsat CTRL/CMD și să faceți clic pentru a o micșora. Inițial am crezut că acest lucru era intuitiv, dar utilizatorii ne-au transmis că nu era deloc evident. Am remediat aceste neconcordanțe în această actualizare.

    • Înălțimea liniei este acum mai ușor de accesat: trageți glisorul pentru a regla la dimensiunea dorită sau pur și simplu introduceți dimensiunea dorită în spațiul prevăzut
    • Butonul pentru dimensiunea fontului a fost împărțit în două butoane: micșorare și mărire pentru o utilizare mai ușoară
    • Mărirea/micșorarea dimensiunii fontului este, de asemenea, mai accesibilă, acum cu px ca unitate de măsură pentru o editare mai facilă. Anterior, afișa o unitate „x” care nu însemna mare lucru
    • Butoanele de aliniere stânga/centru/dreapta/justified sunt acum grupate pentru a reduce numărul de butoane afișate
    • Butonul „Șterge formatarea” elimină acum și celelalte stiluri (cum ar fi înălțimea liniei), lucru pe care nu îl făcea înainte

    Îmbunătățiri ale liniei orizontale

    Anterior, linia orizontală crea unele probleme. La unele teme, liniile orizontale erau atât de mici încât era greu să dai clic pe ele. Pentru a remedia acest lucru, am eliminat linia orizontală din bara de formatare și am transformat-o într-un element de sine stătător. În plus, acum puteți schimba și culorile liniei prin intermediul selectorului de culori.

    Actualizări viitoare: Ce urmează pentru PBS?

    Așa cum am spus, avem în continuare lucruri noi (și mai multe actualizări) în pregătire. Iată o mică avanpremieră a ceea ce vă rezervăm pentru viitor:

    • Google Fonts (în sfârșit!)
    • Ne jucăm cu ideea ca bara de formatare a textului să fie mai mult decât un loc în care se formatează doar textul. Ce-ar fi dacă butoanele s-ar schimba în funcție de contextul actual? De exemplu, ar fi foarte util dacă ar apărea un buton de aliniere verticală atunci când editați un text într-o coloană.

    Ce ați dori să vedeți în viitoarele actualizări PBS?

    Suntem întotdeauna deschiși să îmbunătățim PBS, așa că dacă aveți sugestii, contactați-ne! Aveți solicitări de funcționalități pe care ați dori să le adăugați pe lista noastră în continuă creștere? Altceva ce credeți că ar putea necesita ajustări în versiunea actuală? Spuneți-ne în comentariile de mai jos!

    Spor la construit site-uri!

  • La mulți ani de 4 Iulie! 20% reducere la TOATE licențele până pe 6 iulie!

    Obține 20% REDUCERE la toate licențele Page Builder Sandwich din 4 iulie până la 6 iulie 2017! Doar introdu codul promoțional 4JULY2017 pentru a primi reducerea astăzi!