Tendenze nella progettazione di temi WordPress (2003-2020)

Tendenze nella progettazione di temi WordPress (2003-2020)

Tendenze nella progettazione di temi WordPress (2003-2020)
СОДЕРЖАНИЕ
02 июня 2020

Quando il la prima versione di WordPress è stata spedita nel maggio 2003, aveva caratteristiche di design rivoluzionarie per l’epoca e definiva il primo gruppo di tendenze di design a tema WordPress a venire. Ci sono state interruzioni di riga altamente intelligenti, trame gradevoli e la possibilità per i blogger di aggiungere collegamenti ai loro blogroll.


Ricordi i blogroll? Erano un grosso problema 16 anni fa. Tutti quelli che erano chiunque si collegavano ad altri blogger e speravano di ottenere link in cambio.

Oggi i blogroll sono un ricordo del passato. Nel 2020 abbiamo creato page builder e modifica basata su blocchi che consentono a chiunque di creare e personalizzare un sito WordPress – nessun codice richiesto.

Quindi come siamo arrivati ​​qui? Per capire cos’è WordPress oggi, diamo un’occhiata a come i temi WordPress si sono evoluti negli ultimi 16 anni.

Tendenze nella progettazione di temi WordPress

Tendenze del design del tema WordPress dal 2003 al 2020

Il primo tema WordPress predefinito (suggerimento: non era Kubrick)

Quando WordPress 0.71-gold è stato rilasciato nel 2003, è arrivato con il b2layout predefinito.

Il modello era di base e ideale per i blog in quel momento. Aveva un’intestazione semplice e una barra laterale nera. Devi ricordare che le velocità di Internet erano relativamente basse al momento e il semplice design del tema WordPress non solo si caricava abbastanza velocemente, ma era facile da modificare rispetto alla piattaforma di blogging rivale Tipo mobile.

WordPress Design da b2layout

Le barre laterali erano una componente importante del primo web design in quanto i designer cercavano di capire come progettare per il web – e il design del tema WordPress non faceva eccezione. Le barre laterali sarebbero state ben visibili per molti anni, scomparendo brevemente in Ventitre e tornando in Ventidue.

All’inizio delle tendenze del design dei temi di WordPress, le barre laterali consentivano ai blogger di mostrare con orgoglio i loro blogroll. Con il rilascio di WordPress 0.7 e relativi Gestione collegamenti, i blogger potrebbero gestire meglio i loro blogroll e aggiungerli automaticamente alla barra laterale.

Il modello base fornito con WordPress è stato rinnovato per WordPress 1.2. La nuova combinazione di colori era una boccata d’aria fresca, un piacevole cambiamento rispetto al tema precedentemente oscuro.

Tema WordPress classico

WordPress 1.2 presentava l’architettura dei plugin per la prima volta, che ha permesso agli sviluppatori di estendere le funzionalità del loro design del tema e condividere i loro plugin con la nascente comunità di WordPress.

Nel 2004, WordPress era il nuovo bambino nel blocco dei blog e qualcosa di divertente per le persone che adoravano giocare con il codice da personalizzare. Questi blogger esperti di tecnologia hanno iniziato i plug-in con entusiasmo e hanno contribuito allo sviluppo di WordPress in generale segnalando bug, fornendo feedback e chiedendo nuove funzionalità.

Gli sviluppatori principali di WordPress erano tutti volontari e usavano WordPress per i loro blog. Come progetto open source, il feedback è stato accolto e incoraggiato e ha consentito un approccio incentrato sull’utente per lo sviluppo di WordPress che era diverso dalle altre piattaforme di blogging dell’epoca.

�� Interludio rapido: per ulteriori informazioni su come è cambiata l’interfaccia utente di WordPress, controlla l’evoluzione dell’interfaccia utente di WordPress.

L’era Kubrick: 2005-2010

Nel 2005, WordPress 1.5 ha introdotto un nuovo sistema di temi flessibile. I temi sono stati suddivisi in diverse sezioni e file, offrendo agli utenti un maggiore controllo su come hanno personalizzato i loro siti.

Ad esempio, elementi del sito comuni come intestazioni, piè di pagina e barre laterali sono stati suddivisi nei propri file. Gli utenti possono apportare una modifica a un solo file (ad esempio home.php o commenti.php) e vederlo immediatamente ovunque.

WordPress 1.5 ha anche segnato l’inizio dell’era Kubrick di lunga data. Generalmente riconosciuto come il primo vero tema predefinito per WordPress, Kubrick ha messo in mostra la potenza del nuovo sistema a tema.

Tema WordPress Kubrick

Michael Heilemann ha creato il semplice modello di blog blu e bianco e, per il suo tempo, il design è stato sorprendente. Con i suoi angoli arrotondati, l’intestazione personalizzata e due colonne bianche – di cui una larga per i pali e una più sottile per una barra laterale – Kubrick era all’avanguardia!

Kubrick è stato il primo tema flessibile che ha funzionato immediatamente con molti plugin. È stato anche il volto front-end di WordPress dal 2005 al 2010, rendendolo il pilastro delle tendenze del design del tema WordPress per gli anni a venire.

Temi premium: un felice incidente

Il WordPress Theme Repository è stato lanciato sul mercato nel 2008, consentendo ai blogger di scaricare temi WordPress gratuiti e caricare e condividere i propri temi personalizzati. Il repository era una sorta di vetrina per la progettazione di temi WordPress, che permetteva agli utenti di vedere come gli altri stavano personalizzando WordPress e allungando i limiti della piattaforma.

Repository di temi WordPress

Brian Gardner era uno di questi blogger che cercava di spingere i confini di ciò che WordPress poteva fare. Ha scaricato temi, fatto le proprie personalizzazioni, quindi ha caricato i suoi progetti aggiornati nel repository affinché altri possano usarli gratuitamente.

Ciò ha portato a richieste di personalizzazioni. All’inizio, i blogger gli hanno pagato $ 25- $ 50 per cambiare cose come i colori. Ma presto stava ricevendo richieste per personalizzazioni più complesse. Come avrebbe detto in seguito al podcast di StudioPress.fm, stava facendo "soldi per le vacanze" ed è stato divertente rispetto al suo noioso lavoro di scrivania.

Le cose sono cambiate quando un agente immobiliare gli ha chiesto di personalizzare il suo blog. Brian è andato ben oltre, creando un design a tema WordPress che potrebbe funzionare come prima pagina in modo che assomigli più a un sito Web che a un blog.

Tuttavia, l’agente l’ha respinto dicendo che voleva solo un blog di base. Brian è stato schiacciato.

Invece di abbandonare il design, ha scritto un post sul blog e ha chiesto ai suoi follower se il tema personalizzato fosse qualcosa che sarebbero interessati ad acquistare. La risposta è stata straordinariamente positiva. Brian ha definito il tema del suo tema design Revolution.

Nel 2009, La rivoluzione è stata rinominata a quello che conosciamo come oggi – StudioPress.

L’ascesa e la crescita della personalizzazione di WordPress

Durante il 2008 e il 2009, sono stati lanciati negozi a tema premium e progetti incentrati su WordPress e ci sono stati ondate di nuovi siti Web tutorial che offrono hack del codice e idee per la personalizzazione del design dei temi che non troverete nel Codex. È stata un’era completamente nuova nelle tendenze del design dei temi di WordPress – responsabilizzare l’utente.

Tra questi siti di istruzioni c’era ThemeShaper.com. Inizialmente iniziato da Ian Stewart, ThemeShaper era un posto per Ian in cui condividere il suo tema tematico. Ma Thematic era più di un semplice tema: era un’opportunità per Ian di imparare come funzionava il sistema di temi di WordPress e condividere i suoi apprendimenti con la comunità.

Tematico

Come ricorda Jeff Chandler della WP Tavern di Ian e Thematic, il 2008 è stato il "selvaggio west dello sviluppo del tema e qualsiasi persona che condividesse regolarmente le tecniche di sviluppo del tema divenne un membro influente della comunità."

L’emergere di quadri tematici

Fu in questo periodo che Brian Gardner collaborò Nathan Rice per lancia Genesis, uno dei primi Framework per temi WordPress. Questi framework hanno consentito agli sviluppatori di creare temi che condividevano una base di codice comune, fornendo una libreria di codici e un’architettura di base per temi che consentivano agli utenti di mettere in primo piano i diversi progetti. Come Brian ha detto al podcast di StudioPress.fm:

"Una volta che abbiamo creato Genesis e introdotto quell’idea e quel concetto nella comunità di WordPress, le persone lo hanno acquistato. Ovviamente, abbiamo avuto un discreto seguito attraverso StudioPress e me personalmente. Quel tipo di passaggio da temi autonomi a quello che ora è il Genesis, il framework e il sistema di temi figlio che ne deriva."

Quadro di genesi

Altre strutture tematiche emerse presto, come Tesi. Questi framework hanno segnato un progresso evolutivo nello sviluppo del tema WordPress, che Joost de Valk di Yoast ha riassunto perfettamente in un post di ThemeShaper nel 2009:

"La tesi di Chris Pearson e il tema tematico di Ian Stewart potrebbero puntare (tendenze del design del tema WordPress) nella direzione in cui dovrebbe essere diretto: un tema che sostanzialmente non è più un tema, è un motore di layout."

WordPress 3.0: una svolta

Nel 2010, il rilascio di WordPress 3.0 ha segnato un grande balzo in avanti nello sviluppo della piattaforma. Con funzionalità che includono tipi di post personalizzati, migliori tassonomie personalizzate e background, intestazioni e menu personalizzati, WordPress stava diventando un sistema di gestione dei contenuti completo, non solo una semplice piattaforma di blog.

WordPress 3.0 è arrivato con Twenty Ten, ponendo fine ufficialmente al regno di Kubrick come tema predefinito e inaugurando la tradizione di un nuovo tema predefinito per ogni anno, che è stata una pietra miliare per le tendenze del design del tema WordPress.

WordPress Theme Design Twenty Ten

Il personalizzatore del tema

Nel 2012, l’evoluzione del design dei temi di WordPress procedeva a ritmo costante. Ora che le aziende commerciali sono state investite nel vedere crescere WordPress, stavano sviluppando temi premium con più caratteristiche e funzionalità che consentivano agli utenti di personalizzarli più facilmente tramite pannelli nell’amministratore di WordPress.

Fu durante questo periodo che il Personalizzatore temi fu introdotto in WordPress 3.4. Il Personalizzatore temi consente agli utenti di apportare modifiche di base ai temi, come colori e sfondi, e di visualizzarli in anteprima prima di renderli attivi.

Personalizzatore temi

Design reattivo e mobile

In questo periodo, il design reattivo stava diventando sempre più popolare man mano che sempre più persone utilizzavano il proprio smartphone per accedere al Web. Twenty Twelve era il primo tema predefinito di risposta completa realizzato con un layout mobile-first in modo che possa essere visualizzato su dispositivi di qualsiasi dimensione, dagli smartphone ai grandi schermi HiDPI / retina.

Twenty Twelve è stato anche speciale per un altro motivo: è stato il primo tema predefinito a venire con un modello di homepage speciale, piuttosto che forzare gli utenti a visualizzare post sul blog sulla homepage.

Tema venti dodici

L’emergere di temi di costruzione

La personalizzazione di WordPress in questo periodo stava iniziando a diventare più semplice. Grazie al Theme Customizer e ai numerosi siti Web che hanno pubblicato tutorial su come personalizzare WordPress, gli utenti possono apportare qualsiasi modifica al proprio sito.

L’unico problema era che gli utenti avevano ancora bisogno di una certa conoscenza di CSS e PHP se volevano effettuare personalizzazioni oltre le impostazioni avanzate disponibili con molti temi al momento.

Questo è cambiato nel 2013 quando sono emersi i page builder – e il più noto all’epoca era Divi.

Tema Divi

Il generatore di pagine Divi di temi eleganti è stato rivoluzionario. Permette agli utenti di trascinare e rilasciare diverse sezioni all’interno di una pagina e controllare ogni aspetto di un sito, dai colori e caratteri a intestazioni e piè di pagina. È arrivato con vari layout predefiniti e potrebbe essere facilmente integrato con WooCommerce. Era reattivo e poteva essere utilizzato per visualizzare immagini e video a tutta larghezza.

Divi è stato un successo immediato – il 965 commenti sul post dell’annuncio prova che! Per la prima volta, chiunque potrebbe creare un sito Web senza dover toccare una singola riga di codice.

Il mondo delle tendenze del design dei temi WordPress a questo punto si è evoluto dall’avere la capacità di trascinare e rilasciare widget, trascinare e rilasciare pagine, e ora trascinare e rilasciare temi.

Temi di riviste

Facciamo una pausa per un minuto e riavvolgiamo l’orologio al 2009.

Il repository dei temi era ancora abbastanza nuovo, ma stava crescendo. Gli utenti stavano scaricando il tema e contribuendo con i propri temi.

Allo stesso tempo, anche i temi premium di WordPress stavano crescendo in popolarità. Rispetto ai temi gratuiti nel repository, i temi premium offrivano funzionalità avanzate. Ma soprattutto, non erano temi di blog. Il repository dei temi è stato il luogo ideale per scaricare un tema, se si desidera un blog.

Così è iniziato un nuovo capitolo nelle tendenze del design dei temi WordPress: i temi delle riviste, che hanno permesso alle persone di gestire blog e siti di notizie più sofisticati con più contenuti rispetto a un layout blog tradizionale consentito. Questi tipi di temi includevano spesso uno spazio pubblicitario, che faceva appello agli utenti che volevano guadagnare attraverso il loro sito.

Un esempio di tema di una rivista:Tema di vista

I temi delle riviste sono stati una naturale evoluzione dei temi dei blog che hanno consentito agli utenti di utilizzare la maggior parte delle categorie, tag e formati di post.

Passiamo rapidamente al 2014 e finalmente il tema WordPress predefinito ha raggiunto. Ventiquattordici presentavano un design reattivo elegante, moderno e ben realizzato che permetteva a chiunque di trasformare il proprio sito Web in una rivista.

Guarda venti quattordici in azione:Tema ventiquattordici

Temi aziendali e di portafoglio

Nel 2015, mentre WordPress ha continuato a crescere fino a diventare un CMS a tutti gli effetti, la naturale evoluzione successiva è stata rappresentata dai temi del business e del portafoglio. Le persone stavano iniziando a usare WordPress per alimentare i loro siti aziendali e di agenzia – e persino i siti aziendali – mentre i liberi professionisti usavano WordPress per mostrare i loro portafogli.

Il tema più popolare disponibile in quel momento era Avada, che oggi è ancora il tema più popolare su ThemeForest.com.

�� Che è meglio: Avada, Divi o il tema X.?

Lanciato nel 2006, ThemeForest ha contribuito a spingere temi WordPress premium. ThemeForest ha fornito un marketplace in cui gli utenti potevano acquistare temi e allo stesso tempo fornire un luogo in cui sviluppatori e agenzie potevano vendere le loro creazioni.

Tema Avada

Nel frattempo, le barre laterali erano meno comuni nei temi aziendali, che tendevano a presentare un design orizzontale e stratificato simile al Zelle tema nella foto sotto. La popolarità delle barre laterali è diminuita man mano che il design reattivo si evolveva (le barre laterali erano difficili da visualizzare su dispositivi più piccoli). I design senza sidebar simili al tema predefinito Twenty Thirteen stavano diventando più popolari.

tema zelle

Questo avveniva anche nel tempo in cui i design minimali e piatti, come Flat di Themify, stavano diventando popolari tra le tendenze del design dei temi di WordPress.

Tema Flatify

Temi multiuso

Entro il 2015, i temi multiuso erano una cosa – e ThemeForest era il posto dove trovarli. La proliferazione di temi multiuso è stata senza dubbio dovuta alla popolarità del vasto mercato di ThemeForest, ma anche a negozi di temi premium indipendenti. ThemeIsle di il popolare tema Neve, ad esempio, è estremamente personalizzabile e ideale per l’uso su qualsiasi tipo di sito grazie ai suoi numerosi modelli integrati:

ThemeIsle

Questi temi polivalenti tutto-tranne-il-lavello della cucina racchiudevano tonnellate di diverse opzioni in un unico tema sul back-end, mentre presentavano un sacco di disegni diversi sul front-end.

Simile ai framework dei temi, questo tipo di design dei temi di WordPress potrebbe essere configurato per molti scopi diversi. È possibile utilizzare lo stesso tema per creare un sito di e-commerce, un sito aziendale o un portafoglio semplicemente aggiornando il pannello delle opzioni del tema.

Ad esempio, eccone alcuni BeTheme di Oltre 400 demo:

BeTheme

Inizialmente, questi temi presentavano tutte le funzionalità necessarie per far funzionare il tema all’interno del tema stesso. Ma poi hanno iniziato a raggruppare plug-in di terze parti per gestire qualsiasi funzionalità aggiuntiva. I bundle popolari includono un tema premium come Avada + Slider Revolution + Visual Composer.

Plugin per la creazione di pagine come Visual Composer (ora WPBakery Page Builder) sono stati spesso associati a temi premium, consentendo agli utenti di personalizzare i propri temi sul front-end e visualizzare in anteprima le modifiche in tempo reale.

Intestazioni a schermo intero ed eroe

Nel 2016, le intestazioni stavano diventando più grandi e più audaci. All’inizio erano a tutta larghezza e poi sono diventati a schermo intero e hanno mostrato immagini o video scorrevoli.

Questa tendenza nella più ampia comunità di web design si rifletteva nei popolari temi WordPress premium dell’epoca, tra cui Avada, X Theme, Bridge e BeTheme, che offrivano tutti design a schermo intero e titoli di eroi come il tema Salient di seguito.

Tema saliente

Temi di nicchia

Entro il 2017, ThemeForest e piccoli sviluppatori indipendenti di temi premium stavano sviluppando temi di nicchia. Mentre i temi multiuso hanno consentito agli utenti, spesso implementatori, di creare qualsiasi tipo di sito WordPress, i temi di nicchia hanno servito settori specifici.

Chiese, enti di beneficenza, musicisti, personal trainer, life coach, studi legali, agenti immobiliari – tu lo chiami, c’era un tema di nicchia per questo.

Tema Eduma

Questi temi venivano forniti con funzionalità utili per scopi specifici. Ad esempio, lettori di musica per gruppi musicali, strumenti di raccolta fondi per organizzazioni non profit e persino gestione di tabelle di punti per società sportive.

Splash a tema

Oggi: page builder e editor dei blocchi

E ora siamo ai temi dei costruttori e alla fusione di Gutenberg nel core di WordPress.

Per un certo periodo, Visual Composer è stato il plug-in drag-and-drop per la creazione di pagine per la progettazione di temi WordPress: ThemeForest e il suo raggruppamento di temi lo hanno verificato. Divi è stata un’altra soluzione estremamente popolare per gli utenti che desiderano creare rapidamente siti Web.

E sì, ci sono stati molti altri strumenti simili per la creazione di pagine nel corso degli anni. Beaver Builder e, più recentemente, Elementor hanno consentito sia agli utenti che agli sviluppatori di creare siti complessi usando il trascinamento della selezione. E ora puoi anche scaricare temi e modelli di Elementor.

�� Elementor, Beaver Builder o Divi? Qual è il migliore?

Nuove piattaforme di siti Web come Squarespace e Wix hanno sfidato il dominio di WordPress come il CMS più famoso al mondo. Il fatto è che questi concorrenti offrono la costruzione di pagine drag-and-drop intuitive che il core di WordPress semplicemente non ha. Bene, non ha avuto fino a WordPress 5.0.

WordPress 5.0 e l’unione di Gutenberg proiettare nel codice di WordPress è il tentativo di WordPress di giocare al passo, e quindi può attirare gli utenti che ora si aspettano funzionalità di creazione di pagine nelle piattaforme di siti Web.

Editor di blocchi di Gutenberg

Come spiega WordPress.org:

"Gutenberg è più di un editore. È anche la base che rivoluzionerà la personalizzazione e la costruzione del sito in WordPress."

Gutenberg (e temi compatibili con Gutenberg) offre un’esperienza di modifica e costruzione basata su blocchi che consente agli utenti di creare post sul blog (almeno per ora). Un blocco è un singolo elemento di contenuto – un’immagine, un paragrafo di testo o un video di YouTube – e questi blocchi possono essere inseriti, configurati e spostati per creare layout di post.

L’attuale default Twenty Twenty è stato progettato per mostrare la potenza dell’editor dei blocchi. Presenta stili personalizzati per tutti i blocchi predefiniti e, a differenza di molti temi WordPress predefiniti adatti a uno scopo (blog, riviste), Twenty Twenty può essere adattato per l’uso su una vasta gamma di siti Web, da portafogli e siti aziendali a blog e non profitti.

venti e venti

Qual è il prossimo passo per l’editor dei blocchi? Il progetto è ancora in fase di sviluppo attivo come plug-in separato, con piani per continuare a sviluppare il progetto per fornire una maggiore esperienza di creazione di pagine su WordPress, non solo post.

Conclusione

Negli anni ci sono state molte tendenze nella progettazione dei temi WordPress e WordPress come piattaforma ha fatto molta strada dal 2003. Ora, gli utenti possono controllare ogni aspetto del design del loro sito grazie allo sviluppo di soluzioni per la creazione di pagine.

Dove andrà il design del tema WordPress negli anni futuri? Chissà. L’editor dei blocchi è ancora nuovo e ha ancora molta strada da fare. I costruttori di pagine sono diventati la norma, offrendo personalizzazioni che gli utenti 16 anni fa potevano solo sognare.

Nel frattempo, sul back-end, l’API REST di WordPress significa che tutto va bene – WordPress è completamente irriconoscibile su siti Web disaccoppiati, con soluzioni WordPress statiche che spuntano qua e là.

Quali sono le tue previsioni per il futuro delle tendenze del design dei temi di WordPress? Fateci sapere nei commenti qui sotto.

Crediti immagine:

Non dimenticare di partecipare al nostro corso intensivo per accelerare il tuo sito WordPress. Con alcune semplici correzioni, puoi ridurre i tempi di caricamento anche del 50-80%:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector