Blog

  • Problema nerostită a shortcode-urilor

    The-Unspoken-Problem-of-Shortcodes

    Shortcode-urile reprezintă unul dintre punctele culminante ale WordPress. Shortcode-urile sunt puntea de legătură dintre dezvoltatori și creatorii de site-uri, permițându-le oamenilor să plaseze elemente complexe de conținut aproape oriunde doresc. Creatorii de pluginuri adoră shortcode-urile, deoarece acest lucru oferă mai multă flexibilitate în ceea ce privește modul și locul în care utilizatorii își afișează conținutul.

    Dacă nu știți ce sunt shortcode-urile și cum arată, acestea sunt acele texte arhaice de tip cod, încadrate în paranteze drepte. Arată cam așa:

    Acesta în mod specific se numește shortcode-ul embed și este integrat în mod implicit în WordPress. Acesta încorporează videoclipul de la URL în conținutul dvs. Trebuie doar să copiați și să inserați shortcode-ul de mai sus pe site-ul dvs. dacă doriți să îl încercați.

    În culise, ceea ce se întâmplă este că atunci când WordPress întâlnește un shortcode în conținutul dvs., acesta este procesat și convertit în altceva. În cazul nostru de mai sus, ori de câte ori un

    shortcode este detectat, WordPress preia URL-ul din shortcode și îl verifică în raport cu o serie de furnizori de conținut pe care îi are. Când găsește unul, preia codul de încorporare iframe corespunzător și îl afișează pe acesta în loc.

    Deci care este problema aici? Pare destul de simplu: introduceți doar un text scurt între paranteze și gata.

    Intră în scenă Shortcode API…

    Shortcode-uri din belșug

    Shortcode API deschide crearea de shortcode-uri pentru dezvoltatori. Datorită acestui lucru, dezvoltatorii își pot adăuga propriile shortcode-uri în cadrul pluginurilor lor.

    Acest lucru este grozav, acum, cu doar un scurt fragment asemănător unui cod (de unde și numele de „shortcode”), atât începătorii, cât și utilizatorii avansați pot plasa practic orice tip de conținut doresc, oriunde.

    În mod implicit, WordPress are doar câteva shortcode-uri. Este ușor să le tastați din memorie deoarece sunt doar câteva. Dar dacă instalați câteva pluginuri, numărul de shortcode-uri crește rapid la o duzină sau mai multe, iar în unele cazuri la peste o sută. Fiecare shortcode are propriul set de atribute și instrucțiuni despre cum să fie utilizat. Fiecare plugin are, cel mai probabil, un fel de documentație despre cum funcționează toate shortcode-urile sale și listează toți parametrii disponibili pentru fiecare. Dar ați fi nebun dacă ați încerca să memorați toate shortcode-urile și atributele lor.

    Problema este că nu există o zonă centralizată în care să puteți găsi toate shortcode-urile disponibile pe site-ul dvs. și modul în care să le utilizați.

    Unii încearcă să rezolve problema

    Unele pluginuri încearcă să rezolve această problemă prezentând toate shortcode-urile proprii într-un meniu derulant ușor de accesat. Apoi, făcând clic pe unul, se va afișa shortcode-ul, completat cu toate atributele posibile pentru acesta. Nu mai este nevoie să îl memorați, ceea ce este un lucru bun.

    Screen-Shot-2016-06-22-at-11.27.09-AM

    Unele merg mai departe și adaugă un formular pop-up de setări care are casete de selectare și selectoare de culori pentru a completa atributele shortcode-ului.

    Screen-Shot-2016-06-22-at-11.28.54-AM

    Această soluție funcționează într-o oarecare măsură. Totuși, fiecare plugin își enumeră doar propriile shortcode-uri. Așadar, dacă fiecare plugin își creează propria formă de selector de shortcode-uri, este inevitabil să ajungeți în situații în care aveți mai multe selectoare de shortcode-uri pe ecran (mi s-a întâmplat și mie asta).

    Screen-Shot-2016-06-22-at-11.22.41-AM

    Cu alte cuvinte, fiecare plugin își face de cap și își implementează propria soluție pentru propriile shortcode-uri. Unele pluginuri adaugă fie un buton nou lângă butonul „Add Media”, fie unul nou în TinyMCE.

    Așadar, acum s-ar putea să vă gândiți: „De ce să nu adunăm și shortcode-urile altor pluginuri și să le includem și pe acelea în meniul derulant / selectorul de shortcode-uri?”. Ei bine, exact asta am crezut și eu. Dar este mai ușor de spus decât de făcut. Voi explica de ce în curând, dar mai întâi haideți să vedem cum ar arăta o soluție ideală.

    Soluția ideală

    Planul perfect ar fi să se creeze un plugin care să adune toate shortcode-urile disponibile pe site-ul dvs., apoi să vă prezinte lista și, de asemenea, să vă ajute să completați toate atributele. Și de fiecare dată când instalați un plugin nou, toate acele shortcode-uri nou introduse să vă fie prezentate și ele.

    Imaginați-vă un loc central în care toate shortcode-urile dvs. ar fi plasate pentru un acces facil. Fiecare shortcode ar descrie ce face și cărui plugin îi aparține. Apoi, pentru fiecare atribut disponibil, imaginați-vă că fiecare dintre acestea ar avea o etichetă, o modalitate adecvată de a alege o valoare pentru el și o descriere. Vi se vor afișa meniuri derulante, selectoare de culori, butoane radio, comutatoare și multe altele.

    Ceva de genul acesta ne-ar face viața mai ușoară ca și creatori de site-uri și de conținut. Fără a mai verifica diferite documentații sau diferite secțiuni din panoul de administrare doar pentru a copia un shortcode generat pentru un slider pe care doriți să îl utilizați.

    Neajunsul

    Din păcate, este destul de dificil să facem așa ceva acum. Nu există o modalitate sigură de a cunoaște toate detaliile unui shortcode. Puteți obține o listă cu toate shortcode-urile, dar numai etichetele/numele lor reale, nu puteți obține detalii suplimentare despre ele, cum ar fi o listă de atribute, ce fac acestea și tipurile lor – cum ar fi un șir de caractere, o culoare sau un număr. Și nici nu puteți obține măcar o urmă de descriere pentru fiecare atribut.

    Notă pentru dezvoltatori: da, există un al treilea argument adăugat recent pentru funcția shortcode_atts, dar nu este un argument obligatoriu. Așadar, cu excepția cazului în care fiecare dezvoltator de pluginuri din lume îl implementează, tot nu vom avea o modalitate sigură de a determina toate atributele unui shortcode.

    Shortcode API nu oferă nicio facilitate pentru adăugarea de descrieri ale shortcode-urilor, conversia de tip a atributelor sau descrieri ale atributelor. Și dacă WordPress însuși nu adaugă o zonă centrală pentru accesarea shortcode-urilor, mă îndoiesc că această facilitate va fi creată.

    Concluzie

    În acest moment, sarcina de a organiza shortcode-urile este lăsată la latitudinea fiecărui dezvoltator. Dacă nu este dezvoltată o metodă centralizată în WordPress, așteptați-vă să vedeți în continuare mai multe butoane „Add Shortcode” în panoul dvs. de administrare. Dacă un astfel de lucru ar trebui sau nu să fie adăugat în WordPress Core este o altă discuție amplă în sine.

    O alternativă

    Există pluginuri de tip page builder care abordează acest lucru diferit. În loc să detecteze shortcode-urile în mod programatic, acestea au mapatoare de shortcode-uri în care utilizatorii pot introduce manual fiecare detaliu al unui shortcode. Odată finalizat, acesta devine apoi disponibil în cadrul page builder-ului. Deși  acest lucru funcționează, acestea sunt disponibile doar pe propriul dvs. site.

    Noi, cei de la Page Builder Sandwich, creăm ceva care sperăm că va putea rezolva această dilemă a shortcode-urilor. Abonați-vă la newsletterul nostru de mai jos pentru a fi notificat cu privire la progresul nostru.

  • Adăugarea de hărți elegante pe pagina ta este o experiență interactivă

    Adding-Stylish-Maps-to-your-Page-is-an-Interactive-Experience-2Acum puteți plasa hărți în designul paginilor dvs. folosind Page Builder Sandwich!

    Este un lucru ciudat să fii entuziasmat de hărți. Iei URL-ul Google Maps și îl încorporezi. Sau poate descarci un modul de hărți online și adaugi un shortcode. Sau poate că celălalt constructor de pagini al tău are deja unul și poți adăuga o hartă oricând dorești. Dar motivul pentru care suntem încântați este că am dus adăugarea hărților la un nivel cu totul nou.

    Iată o previzualizare:

    Vechiul mod plictisitor de a adăuga o hartă

    Iată cum adăugați o hartă cu un constructor tipic de pagini:

    1. Trageți un element nou de hartă,
    2. Introduceți latitudinea și longitudinea în câmpuri,
    3. Introduceți alte valori în câmpuri, cum ar fi înălțimea hărții, lățimea hărții, bifați caseta pentru stilul de drum etc.,
    4. Apăsați pe previzualizare și verificați cum arată, apoi decideți că trebuie să schimbați ceva pentru a o face să arate mai bine,
    5. Vă întoarceți la constructorul de pagini și modificați valorile, apoi repetați pasul 4 de mai sus.

    Modul Page Builder Sandwich de a adăuga o hartă

    Hărțile de pe site-urile web sunt interactive – puteți naviga, mări și micșora harta. Așa că ne-am gândit: de ce să nu eliminăm toate presupunerile și să le permitem utilizatorilor să interacționeze direct cu harta în timp ce își construiesc pagina?

    Iată cum adăugați o hartă cu Page Builder Sandwich:

    1. Adăugați un element de hartă,
    2. Introduceți latitudinea și longitudinea sau adresa pe care doriți să fie centrată harta,
    3. Deplasați harta și măriți sau micșorați pentru a obține aspectul dorit,
    4. Adăugați culori atrăgătoare hărților dvs. pentru a se potrivi stilului dvs.,
    5. Apăsați pe salvare.

    Modul nostru este mult mai distractiv și mai intuitiv. Practic, interacționați cu harta exact așa cum ați face-o cu o hartă Google normală.

    Hărți colorate sau stilizate cu SnazzyMaps

    O funcție extraordinară pe care am inclus-o este posibilitatea de a nuanța și colora hărțile, iar acest lucru este extrem de ușor de realizat. (Aceasta este disponibilă doar pentru versiunea premium). Dacă doriți să colorați harta, faceți clic pe selectorul nostru de culori și alegeți o nuanță, iar harta se va schimba imediat.

    Iată una pe care am nuanțat-o în roz:

    Page Builder Sandwich acceptă, de asemenea, scheme de culori mai elaborate prin intermediul SnazzyMaps. Aceștia oferă o listă uriașă de scheme de culori create de utilizatori și vă permit să vă creați propriile scheme dacă doriți mai mult control asupra culorilor.

    Trebuie doar să găsiți schema de culori care vă place, apoi să copiați codul și să îl lipiți în Page Builder Sandwich. Schema de culori va fi aplicată imediat hărții dvs.

    Iată o schemă de culori interesantă numită papuportal dark de la SnazzyMaps:

    Puneți hărți oriunde doriți

    Există mult mai multe lucruri interesante pe care le puteți face cu hărțile – cum ar fi să le adăugați pe rânduri pe toată lățimea pentru un efect mai spectaculos. De asemenea, le puteți adăuga în interiorul unui carusel dacă doriți, sau în file (o funcție viitoare).

    Dacă nu aveți încă Page Builder Sandwich, puteți încerca versiunea premium făcând clic pe linkul „Live Demo” de mai sus.

  • Ce sunt, de fapt, shortcode-urile?

    What-Are-Shortcodes-AnywayDacă ai observat, una dintre regulile de bază ale WordPress este să facă întotdeauna, dar întotdeauna, lucrurile puțin mai ușoare pentru toată lumea – de la începători la dezvoltatori experimentați deopotrivă. Una dintre modalitățile prin care reușesc să atingă acest obiectiv este prin utilizarea de shortcode-uri.

    Pagina de asistență WordPress.com le definește astfel:

    shtSună destul de simplu. Acum, dacă nu ai auzit de shortcode-uri înainte de acest articol și nu știi cum arată, ele sunt acele texte arhaice asemănătoare codului, încadrate între paranteze drepte.

    În comparație cu codul obișnuit, care de regulă arată așa:

    HTML5-video-tag-sample-code
    (Erm. Ce?)

    Shortcode-urile, în general, arată cam așa:

    embed_shortcode
    (Floare la ureche.)

    …iar dacă ești dezvoltator (sau, la naiba, chiar și cineva care a stat în fața unui calculator măcar de două ori), probabil vei fi de acord că simplul act de a tasta și de a da clic pentru a rezolva o sarcină măruntă îți poate mânca o grămadă de timp. Din același motiv pentru care avem scurtături de tastatură, shortcode-urile există pentru a ne face lucrurile mai ușoare tuturor, astfel încât să economisim timp pentru a face și a crea lucruri mai bune; seamănă foarte mult cu tastele de scurtătură prin faptul că au exact același scop.

    Acum să ne întoarcem la acest shortcode specific, identic cu cel de mai sus:

    embed-shortcode Acesta în mod specific se numește embed shortcode și este integrat în mod implicit în WordPress. El încorporează videoclipul de la URL în conținutul tău. Dacă ești pe WordPress chiar acum, poți copia și lipi shortcode-ul de mai sus pe site-ul tău dacă vrei să-l testezi.

    Totuși, shortcode-urile nu sunt soluția perfectă pentru economisirea timpului. În articolul nostru anterior, analizăm mai în detaliu de ce shortcode-urile au propriile dezavantaje și ce pregătește echipa Sandwich pentru a le remedia.

    Deocamdată însă, nu ezita să experimentezi cu shortcode-uri și să vezi ce pot face pentru tine.

    Spor la construit site-uri!

  • WordPress.com VS WordPress.org

    Wordpress-Com-VS-Wordpress-OrgDacă ești relativ nou în crearea de site-uri web, sunt șanse mari să nu fii familiarizat cu marea dezbatere WordPress.com vs WordPress.org. S-ar putea nici măcar să nu fi știut că una sau cealaltă există și care sunt diferitele avantaje și dezavantaje ale fiecăreia. Așadar, ce este, mă rog frumos, această mare dezbatere între utilizarea WordPress.com și WordPress.org? Este cealaltă doar o copie ieftină care așteaptă să fie dată în judecată?

    Ei bine, nu.

    Dezbaterea, pe scurt, este despre care dintre aceste două servicii WordPress se potrivește mai bine pentru site-ul web pe care încerci să-l construiești. Niciuna nu este o copie a celeilalte și ambele site-uri sunt deținute de WordPress; doar că una (.com) este o versiune mai accesibilă pentru cei care nu sunt dezvoltatori decât cealaltă, iar .org are mult mai puține limitări când vine vorba de construirea site-ului, în comparație cu .com.

    „Și totuși, cum știu de care am nevoie?”

    Răspunsul la această întrebare depinde în totalitate de nevoile viitorului tău site web. Nu există o singură entitate WordPress care să fie în mod obiectiv versiunea „mai bună” sau chiar „cea mai bună” de utilizat. Cele două au propriile caracteristici unice și o cantitate egală de avantaje și dezavantaje.

    WordPress.com: De ce și când ar trebui să îl folosesc?

    WordPress.com se ocupă de elementele esențiale de bază pentru tine, ceea ce îți permite să te concentrezi mai mult pe conținutul site-ului tău. Este un constructor de site-uri care este complet administrat și găzduit de o companie numită Automattic. Primești găzduire premium, copii de rezervă, securitate și altele similare. Acest lucru înseamnă că te poți concentra mult mai ușor pe conținutul site-ului tău, comparativ cu situația în care ar trebui să petreci ore în șir construindu-l de la zero.

    Reține însă că WordPress.com vine și cu propriile limitări. Deși s-ar putea să nu fie nevoie să îți faci la fel de multe griji cu privire la întreținerea funcționării interne a site-ului tău, trebuie să ții cont că probabil nu vei avea atâta libertate pe cât ți-ai dori. Deși personalizarea interfeței site-ului tău s-ar putea să nu fie o problemă (WordPress.com vine cu o mulțime de teme, de exemplu), adăugarea anumitor funcționalități și elemente sub formă de pluginuri poate deveni o problemă, mai ales dacă site-ul tău are nevoie de funcții specifice care nu sunt disponibile pe WordPress.com.

    Modul în care se întreține un site web este o poveste complet diferită. Depinde foarte mult de faptul că 1.) nu ești un dezvoltator WordPress, 2.) nu ai nicio intenție să înveți să programezi sau 3.) ai puțin timp sau deloc pentru asta.

    WordPress.org: Când este momentul să îl iei în considerare?

    O regulă generală când vine vorba de luarea în considerare a WordPress.org este atunci când ești cel puțin puțin familiarizat cu funcționarea codului sau ești dispus să investești ceva timp pentru a învăța cum să faci asta. Deoarece WordPress.org este o versiune găzduită pe cont propriu (self-hosted) a WordPress, poți să te implici tehnic oricât de mult dorești. În plus, ai libertatea de a meșteri la el oricât de mult sau de puțin dorești. Vei fi responsabil de găsirea propriei găzduiri, de configurarea propriilor copii de rezervă de securitate și, per total, de întreținerea site-ului web pe cont propriu – și, mai important, în propriile tale condiții.

    „Dar stai, de ce aș vrea asta? Nu este scopul WordPress să facă mai ușoară construirea de site-uri?”

    …Nu chiar. Gândește-te în felul următor: The Daily Post face o analogie excelentă între WordPress.org și WordPress.com, într-un mod în care chiar și cel mai începător dintre începători (ca mine) înțelege esențialul imediat.

    Potrivit acestora, trebuie să te gândești la WordPress.com ca la ceva asupra căruia nu ai proprietate deplină. Gândește-te, de exemplu, la tine la 15 ani, locuind încă cu părinții. Dacă voiai să-ți vopsești dormitorul, trebuia să ceri mai întâi permisiunea părinților (care, desigur, dețin în totalitate casa, inclusiv camera ta). Din punct de vedere tehnic, camera este a ta, dar la sfârșitul zilei, ei bine… parcă nu este.

    Așa că, dacă trebuie sau vrei să faci schimbări drastice (cum ar fi vopsirea pereților sau extinderea camerei), tot trebuie să discuți și/sau să ajungi la un compromis cu adevărații proprietari ai casei, alias mama și tata. Un avantaj este însă că, atunci când se arde siguranța din subsol sau aerul condiționat nu mai funcționează, părinții tăi se ocupă de asta și tu nu trebuie să-ți faci griji pentru nimic.

    WordPress.org, pe de altă parte, este ceva ce poți personaliza și modifica liber, după propriul plac. Acest lucru poate fi comparat cu momentul în care te muți în sfârșit la 18 ani și îți iei propriul apartament. Deoarece deții în totalitate locuința, nu trebuie să faci compromisuri cu nimeni pentru a-ți vopsi pereții în acea culoare de care mama ta s-a temut dintotdeauna; ai libertatea de a lua decizia și/sau de a angaja pe cineva care corespunde standardelor tale pentru a face asta în locul tău. În plus, ai și libertatea de a alege exact ce aparat de aer condiționat vrei pentru camera ta de zi. Doar că, dacă se întâmplă să se strice, va trebui să angajezi un tehnician să-l repare sau să-ți dai seama ce este în neregulă și cum să-l repari singur (ceea ce nu e chiar atât de rău, pentru că, hei, ai învățat o lecție, iar învățarea este bună).

    Până acum, sperăm că ți-ai format o imagine mai clară despre care sunt diferențele majore dintre WordPress.com și WordPress.org. Dar, pe scurt:

    instalezi oricât de mult sau de puțin dorești temele sunt limitate doar la temele WordPress, trebuie să plătești o anumită taxă pentru a scăpa de reclame.Ai control aproape total asupra site-ului tău; poți adăuga, personaliza sau chiar crea propriile teme.

    Controlul conținutului este limitat;

    WordPress.com WordPress.org
    Găzduit complet de WordPress; toate elementele esențiale sunt asigurate. Găzduire proprie (self-hosted); alege-ți propriile elemente esențiale sau alege unele mai bune.
    Funcționalitățile sunt limitate la ceea ce oferă WordPress.com Mii de funcționalități sub formă de pluginuri;

    Acestea sunt câteva dintre comparațiile care apar la evaluarea diferențelor dintre cele două. Alegerea dintre ele se rezumă în cele din urmă la nivelul de libertate pe care îl dorești în crearea site-ului tău și la câte resurse (timp, efort, bani etc.) ești dispus să aloci pentru acesta. Amintește-ți că acestea sunt două opțiuni foarte importante de cântărit înainte de a decide care platformă WordPress ți se potrivește cel mai bine. Așadar, nu te grăbi în luarea deciziei!

    Spor la construirea site-ului!

  • 5 motive pentru care spațiul alb contează

    Reasons-Why-Whitespace-MattersÎn esență, spațiul alb, în cea mai simplă definiție a sa, este spațiul din jurul și dintre toate elementele unei compoziții care este lăsat liber. Nu este doar o risipă de spațiu pe ecran, așa cum cred majoritatea proprietarilor de site-uri web. Când este utilizat corect, spațiul alb poate aduce beneficii reale pentru a promova mai bine un produs. Reprezintă un element-cheie pentru crearea unui design bun și îmbunătățește un site web din toate punctele de vedere.

    Deși numele de spațiu alb sugerează că spațiul este alb, acesta nu trebuie să fie întotdeauna literalmente alb. Spațiul alb poate avea, de fapt, orice culoare — poate avea chiar și un model subtil sau o textură. Este o zonă pe care nu doriți ca privirea să se concentreze. Alternativ, este numit spațiu negativ.

    Așadar, de ce contează spațiul alb?

    newsfeed
    Sursă imagine: News Feed

    Motivul #1: Îmbunătățește lizibilitatea

    Spațiul alb dintre liniile de bază și paragrafe îi ajută de fapt pe oameni să citească confortabil tot conținutul de pe site. Ajustarea micilor detalii ale site-ului dvs. (cum ar fi spațierea dintre rânduri/interliniajul sau spațierea dintre litere) poate face o diferență uriașă în facilitarea lecturii.

    Scopul este de a-i face pe oameni să dorească să continue să citească, prin crearea unor machete care sunt plăcute pentru ochi.

    hpmagicwords
    Sursă imagine: HP Magic Words

    Motivul #2: Accelerează interacțiunea

    Să fim sinceri: majoritatea vizitatorilor dvs. nu vor avea suficientă răbdare să caute temeinic atunci când navighează pe site-uri web. Când un site web pare aglomerat, îi distrage pe utilizatori de la găsirea a ceea ce caută.

    Spațiile albe ar trebui să ajute la ghidarea vizitatorului prin pagină. Mai puține elemente care concurează pentru atenție, plus utilizarea adecvată a spațiilor albe pot preveni distragerile care îi încetinesc pe vizitatori.

    google
    Sursă imagine: Google

    Motivul #3: Atrage atenția asupra elementelor potrivite

    Spațiul alb le poate oferi utilizatorilor indicii vizuale despre unde ar trebui să privească. Când sunt utilizate corect, spațiile albe ajută la evidențierea informațiilor și atrag atenția asupra unei anumite zone de pe site-ul dvs.

    Nu uitați, dacă totul iese în evidență, nimic nu iese în evidență.

    Sursă imagine: Pocket Penguins

    Motivul #4: Primele impresii contează

    Aspectul și atmosfera generală a unui site web sunt cheia principală pentru primele impresii bune. O primă impresie bună duce adesea la o durată mai lungă a vizitei. Prea puțin spațiu alb vă poate face site-ul să pară ieftin și nesigur. Vizitatorii nu vor considera că site-ul sau brandul este credibil dacă nu arată atrăgător. O cantitate optimă de spațiu alb ajută la crearea tonului potrivit pentru site-ul dvs. Spațiul alb poate fi o modalitate de a comunica ingeniozitate, prospețime și, uneori, eleganță.

    Sfat: Iată o idee despre cum să vă faceți designul web simplu și familiar.

    flockknitwear
    Sursă imagine: Flock Knitwear

    Motivul #5: Ajută la crearea spațiului de respirație și a echilibrului

    Un design echilibrat nu înseamnă neapărat simetric. Un element mare de design poate fi echilibrat de câteva mai mici. Adăugarea de spațiu alb este o modalitate excelentă de a echilibra elementele de design de dimensiuni diferite de pe pagina dvs. Creați un flux, astfel încât privirea utilizatorilor să nu alerge haotic peste tot. Un design bun ar trebui să poată ghida utilizatorul dintr-un punct în altul fără a deruta vizitatorul.

    Concluzie

    Data viitoare când vizitați un site web și vă treziți că zăboviți o vreme, gândiți-vă ce v-a determinat să rămâneți și să citiți. Credeți că spațierea dintre rânduri face un articol mai ușor de citit? Vă face experiența să doriți să reveniți pentru mai mult? A fost dificil să găsiți elementele de navigare?

    Luați aminte la aplicarea corectă a spațiului alb pe site-ul respectiv. Dacă credeți că poate funcționa și pe site-ul dvs., învățați să aplicați și să gestionați cât spațiu ar trebui să alocați elementelor dvs., până când simțiți că ați transmis tonul potrivit și lizibilitatea optimă, fără a sacrifica „fluiditatea” pe care o doriți pentru site-ul dvs.

    Obiectivul suprem al oricărui site web este comunicarea. Atractivitatea vizuală merge mână în mână cu succesul site-ului dvs.

  • De ce WordPress?

    Why-WordpressUn aspect important de luat în calcul când îți creezi primul site – fie că ești o afacere, freelancer sau oricine altcineva, la drept vorbind – este că nu toată lumea stăpânește limbajul codului și al dezvoltării software. Ai putea fi, de exemplu, un bucătar care vrea să-și publice rețetele online. Ai putea fi și student la Arte Plastice și ai nevoie de un portofoliu cu aspect profesional, ori un start-up care are nevoie de un site propriu. Indiferent despre ce e vorba, realitatea este că, deși unii dintre noi suntem familiarizați cu noțiunile de bază ale codului, nu suntem toți dezvoltatori cu normă întreagă și nu oricine are nevoie sau vrea un site știe să-l creeze de la zero. Aici intervine WordPress. Și astfel apare întrebarea: „De ce WordPress?”

    MOTIVUL #1

    WordPress este un sistem de gestionare a conținutului, ceea ce îl face extrem de ușor de folosit.

    Primul lucru pe care trebuie să-l știi este că WordPress este un sistem de gestionare a conținutului (sau CMS). Mai simplu spus, asta înseamnă că WordPress le permite utilizatorilor să creeze site-uri fără să scrie cod de la zero. Are o interfață sistematică și bine organizată, care îți dă posibilitatea să ții totul sub control fără să fie nevoie să meșterești la cod la fiecare pas.

    Spre deosebire de crearea unui site de la zero, care ar începe de obicei așa:

    screenshot-1 Cu un sistem de gestionare a conținutului, începi cu ceva de genul acesta:

    WordPress
    Interfața de administrare WordPress. Administrarea și crearea de site-uri devin mai ușoare cu un CMS.

    Totuși, te-ai putea întreba: „WordPress pare grozav, dar dacă nu are funcționalitățile pe care le vreau pentru site-ul meu?” sau „dacă vreau o hartă, un player audio, un motor de cache sau un sistem de securitate mai fiabil?”

    …Tehnic vorbind, WordPress are cel mai probabil funcționalitatea dorită, iar aceasta va veni sub forma unui modul WordPress.

    MOTIVUL #2

    Modulele: cireașa de pe tortul WordPress

    Dacă îți faci griji că WordPress nu include acea funcționalitate anume pe care ți-o dorești pe site, stai fără grijă: cel mai probabil o are.

    Modulele sunt funcționalități de extensie menite să sporească posibilitățile site-ului tău WordPress. Dacă ai o afacere și ai nevoie de un formular de contact pentru site-ul tău, e bine de știut că WordPress în sine nu are această funcționalitate inclusă, dar există o mulțime de module care o oferă. Și din moment ce WordPress este o platformă open-source — ceea ce înseamnă că practic oricine poate contribui la dezvoltarea sa — noi module sunt create constant. Poți avea formularul de contact dorit și multe altele. Ai libertatea de a adăuga alte module, de la butoane de partajare pe rețelele sociale până la hărți și chiar măsuri suplimentare de securitate pentru site, printre multe, multe alte funcționalități și extensii. Spune drept, nu sună grozav?

    În prezent, WordPress are mii de astfel de module — iar unele dintre ele sunt chiar gratuite și/sau au versiuni gratuite, inclusiv PBS.

    MOTIVUL #3

    Open source: comunitatea WordPress

    WordPress este open-source. Asta înseamnă că oricine este liber să contribuie la dezvoltarea sa și oricine poate să studieze codul sursă pentru a învăța mai multe despre dezvoltarea de software și chiar despre WordPress în sine. Există chiar și afaceri dedicate exclusiv creării și dezvoltării de produse legate de WordPress, cum ar fi modulele și temele (așa cum suntem noi!).

    Pentru că WordPress este open-source, există o mulțime de utilizatori, dezvoltatori și designeri care colaborează constant și se ajută reciproc când apar probleme legate de WordPress. În acest fel, primești ajutor real de la oameni reali și, în același timp, învățați unii de la alții. Este un lucru pe care serviciile clasice de relații cu clienții rareori reușesc să-l ofere.

    MOTIVUL #4

    WordPress este o soluție de încredere.

    CNN, blogul oficial Star Wars, revista Time și chiar (uau!) Beyoncé au site-uri care rulează pe WordPress, alături de multe altele. Aceste nume mari nu sunt singura dovadă a legitimității WordPress – potrivit Treehouse.com, aproximativ 25% din toate site-urile de pe internet funcționează pe WordPress. Dacă iei în calcul câte milioane și mii de site-uri există… ei bine, 25% este o cifră impresionantă.

    MOTIVUL #5

    Personalizări din plin!

    WordPress oferă o sumedenie de teme pentru tine și site-ul tău. Poți alege liber dintre versiuni gratuite, versiuni premium sau poți chiar să creezi una pe cont propriu (ori să angajezi pe cineva să o facă pentru tine!).

    MOTIVUL #6:

    Este gratuit.

    Da, ai citit bine. Prin dezvoltarea locală, WordPress este complet gratuit și îl poți instala pe calculatorul tău printr-un singur clic. De asemenea, în loc să angajezi un dezvoltator, poți folosi orice cunoștințe de cod ai avea pentru a afla mai multe despre cum funcționează WordPress (și, hei, învățarea este întotdeauna utilă).

    …ca să nu mai vorbim de faptul că, dacă nu ai timp să aprofundezi prea mult WordPress și construirea de site-uri, poți oricând să alegi un modul util de tip constructor de pagini și să-l încerci pe al nostru.

    Nu uita că opțiunile sunt nelimitate cu WordPress și nu e nevoie să fii un geniu pentru a înțelege cum funcționează totul!

    Folosirea WordPress îți poate economisi mult timp, bani și efort. Iar într-o perioadă în care aceste resurse sunt limitate, ține minte că site-urile WordPress, modulele lor (cum este PBS!), temele lor și în special comunitatea te pot ajuta enorm și pot simplifica considerabil lucrurile pentru tine.

    Spor la construit site-uri!

  • 3 lucruri de luat în considerare înainte de a alege un page builder

    3-Things-to-Consider-Before-Diving-Into-Page-BuildersExistă posibilitatea să fii aici pentru că ai auzit că PBS este foarte probabil una dintre cele mai rapide scurtături pentru crearea de site-uri. Deși instrumentele de tip page builder, în general, există pentru a ușura lucrurile, există totuși câteva aspecte pe care ai putea dori să le iei în considerare înainte de a aprofunda acest domeniu particular al dezvoltării în WordPress.

    Învățarea WordPress: O condiție prealabilă crucială pentru Page Builder

    Acesta este probabil cel mai evident element de pe această listă, dar totuși cel mai important. Page Builder-ele nu pot fi achiziționate separat, din păcate. Ele vin sub formă de pluginuri în WordPress, pe care va trebui să le instalezi și să le înveți pentru a le putea folosi. Fii sigur că WordPress este una dintre cele mai ușoare și mai legitime modalități de a crea un site web. Nu vei regreta că deprinzi ceva tehnic, având în vedere vremurile în care trăim. Există o diferență între WordPress.com și WordPress.org, iar  faptul de a ști care răspunde nevoilor tale economisește, de asemenea, timp!

    Totuși, dacă ești puțin intimidat de abundența unora dintre termenii tehnici din acest articol, nu-ți face griji. Există câteva site-uri utile pe care le poți vizita pentru a te ajuta să începi. Câteva dintre acestea sunt WordPress Codex și Treehouse. Acestea oferă sfaturi despre WordPress  și construirea de site-uri web, în funcție de nevoile și nivelul tău de cunoștințe.

    Ai putea dori să testezi apele mai întâi, doar pentru a fi sigur

    Este întotdeauna o idee bună să încerci versiunile gratuite și/sau demo înainte de a face achiziții mari pe care ai putea ajunge să le regreți în viitor. Din fericire, majoritatea constructorilor de pagini vin cu versiuni gratuite/demo. Desigur, putem consulta și o mulțime de recenzii de încredere despre page buildere în timp ce alții compară și analizează diferențele dintre  page buildere.  Asigură-te că îți cântărești opțiunile cu atenție!

    Pe lângă parcurgerea articolelor și recenziilor, unul dintre lucrurile care ne plac la WordPress este faptul că are o comunitate uriașă în spate. Există oameni, echipe și chiar afaceri dispuse să dea o mână de ajutor colegilor utilizatori de WordPress, în special celor noi ca tine! Comunitatea funcționează practic mai degrabă pe principiul „dă mai departe” decât pe cel de tip „schimb reciproc”.

    Designul face o diferență uriașă

    Entuziasta WordPress Donna Fontenot Cavalier aduce un argument foarte bun în ceea ce privește instrumentele de tip drag-and-drop Page Builder și importanța noțiunilor de bază de design. Deși constructorii de tip drag-and-drop precum PBS îți pot economisi mult timp, cunoștințele de bază și măcar o oarecare familiaritate cu estetica sunt un alt aspect crucial de luat în considerare atunci când creezi site-uri web. Imaginează-ți un scenariu – să zicem că pui mâna pe un page builder excelent, la alegerea ta: este grozav! Dar apoi, să spunem că ești o persoană care nu are chiar cel mai format ochi pentru artă, design și funcționalitate: uh-oh.

    Totuși, nu-ți face griji. Page Builder Sandwich nu este doar un Page Builder; echipa noastră este, de asemenea, dedicată să le ofere o mână de ajutor și altor utilizatori de WordPress. Așadar, dacă întâmpini mici dificultăți legate de design, nu-ți face griji – avem o mulțime de articole aici pe blogul PBS, cu sfaturi utile care să te ajute să începi. În acest fel, ajungi să faci mai mult, să înveți mai mult și să te îngrijorezi mai puțin.

    Reține, dacă ai întrebări sau nelămuriri cu privire la page buildere sau orice legat de aspectele de mai sus, nu ezita să ne lași un mesaj în secțiunea de comentarii de mai jos. Suntem întotdeauna bucuroși să ne ajutăm clienții.

    Spor la construit site-ul!

  • Maparea shortcode-urilor: Cum va suporta PBS peste 800 de pluginuri și peste 2.000 de shortcode-uri

    How-PBS-Supports-800-Plugins-2000-ShortcodesWhen I started getting further into software development and WordPress, I noticed that not a lot of page builders I come across with have that “page builder standard” I was looking for: fast, easy, convenient.

    Page Builder Sandwich, then, was created with the goal of having a builder meet these same standards.

    I wanted- and still want it– to be the best page builder out there, and the best way I could accomplish that, I figured, was to add in features in a way in which page building becomes helpful and accessible to everyone –developers and noobs alike.

    I’d like to note though, that I didn’t simply create PBS with the intent of merely bombarding it with features just for the sake of it.

    I want to add in features that people would want to work with; features that hopefully, would make the experience of page building feel a little bit more like magic.

    În ultimele câteva săptămâni, echipa PBS a adăugat un element de hartă și, de asemenea, un element de file.

    Acum, ar părea o rutină destul de ușoară și simplă pentru noi să continuăm să adăugăm un element nou la fiecare două zile.

    But I think it’d be better if we take it to the next level; to take a bigger leap, do something more drastic, something drizzled with a little more awesomesauce.

    And so we came up with an idea: “How about we start supporting 800+ plugins along with their 2000+ shortcodes?!?!”

    I know what you’re thinking: “How the heck can you support that much shortcodes? Is that even possible?”

    Well, the simple answer is yes. Yes it is.

    And we’ve managed to achieve this feat through shortcode mapping.

    What is Shortcode Mapping?

    Shortcode mapping
    Shortcode mapping makes building shortcodes more friendly.

    Put more simply, shortcode mapping is like letting Page Builder Sandwich memorize all the shortcodes available on your site: their names, descriptions, their attributes, and what each of these attributes do.

    Beneficiile unui astfel de sistem sunt destul de considerabile:

    1.) Since PBS already knows what your shortcodes are, you get to spend less time going through the documentation of each plugin you use, and check how to use their shortcodes.

    2. ) In other words: Say goodbye to the grueling task of manually typing in your shortcodes!

    3.) With shortcode mapping, you can also say goodbye to manually checking post type ID’s. How? PBS can give you a list of all your contact forms through a drop-down list, so instead of looking for ID’s while on admin mode, you can pick from the list we made instead.

    4.) You’ll get to use dropdowns, colorpickers, image uploaders, and even number sliders when adjusting shortcode attributes.

    5.) Overall faster page building time!

    Maparea shortcode-urilor nu este însă nouă, iar o mulțime de constructori de pagini o au deja. Ce o face însă pe a noastră diferită?

    Cum funcționează maparea shortcode-urilor în alți constructori de pagini

    Lonely times
    Each person/site does their own shortcode mapping.

    Other page builders have a dedicated admin page for shortcode mapping. You go inside your admin page, and then their admin page. You put in your shortcode, edit a number of text fields, then hit save. Finally, when you go to your page builder editor, the shortcode is now there in element list.

    În acest scenariu, povara mapării shortcode-urilor vă revine dumneavoastră, utilizatorului. Dacă doriți ca toate shortcode-urile dumneavoastră să fie mapate complet cu toate atributele (și cu selectorii drăguți de culori și alte lucruri), va trebui să vă asigurați că introduceți fiecare detaliu al fiecărui shortcode în parte.

    What’s more, all your mappings only reside on your site. So when the times comes that you need to work on another site, you’ll have to copy your mappings all over again. Additionally, if and when you install a new plugin that has shortcodes, then you’re going to have to map those too.

    Cum funcționează maparea shortcode-urilor în Page Builder Sandwich

    Shortcode mapping is centralized
    Shortcode mappings are shared across all users.

    Unlike the norm, shortcode mapping in Page Builder Sandwich is done on a global scale. The most used and popular plugins are gathered first, and all their shortcode mappings are created and updated in a central area. These will then spread out to all users depending on what they have installed. In other words, PBS studies and reviews all the shortcodes you have, including your activated plugins. Afterwards, it gives you the mapping of basically everything you need.

    Acest lucru ne oferă o mulțime de beneficii excelente:

    1. Maximum coverage. Since we’ll be mapping out the shortcodes of the popular plugins, PBS will be able to support a majority of the shortcodes available on your site.
    2. Constant and frequent additions, updates and corrections. And since it’s in a central area, changes can be made quickly, and can be disseminated to all users.
    3. It basically works like magic. Let’s say you just installed a new plugin. Then you activate it, all mappings for its shortcodes will automatically get sent to you right away.
    4. Gone are the days when you have to personally map shortcodes yourself. PBS will do that for you.
    5. Your site remains lean and fast, and will only contain shortcode mappings that are relevant to you.
    6. Plugin zip size remains small. Even though PBS supports thousands of shortcodes, the plugin file size is still small. Your site and your backups remain small too!

    In case you’re interested in reading into how we made all of this possible,  we actually have a second part to this article in which things might start sounding a little more technical (if that’s your drift).

    Abonează-te la newsletterul nostru!

    You can also opt to sign up to our mailing list, which will automatically notify you when we officially release this feature, (you can get future updates from us too, if you want). The shortcode mapping functionality will be out for our customers tentatively on August 12 August 15 2016. Not all shortcodes will be mapped by this time (our estimate is maybe 100 plugins), but mapping will be continuously done and customers will get them as soon as new ones roll out.

    So sign up to our newsletter to get news on shortcode mapping, when we’ll release it, and when we open shortcode mapping to the public! Until then, we hope you enjoy this new feature of ours, and that you have fun exploring it!

  • 5 sfaturi simple pentru ca site-ul tău web să arate bine

    5-Simple-Ways-To-Make-Your-Website-Look-GoodIn general, one thing that most people tend to overlook is today’s demand for functional design and aesthetics. While not all of us may be aware of the extent of just how much it matters, the fact remains that design is a very crucial factor towards success—any kind of success– including your website’s. Yes, your content is an important key towards reeling your audience in, but how your site looks will definitely be a determining factor as well.

    Iată câteva sfaturi de bază despre ce poți face pentru a îmbunătăți designul site-ului tău web.

    Add high-quality images

    You want to add the best quality images on your website that reflect your brand style, but if you don’t have a high-resolution camera or the money to pay a photographer, you can get free stock photos from sources like Pexels and Pixabay. Images should pertain directly to the content of your site. Including images is always better than no images at all.

    Alege culorile potrivite

    booneselections
    Lawrence Boone Selections uses black to add a sense of luxury and value to their website
    juicebox
    Juicebox used this zesty combination for people to get that organic and fresh that the brand represents

    Schema de culori a unui site web joacă un rol important în crearea tonului și atmosferei potrivite pentru brandul tău. Alegerea unei culori plăcute nu înseamnă neapărat că este cea potrivită. Fiecare culoare transmite un mesaj și o reacție diferită. Culorile sunt unul dintre primele lucruri pe care vizitatorii site-ului le observă și pot influența considerabil succesul site-ului tău web.

    Alege cel mult două până la trei culori de bază pentru designul tău. Dacă simți nevoia să adaugi mai multă culoare, poți folosi tentele și umbrele culorilor tale de bază. În teoria culorilor, tenta este amestecul unei culori cu alb, care crește luminozitatea, în timp ce umbra este amestecul unei culori cu alb, care reduce luminozitatea.

    Additional Tip: There are great tools such as Adobe Colour CC and Coolors to make picking colors easier.

    Folosește stiluri tipografice contrastante

    Font Pairing There are more fonts other than Arial, Georgia and Times New Roman. Google Web Fonts offer a variety of typefaces you can use for free on your site. Just like with choosing colors you can easily over do fonts, so I suggest you do not use more than two typefaces on your website. Most well-designed websites use two typefaces only, one for the headlines and one for the body text.

    Asocierea a două stiluri tipografice poate fi dificilă chiar și pentru designeri. Poți păstra lucrurile simple experimentând cu două fonturi diferite din aceeași familie tipografică. Dacă este necesar un al doilea stil tipografic, alege ceva care contrastează bine cu primul. De regulă, combinarea unui font serif cu unul sans-serif funcționează excelent. Un alt sfat important este să alegi fonturi care se potrivesc cu stilul companiei tale. Ai putea avea cel mai frumos font din lume, dar când este folosit într-un context nepotrivit, poate arăta totuși groaznic.

    Păstrează un aspect curat folosind spațiul alb

    Whitespace is one of the easiest and most effective ways to create a visually effective website. Your website should look well organized and clutter free, directing users exactly where they need to go. Make sure elements stand out and are grouped together by using whitespace properly.

    Optimizează-l pentru mobil

    People are probably going to visit your site at different times using different devices and screen sizes. While content is important, consistency across devices provides a better user-experience for anyone who visits your site. It makes it easier for users to share and link contents on your website to social media platforms on mobile. On top of that, Google prioritizes responsive websites on search results.

    Sfat suplimentar: Utilizarea Page Builder Sandwich pe site-ul tău va activa automat vizualizarea pe mobil și îl va adapta pentru dimensiunea ecranelor mobile.

    Concluzie

    Reține: subestimarea puterii designului este una dintre cele mai mari greșeli pe care le poți face atunci când îți construiești site-ul web. Desigur, nu trebuie să depui un efort exagerat atunci când îți creezi site-ul web, însă, între timp, simpla respectare a acestor sfaturi poate garanta că site-ul tău nu va stârni sentimente de dezaprobare din partea publicului tău.

  • Cum să creezi secțiuni hero header de bază în 3 pași simpli

    How-to-Create-Basic-Hero-Headers-2

    061716_PBS_Jihan_How to Create Basic Hero Headers_Done

    When your dream website finally becomes a reality, the first thing you want your audience to know is what your site’s all about. The trick to reel them in is to give them a good but quick summary of your site’s content – and the easiest way to do that is by creating a Hero Header for your page.

    Ce sunt Hero Headers?

    The purpose of the Hero Header is to visually communicate with your target audience in the fastest and most efficient way possible. You need to grab their attention quickly, in a way that it says: “Hey, this is my website, and here are the reasons it may be worth your time.”

    Typically, hero headers take up most of the space on the page, usually with large text and an equally large background image in order to give your readers a quick but firm-enough grasp as to what your website can offer them.

    Pentru a începe lucrul la primul tău hero header PBS, urmează pașii rapizi de mai jos:

    Pasul 1: Inserează coloana și ajustează lățimea rândului

    061716_PBS_Jihan_How-to-Create-Basic-Hero-HeadersClick 1 Column below the Insert Content tab on the inspector (that thing on the left/sidebar). Make sure your caret (the blinking cursor on the text box) is inside the text box.

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-1-b_Revised-1Under the Row Properties tab, you may change the background color in order to use it as a guide for the next steps. Change Row Width from Normal to Full-Width: Retained Content Width using the toggle button shown above.

    What’s the difference between Normal, Full-Width and Full-Width: Retained Content Width?

    Row Width-Normal

    Normal – Background, text and other elements are contained within the bounds of your current theme’s row width

    Row Width-Full-Width

    Full-Width – Background, text and other elements fill the entire width of your browser window

    Row Width-Full-Width Retain

    Full Width: Retained Content Width – Only the background fills the entire width of your browser window. Text and other elements are contained within the bounds of your current theme’s row width

    In this layout, Full Width: Retained Content Width is used because the text that will be applied is centered; not full-width.

    Pasul 2: Ajustează marginea pentru a crea spațiu alb

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-2-revisedIncrease the top and bottom margin by hovering the cursor on the arrow pointing to the margin you want to adjust. When the cursor turns into a double-headed arrow, click and drag down to your desired margin height. Its important to put Whitespace (also called Negative Space) between elements in a composition to create flow and help draw focus to the content on the page.

    Pasul 3: Adaugă fundal cu suprapuneri de text și elemente

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-3-aTo add a background image with text and element overlays, simply click the Background Image icon under the Row Properties tab, upload your desired background image, and select to apply.

    061716_PBS_Jihan_How to Create Basic Hero HeadersTip #1: For Premium users, using the Background Image Tint option, helps to provide more contrast for text, buttons or other elements. You can select a tint color and adjust its value by clicking on the Background Color icon. Both icons can be found under Background on the Row Properties tab.

    061716_PBS_Jihan_How-to-Create-Basic-Hero-Headers_Step-3-cType in the message for your header. See Text Formatting tab to adjust the style. Choose typefaces that are easy to read and goes well with the background image. Remember to show contrast from the background image.

    Sfatul #2: Pentru elementele de branding, ia în considerare utilizarea unui logo alb sau negru, astfel încât să nu intre în conflict cu o imagine de fundal colorată.

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-3-dYou can also add buttons by clicking on Button below the Insert Content tab.

    Nu uita să îți salvezi munca și totul este gata!

    Felicitări pentru crearea primului tău hero header cu PBS! În cazul în care nu ai reușit, nu trebuie să-ți faci griji; pornirea de la zero este probabil mai ușoară cu PBS, așa că nu ar trebui să fie o problemă prea mare.

    Spor la crearea site-ului!