I nostri 25 migliori articoli WordPress e di design del 2016

Il 2016 è stato ricco di fantastiche nuove tendenze nel mondo del web design. Dai nuovi tutorial CSS alle best practice di WordPress fino ai consigli pratici per far crescere la tua agenzia, abbiamo trattato tutto su The Layout.

Per assicurarti di non perdere i migliori contenuti dell'anno, abbiamo raccolto le nostre storie più popolari in modo che tu possa leggere il meglio del meglio prima dell'inizio del 2017.

Quindi, senza ulteriori indugi, ecco i nostri 25 migliori articoli WordPress e di design del 2016.

25. I nostri primi 10 plugin WordPress preferiti

Spulciare la directory dei plugin di WordPress è un po' come stare in un negozio di caramelle: sembrano tutti così eccitanti da provare! E al giorno d'oggi, c'è un plug-in per quasi tutto: miglioramenti della sicurezza, miglioramenti delle prestazioni, ottimizzazione SEO e l'elenco potrebbe continuare all'infinito.

In definitiva, i plugin che decidi di installare dipendono completamente da te e dalle esigenze del tuo sito. Ma per aiutarti a iniziare a smistare le masse, abbiamo compilato un elenco dei nostri primi 10 plugin.

24. Cosa ti serve per creare un bellissimo blog su WordPress

Il blog è uno strumento meraviglioso per aumentare la consapevolezza del marchio, far crescere un'attività o anche solo utilizzarlo come sfogo creativo. E al giorno d'oggi, è più facile che mai creare il tuo sito personale.

Pronto a creare il blog WordPress dei tuoi sogni? Ecco di cosa avrai bisogno per iniziare.

23. 17 font gratuiti da scaricare nel 2016

Stai cercando di aggiornare la tua libreria di caratteri con alcuni nuovi caratteri? Abbiamo trovato alcune fantastiche opzioni rilasciate quest'anno e dovevamo solo condividerle!

Ecco 17 font gratuiti eccellenti per dare al tuo progetto l'aspetto perfetto.

22. Dove trovare le migliori foto d'archivio gratuite nel 2016

Cerchi una foto d'archivio gratuita di alta qualità? Non è una foto d'archivio blanda e generica. Un'immagine reale, che cattura l'attenzione, con profondità e colore e un accenno di "storia" su di essa. Viviamo all'incrocio fortuito tra fotografia digitale, sharing economy e Internet. I siti di condivisione di foto gratuiti con immagini di alta qualità stanno spuntando in tutto il Web, offrendo un fantastico buffet di fotografie Creative Commons Zero (CC0).

Ecco cinque dei nostri siti preferiti per trovare le migliori foto d'archivio gratuite.

21. 32 fantastici temi WordPress gratuiti da provare nel 2016

Che tu stia lavorando su un sito WordPress nuovo di zecca o facendo un aggiornamento del marchio su un sito esistente, ogni tanto è il momento di trovare un nuovo tema con cui lavorare. E mentre ci sono moltissimi temi premium eccellenti là fuori, è fantastico anche tenere il passo con i temi WordPress gratuiti. Soprattutto se stai lavorando con un cliente più piccolo con un budget limitato, molti di questi temi gratuiti forniranno le funzionalità e le opzioni di base di cui hanno bisogno.

Dai un'occhiata al nostro elenco di fantastici temi WordPress gratuiti del 2016!

20. Come creare un tema figlio di WordPress

Di solito, è quasi impossibile trovare il tema perfetto; ci sono sempre alcune modifiche che devono essere fatte. Quindi, perché non prendere un bel tema predefinito di WordPress, come Twenty Fifteen, e renderlo tuo in modo che appaia e funzioni proprio come desideri? La creazione di un tema figlio ti farà risparmiare un sacco di tempo e mal di testa lungo la strada (fidati di me).

Segui questo tutorial per creare facilmente il tuo tema figlio WordPress personalizzato.

19. Come migliorare la velocità e le prestazioni del tuo sito WordPress

Sai che la velocità del sito è fondamentale per il successo della tua attività (e quella dei tuoi clienti). Di volta in volta, vieni colpito in testa da statistiche spaventose come "quasi la metà degli utenti Web si aspetta che un sito venga caricato in due secondi o meno" e "gli utenti tendono ad abbandonare un sito che non viene caricato entro tre secondi .” È facile sentirsi frustrati a questo punto del progetto, ma non preoccuparti.

Prima di abbattere la porta del tuo host web o aggiungere un sacco di plugin imprecisi, segui questi semplici passaggi per rendere il tuo sito WordPress fluido, solido e super veloce.

18. Come aggiungere jQuery al tuo tema WordPress

jQuery è una libreria Javascript molto popolare, se non la più popolare. In effetti, è così popolare che WordPress viene automaticamente caricato. (Questo è iniziato in WordPress 3.8.1.) Solo perché WordPress viene fornito con jQuery, tuttavia, non significa che sia pronto per l'uso immediatamente. Se stai usando o creando un tema in cui jQuery non è ancora stato chiamato, dovrai fare un paio di cose prima di poter iniziare a usarlo.

Segui questo tutorial per caricare jQuery su qualsiasi tema WordPress.

17. Web design e sviluppo web: qual è la differenza e perché è importante?

Hai mai avuto un potenziale cliente che ti ha contattato per quello che pensava fosse un nuovo web design, quando si è scoperto che ciò di cui avevano veramente bisogno era uno sviluppatore? Forse hai avuto l'esperienza imbarazzante di spiegare al tuo copywriter che sei uno sviluppatore, non un designer, e che la copia doveva essere aggiustata per renderlo chiaro? Confondere il web design con lo sviluppo web è un errore fin troppo comune che le persone commettono, specialmente quando sono principianti in questa cosa nuova che chiamiamo interwebs.

C'è una differenza molto reale tra sviluppo web e web design. Scopri cos'è e perché è importante.

16. Come creare un carosello "Post recente" utilizzando Owl Carousel

WordPress viene fornito con un widget "Post recenti" che inserirà i titoli dei tuoi post più recenti in una barra laterale e li collegherà al post completo. Il problema è che il widget Post recenti è molto limitante. E se avessi bisogno di qualcosa di un po' più elegante e con un po' più di funzionalità? Ad esempio, cosa succede se si desidera inserire l'immagine in evidenza e un estratto e da un tipo di post personalizzato?

È qui che entra in gioco Owl Carousel, per aiutarti a seguire la strada del fai-da-te e costruire il sito dei tuoi sogni. Segui questo tutorial per creare il tuo carosello "Post recenti"!

15. Come aggiungere Font Awesome al tuo sito WordPress

Font Awesome è un robusto set di icone che contiene icone vettoriali scalabili. E abbastanza sorprendentemente, è gratuito (i set di icone possono essere piuttosto costosi, rendendo questo un affare piuttosto dolce). Font Awesome consente anche una facile aggiunta al tuo tema WordPress, risparmiando tempo prezioso perché non è necessario creare e salvare questi elementi grafici da soli.

Segui questo tutorial per scoprire come aggiungere Font Awesome al tuo sito WordPress.

14. Come creare un'intestazione di sito Web appiccicosa

Le intestazioni di siti Web che rimangono al loro posto quando un utente scorre sono diventate un elemento di design molto popolare. Consentono all'utente di accedere facilmente alla navigazione senza la necessità di scorrere verso l'alto ogni volta che desidera scegliere una pagina o un'opzione diversa.

Segui questo tutorial per aggiungere facilmente un'intestazione di sito Web appiccicosa al tuo sito WordPress.

13. Come risparmiare tempo nella creazione di nuovi siti WordPress

Non importa quanto ami WordPress o la progettazione di siti Web, c'è una parte del lavoro che può diventare un po' monotona: configurare nuove installazioni di WordPress. Prima ancora che tu possa pensare di aggiungere bellissime personalizzazioni ai tuoi siti, devi iniziare con le basi: un tema, plug-in e impostazioni.

Ma non preoccuparti: c'è un modo per accelerare questo ciclo ridondante. Segui questa guida per accelerare il tuo processo e tornare a creare bellissimi siti!

12. Come aggiungere una mappa Google reattiva in WordPress

Essendo la soluzione per mappe più popolare, aggiungere Google Maps al tuo sito WordPress non potrebbe essere più semplice. Questa tecnologia di mappatura di facile utilizzo fornirà informazioni commerciali, informazioni di contatto e indicazioni stradali per raggiungere la posizione prescelta, rendendo la navigazione estremamente comoda per i tuoi utenti.

Pronto per aggiungere una mappa al tuo sito WordPress? Questo tutorial tratterà come utilizzare un plug-in per aggiungerne uno e il metodo fai-da-te.

11. Come aggiungere opzioni al personalizzatore di WordPress

Il Customizer di WordPress può essere un po' opprimente all'inizio, ma una volta che ti immergi, scoprirai che è più facile del previsto. È un ottimo strumento per te (o per i tuoi clienti) per modificare un tema, inoltre puoi davvero renderlo tuo aggiungendo opzioni personalizzate.

Quindi analizziamolo: ecco come utilizzare il Customizer per le opzioni del tema.

10. I migliori canali Slack per i designer

Slack è diventato rapidamente una forma di comunicazione preferita da molti designer e creativi. Rende la comunicazione con colleghi e amici divertente, efficace e senza sforzo. Ma una delle parti migliori di Slack è che le persone si sono unite per creare comunità incentrate su argomenti specifici.

Se sei pronto per unirti alla conversazione, ecco 16 dei migliori canali Slack per i designer.

9. Il modo più semplice per sviluppare localmente siti WordPress

Quando crei un sito WordPress, puoi essere tentato di iniziare ad apportare modifiche quando e dove vuoi, direttamente sul sito live. Una piccola modifica CSS agli stili dei pulsanti non danneggerà nulla, giusto?

Tuttavia, anche semplici modifiche possono essere rischiose, motivo per cui esiste una certa regola d'oro nello sviluppo di WordPress: quando sviluppi siti WordPress, anche se stai solo apportando una piccola modifica al codice, non dovresti mai e poi mai apportare modifiche direttamente su un sito live.

L'utilizzo di un ambiente di sviluppo locale è fondamentale per lo sviluppo di siti WordPress personalizzati. Scopri come configurarne uno in modo semplice ed efficiente con questa guida!

8. Come utilizzare le query di funzionalità CSS

Le query di funzionalità CSS sono un modo per eseguire un metodo nativo del browser di rilevamento delle funzionalità. Queste query analizzano se un browser ha implementato correttamente o meno una proprietà CSS. In sostanza, il browser "riporta" se una determinata proprietà o valore CSS è supportato o meno. Il risultato determina se applicare o meno un blocco di CSS.

Sei entusiasta di utilizzare le nuove funzionalità CSS, ma sei preoccupato per le funzionalità del browser? Scopri come le query sulle funzionalità CSS possono aiutare a mantenere le cose senza intoppi.

7. 9 tendenze di web design da conoscere nel 2016

L'industria del web design ha raggiunto un punto interessante in cui i designer vogliono fare di più della semplice creazione di un sito: vogliono raccontare una storia. Più che mai, lo scopo di un sito Web è sia intrattenere che informare. La nostra lista mostra nove modi diversi per raccontare quella storia, da straordinari cinemagraph a deliziose microinterazioni.

Non è troppo tardi: ecco le nostre prime nove tendenze di web design per il 2016!

6. In che modo le entrate ricorrenti possono aiutarti a ridimensionare la tua agenzia

Trasformare la tua agenzia in un business sostenibile e di successo a volte può sembrare un compito impossibile ed è facile capire perché. La consulenza con i clienti richiede un sacco di tempo e, alla fine della giornata, sei legato a un orologio con poche ore fatturabili.

Il segreto per ridimensionare la tua agenzia? Aggiungi canali di entrate ricorrenti al tuo modello di business!

5. Stampabili gratuiti per aiutare i designer a rimanere organizzati

Sei un designer, quindi potresti probabilmente progettare il modello perfetto e stamparlo. Ma se stai cercando una soluzione più veloce, ci sono altri designer là fuori che hanno avuto la stessa idea e che hanno creato alcuni fantastici omaggi che puoi scaricare per i tuoi sforzi organizzativi personali.

Se sei pronto a portare la tua organizzazione al livello successivo (gratuitamente!) Dai un'occhiata a questi fantastici stampabili per i designer.

4. Come creare un layout semplice con CSS Grid Layouts

Parte dell'essere un designer è sapere cosa riserva il futuro del web design. I layout della griglia CSS sono un punto di svolta e aiuteranno ad alleviare parte della frustrazione relativa al posizionamento con cui i designer hanno dovuto fare i conti per molti anni. Sebbene non sia ancora una pratica tradizionale, è qualcosa da aspettarsi.

Segui questo semplice tutorial per imparare le basi dei layout di griglia CSS!

3. Perché SSL è importante per il tuo sito WordPress

SSL. Probabilmente hai già sentito parlare di queste tre piccole lettere, ma sapevi che possono davvero avvantaggiare il tuo sito WordPress? Prima di parlare di come aiuterà il tuo sito, tuttavia, prima esaminiamo cos'è esattamente SSL.

Ecco cos'è SSL, perché lo vorrai e come ottenerlo facilmente sul tuo sito WordPress!

2. Come utilizzare le tecniche di ritaglio e mascheramento CSS e SVG

Gli SVG sono ottimi per lavorare sul Web e il ritaglio e il mascheramento consentono alcuni modi interessanti per mostrare o nascondere parti della tua grafica web. L'utilizzo di queste tecniche consente inoltre una maggiore flessibilità con i progetti, poiché non è necessario apportare modifiche manualmente e creare nuove immagini: tutto avviene con il codice.

Segui questo tutorial per iniziare facilmente con il ritaglio e il mascheramento CSS e SVG.

1. 20 librerie JavaScript da provare nel 2016

Le librerie JavaScript sono uno strumento incredibilmente utile per qualsiasi designer o sviluppatore con cui avere familiarità. Possono aggiungere alcune funzionalità super potenti al tuo sito o abbellire il design, offrendo un'esperienza migliore per i tuoi utenti.

Sebbene ci sia un numero infinito di risorse là fuori, pensiamo che queste 20 librerie JavaScript porteranno sicuramente il tuo sito al livello successivo nel 2016.

Questo completa la nostra lista dei migliori articoli WordPress e di design del 2016! Quali erano alcuni dei tuoi preferiti? Condividi i tuoi link nei commenti qui sotto per aiutarci a far crescere la nostra lista!