Cele mai bune 25 de articole WordPress și de design ale noastre din 2016

2016 a fost plin de noi tendințe fantastice în lumea designului web. De la noile tutoriale CSS la cele mai bune practici WordPress la sfaturi practice pentru dezvoltarea agenției, am acoperit totul în The Layout.

Pentru a vă asigura că nu pierdeți cel mai bun conținut al nostru din an, am adunat cele mai populare povești ale noastre, astfel încât să puteți citi cele mai bune dintre cele mai bune înainte de începerea anului 2017.

Așadar, fără alte prelungiri, iată cele mai bune 25 de articole WordPress și de design ale noastre din 2016.

25. Top 10 plugin-uri WordPress preferate

Cernerea directorului de pluginuri WordPress este un pic ca a sta într-un magazin de bomboane – toate arată atât de interesant de încercat! Și în zilele noastre, există un plugin pentru aproape orice: îmbunătățiri de securitate, îmbunătățiri de performanță, optimizare SEO și lista poate continua.

În cele din urmă, pluginurile pe care decizi să le instalezi depind în totalitate de nevoile tale și ale site-ului tău. Dar pentru a vă ajuta să începeți să sortați în masă, am compilat o listă cu primele 10 plugin-uri ale noastre.

24. De ce ai nevoie pentru a construi un blog frumos pe WordPress

Blogging-ul este un instrument minunat pentru creșterea gradului de cunoaștere a mărcii, creșterea unei afaceri sau chiar folosirea ca punct creativ. Și în zilele noastre, este mai ușor ca niciodată să-ți construiești propriul site.

Ești gata să construiești blogul WordPress visurilor tale? Iată de ce aveți nevoie pentru a începe.

23. 17 fonturi gratuite de descărcat în 2016

Doriți să vă actualizați biblioteca de fonturi cu niște fonturi noi? Am găsit câteva opțiuni destul de grozave lansate anul acesta și a trebuit doar să le împărtășim!

Iată 17 fonturi gratuite excelente pentru a oferi proiectului tău aspectul perfect.

22. Unde găsiți cele mai bune fotografii gratuite în 2016

Căutați o fotografie de înaltă calitate, gratuită? Nu este o fotografie de stoc banală, generică. O imagine reală, care atrage atenția, una cu profunzime și culoare și un indiciu de „poveste” despre ea. Trăim la intersecția întâmplătoare a fotografiei digitale, a economiei de schimb și a internetului. Site-uri gratuite de partajare a fotografiilor cu imagini de înaltă calitate apar pe tot web, oferind un bufet fantastic de fotografii Creative Commons Zero (CC0).

Iată cinci dintre site-urile noastre preferate pentru a găsi cele mai bune fotografii gratuite.

21. 32 de teme WordPress gratuite fantastice de verificat în 2016

Indiferent dacă lucrați la un site WordPress strălucitor, nou-nouț sau faceți o reîmprospătare a mărcii pe un site existent, din când în când este timpul să găsiți o nouă temă cu care să lucrați. Și deși există o mulțime de teme premium excelente, este grozav să țineți pasul cu temele WordPress gratuite. Mai ales dacă lucrați cu un client mai mic cu un buget, multe dintre aceste teme gratuite vă vor oferi funcționalitatea de bază și opțiunile de care au nevoie.

Consultați lista noastră de teme WordPress gratuite fantastice din 2016!

20. Cum se creează o temă copil WordPress

De obicei, este aproape imposibil să găsești tema perfectă; întotdeauna sunt unele modificări care trebuie făcute. Așadar, de ce să nu luați o temă implicită WordPress frumoasă, cum ar fi Twenty Fifteen, și să o faceți proprie, astfel încât să arate și să funcționeze așa cum doriți? Crearea unei teme pentru copil vă va economisi mult timp și dureri de cap pe drum (credeți-mă).

Urmați acest tutorial pentru a vă crea cu ușurință propria temă personalizată pentru copii WordPress.

19. Cum să vă îmbunătățiți viteza și performanța site-ului WordPress

Știi că viteza site-ului este crucială pentru succesul afacerii tale (și al clientului tău). Din când în când, ești lovit peste cap cu statistici înfricoșătoare precum „aproape jumătate dintre utilizatorii de web se așteaptă ca un site să se încarce în două secunde sau mai puțin” și „utilizatorii tind să abandoneze un site care nu este încărcat în trei secunde. .” Este ușor să te simți frustrat în acest moment al proiectului, dar nu te îngrijora.

Înainte de a dărâma ușa gazdei dvs. web sau de a adăuga o mulțime de plugin-uri incomplete, urmați acești pași simpli pentru a face site-ul dvs. WordPress neted, solid și super rapid.

18. Cum să adăugați jQuery la tema dvs. WordPress

jQuery este o bibliotecă Javascript foarte populară, dacă nu cea mai populară. De fapt, este atât de popular încât WordPress vine automat cu el încărcat. (Acest lucru a început în WordPress 3.8.1.) Doar pentru că WordPress vine cu jQuery, totuși, nu înseamnă că este gata de utilizare imediat din cutie. Dacă utilizați sau creați o temă în care jQuery nu este încă apelat, va trebui să faceți câteva lucruri înainte de a putea începe să o utilizați.

Urmați acest tutorial pentru a încărca jQuery pe orice temă WordPress.

17. Web design vs. web development: Care este diferența și de ce contează?

V-a contactat vreodată un client potențial pentru ceea ce credea că este un nou design web, când s-a dovedit că ceea ce aveau nevoie cu adevărat era un dezvoltator? Poate ați avut experiența incomodă de a explica redactorului dvs. că sunteți un dezvoltator, nu un designer și că copia trebuie să fie reparată pentru a fi clar? Confundarea designului web cu dezvoltarea web este o greșeală prea frecventă pe care o fac oamenii, mai ales atunci când sunt începători în acest lucru nou pe care îl numim interweb-urile.

Există o diferență foarte reală între dezvoltarea web și designul web. Aflați ce este și de ce este important.

16. Cum să creați un carusel „Postări recente” folosind Owl Carousel

WordPress vine cu un widget „Postări recente” care va trage titlurile celor mai recente postări într-o bară laterală și le va lega la postarea completă. Problema cu aceasta este că widgetul Postări recente este foarte limitativ. Dacă ai nevoie de ceva mai elegant și cu puțin mai multă funcționalitate? De exemplu, ce se întâmplă dacă doriți să adăugați imaginea recomandată și un fragment și dintr-un tip de postare personalizat?

Aici intervine Owl Carousel, pentru a te ajuta să mergi pe ruta de bricolaj și să construiești site-ul visurilor tale. Urmați acest tutorial pentru a vă crea propriul carusel „Postări recente”!

15. Cum să adăugați Font Awesome pe site-ul dvs. WordPress

Font Awesome este un set de pictograme robust care conține pictograme vectoriale scalabile. Și, în mod uimitor, este gratuit (seturile de pictograme pot fi destul de scumpe, ceea ce face ca aceasta să fie o afacere destul de dulce). Font Awesome permite, de asemenea, o adăugare ușoară la tema dvs. WordPress, economisind timp prețios, deoarece nu trebuie să creați și să salvați singuri aceste elemente grafice.

Urmați acest tutorial pentru a afla cum să adăugați Font Awesome pe site-ul dvs. WordPress.

14. Cum să creați un antet de site web lipicios

Anteturile site-urilor care rămân pe loc atunci când un utilizator derulează au devenit un element de design foarte popular. Acestea permit utilizatorului să acceseze cu ușurință navigarea fără a fi nevoie să deruleze în sus de fiecare dată când dorește să aleagă o altă pagină sau opțiune.

Urmați acest tutorial pentru a adăuga cu ușurință un antet de site web pe site-ul dvs. WordPress.

13. Cum să economisești timp la crearea de noi site-uri WordPress

Indiferent cât de mult îți place WordPress sau să proiectezi site-uri web, există o parte a muncii care poate deveni puțin monotonă: crearea de noi instalări WordPress. Înainte de a începe chiar să vă gândiți să adăugați personalizări frumoase site-urilor dvs., trebuie să începeți cu elementele de bază: o temă, pluginuri și setări.

Dar nu vă faceți griji – există o modalitate de a accelera acest ciclu redundant. Urmați acest ghid pentru a vă accelera procesul și pentru a reveni la construirea de site-uri frumoase!

12. Cum să adăugați o hartă Google receptivă în WordPress

Fiind cea mai populară soluție de hărți, adăugarea Google Maps pe site-ul dvs. WordPress nu ar putea fi mai ușoară. Această tehnologie de cartografiere ușor de utilizat va oferi informații despre afaceri, informații de contact și indicații de orientare către locația pe care o alegeți, făcând navigarea foarte convenabilă pentru utilizatorii dvs.

Ești gata să adaugi o hartă pe site-ul tău WordPress? Acest tutorial va acoperi cum să utilizați un plugin pentru a adăuga unul și metoda DIY.

11. Cum să adăugați opțiuni la personalizarea WordPress

Personalizatorul WordPress poate fi puțin copleșitor la început, dar odată ce vă scufundați, veți descoperi că este mai ușor decât vă așteptați. Este un instrument grozav pentru tine (sau clienții tăi) să modifici o temă, plus că o poți face cu adevărat a ta adăugând opțiuni personalizate.

Deci, haideți să o descompunem – iată cum să utilizați Personalizatorul pentru opțiunile temei.

10. Cele mai bune canale Slack pentru designeri

Slack a devenit rapid o formă preferată de comunicare pentru mulți designeri și creatori. Face comunicarea cu colegii și prietenii distractiv, eficient și fără efort. Dar una dintre cele mai bune părți ale Slack este că oamenii s-au unit pentru a crea comunități axate pe anumite subiecte.

Dacă sunteți gata să vă alăturați conversației, iată 16 dintre cele mai bune canale Slack pentru designeri.

9. Cel mai simplu mod de a dezvolta local site-uri WordPress

Când construiți un site WordPress, poate fi tentant să începeți să faceți modificări oricând și oriunde doriți, chiar pe site-ul live. O mică modificare CSS a stilurilor butoanelor nu va răni nimic, nu?

Chiar și schimbările simple pot fi riscante, totuși, motiv pentru care există o anumită regulă de aur a dezvoltării WordPress: atunci când dezvoltați site-uri WordPress, chiar dacă faceți doar o modificare minoră de cod, nu ar trebui să faceți niciodată modificări direct pe un site live.

Utilizarea unui mediu de dezvoltare locală este crucială pentru dezvoltarea site-urilor WordPress personalizate. Aflați cum să configurați unul ușor și eficient cu acest ghid!

8. Cum să utilizați CSS Feature Interogări

Interogările de caracteristici CSS sunt o modalitate de a efectua o metodă nativă de detectare a caracteristicilor din browser. Aceste interogări analizează dacă un browser a implementat sau nu în mod corespunzător o proprietate CSS. În esență, browserul „raportează” dacă o anumită proprietate sau valoare CSS este sau nu acceptată. Rezultatul determină dacă se aplică sau nu un bloc de CSS.

Ești încântat să folosești noile funcții CSS, dar ești îngrijorat de capabilitățile browserului? Aflați cum interogările de funcții CSS vă pot ajuta să funcționeze fără probleme.

7. 9 tendințe de web design de cunoscut în 2016

Industria designului web a ajuns într-un punct interesant în care designerii vor să facă mai mult decât să creeze un site - vor să spună o poveste. Mai mult ca oricând, scopul unui site web este atât să distreze, cât și să informeze. Lista noastră prezintă nouă moduri diferite de a spune acea poveste, de la cinemagrafe uimitoare la microinteracțiuni încântătoare.

Nu este prea târziu – iată primele nouă tendințe de design web pentru 2016!

6. Cum vă pot ajuta veniturile recurente să vă extindeți agenția

Scalarea agenției într-o afacere durabilă și de succes poate părea uneori o sarcină imposibilă și este ușor de înțeles de ce. Consultarea cu clienții necesită o mulțime de timp și, la sfârșitul zilei, ești legat de un ceas cu doar atâtea ore facturabile.

Secretul creșterii agenției tale? Adăugați canale de venituri recurente modelului dvs. de afaceri!

5. Imprimabile gratuite pentru a ajuta designerii să rămână organizați

Sunteți designer, așa că probabil ați putea să creați șablonul perfect și să-l tipăriți. Dar dacă sunteți în căutarea unei soluții mai rapide, există și alți designeri care au avut aceeași idee și care au creat niște gratuități minunate pe care le puteți descărca pentru eforturile organizației dvs. personale.

Dacă sunteți gata să vă duceți organizația la următorul nivel (gratuit!), consultați aceste imprimabile uimitoare pentru designeri.

4. Cum să creați un aspect simplu cu CSS Grid Layouts

O parte din a fi designer este să știi ce ne rezervă viitorul designului web. CSS Grid Layouts schimbă jocul și va ajuta la atenuarea frustrării legate de poziționare cu care au trebuit să se confrunte designerii de mulți ani. Deși nu este încă o practică obișnuită, este ceva de așteptat cu nerăbdare.

Urmați acest tutorial simplu pentru a afla elementele de bază ale aspectului grilă CSS!

3. De ce este important SSL pentru site-ul dvs. WordPress

SSL. Probabil ați mai auzit de acele trei litere mici înainte, dar știați că acestea pot beneficia cu adevărat site-ului dvs. WordPress? Cu toate acestea, înainte de a vorbi despre cum vă va ajuta site-ul, mai întâi să trecem peste ce este exact SSL.

Iată ce este SSL, de ce îl veți dori și cum să îl obțineți cu ușurință pe site-ul dvs. WordPress!

2. Cum să utilizați tehnicile de tăiere și mascare CSS și SVG

SVG-urile sunt excelente pentru lucrul pe web, iar decuparea și mascarea vă permit câteva moduri interesante de a afișa sau ascunde bucăți din grafica dvs. web. Utilizarea acestor tehnici permite, de asemenea, mai multă flexibilitate cu design-urile dvs., deoarece nu trebuie să faceți manual modificări și să creați imagini noi - totul se face cu cod.

Urmați acest tutorial pentru a începe cu ușurință decuparea și mascarea CSS și SVG.

1. 20 de biblioteci JavaScript de verificat în 2016

Bibliotecile JavaScript sunt un instrument incredibil de util cu care orice designer sau dezvoltator trebuie să fie familiarizat. Acestea pot adăuga o funcționalitate super puternică site-ului dvs. sau pot îmbunătăți designul, rezultând o experiență mai bună pentru utilizatori.

Deși există un număr nesfârșit de resurse, credem că aceste 20 de biblioteci JavaScript vă vor duce cu siguranță site-ul la următorul nivel în 2016.

Asta completează lista noastră cu cele mai bune articole WordPress și design din 2016! Care au fost unele dintre preferatele tale? Distribuiți-vă linkurile în comentariile de mai jos pentru a ne ajuta să ne creștem lista!