Evoluzione dell'interfaccia utente di WordPress (2003

Pubblicato: 2023-10-06


L'interfaccia utente (UI) di WordPress si è evoluta costantemente sin dalla sua prima versione nel 2003.

È iniziato come una semplice piattaforma di blogging, ma WordPress è cresciuto fino a diventare una piattaforma CMS a tutti gli effetti e un robusto framework per applicazioni web. Anche l'interfaccia utente si è evoluta nel corso degli anni.

In questo articolo ti porteremo indietro nel tempo per mostrarti le diverse fasi dell'evoluzione dell'interfaccia utente di WordPress dal 2003 ad oggi.

Evolution of WordPress user interface since 2003 until now

L'inizio di WordPress

WordPress è stato lanciato nel 2003. Ciò è dovuto principalmente al fatto che lo sviluppo di un software di blogging già popolare chiamato b2/cafelog è stato interrotto dai suoi principali sviluppatori.

Due utenti appassionati di b2/cafelog, Matt Mullenweg e Mike Little, hanno deciso di costruire una nuova piattaforma sopra quel software di blogging. Ecco come WordPress è stato rilasciato per la prima volta il 27 maggio 2003. Puoi saperne di più sulla storia delle origini di WordPress nel nostro articolo sulla storia di WordPress.

Da allora, ci sono state molte versioni di WordPress. In questo articolo metteremo in evidenza le versioni che hanno introdotto un grande cambiamento nell'interfaccia utente del pannello di amministrazione.

WordPress 0.71 – (giugno 2003)

WordPress 0.71

La pagina di destinazione del pannello di amministrazione di WordPress 0.71 è stata utilizzata per scrivere direttamente i post del blog. In realtà non aveva molte opzioni al di fuori dell'interfaccia del post-editor.

È stato mantenuto semplice includendo meno funzionalità. Ad esempio, gli utenti potevano assegnare solo una categoria a ciascun post.

Aveva anche un metodo di installazione noioso in cui molte informazioni venivano modificate manualmente modificando i file principali del software.

WordPress 1.0.1 (Miglia – 2004)

WordPress  1.0.1 - Miles

WordPress ha iniziato a intitolare le sue versioni principali ai musicisti jazz con il rilascio della versione 1.0.1. Come puoi vedere, questa versione prende il nome da un famoso musicista, Miles Davis.

In questa versione, WordPress ha smesso di utilizzare la struttura di file b2 e si è spostato verso il proprio stile di struttura di archiviazione.

Le nuove funzionalità includevano selezioni multiple di categorie, una struttura URL ottimizzata per SEO, moderazione dei commenti, un nuovo programma di installazione e molti altri miglioramenti.

WordPress 1.2 – Mingus (maggio 2004)

WordPress 1.2 - Mingus

Prende il nome da Charles Mingus, WordPress 1.2 è stata una versione monumentale. Uno degli aggiornamenti più importanti di questa versione è stata l'introduzione dei "Plugin", che ora sono un punto fermo dell'ecosistema WordPress.

Altre modifiche degne di nota sono state le sottocategorie, i campi personalizzati, la creazione di miniature, l'anteprima dei post, le password crittografate e la possibilità di eseguire il ping di più di un servizio alla volta.

WordPress 1.5 – Strayhorn (febbraio 2005)

WordPress 1.5

Questa versione di WordPress prende il nome da Billy Strayhorn. Ha mostrato il primo assaggio di un nuovo stile di cruscotto. Non utilizzava Ajax ed era molto più lento del WordPress che usiamo oggi.

Un'altra caratteristica significativa è stata l'introduzione di pagine accanto ai post, consentendo agli utenti di creare pagine statiche non parte dei feed del proprio blog. Questa versione supportava anche l'installazione di più temi in un'unica installazione di WordPress.

WordPress 2.0 – Duke (dicembre 2005)

WordPress 2.0

WordPress 2.0 ha apportato un'importante revisione dell'interfaccia di amministrazione di WordPress. Aveva una grande intestazione blu in alto e un'area di amministrazione completamente reinventata.

Era molto più veloce delle versioni precedenti, poiché utilizzava Ajax per eseguire determinate attività. Questa versione includeva anche un editor WYSIWYG completo.

Akismet è stato introdotto come plugin per combattere il crescente problema dello spam nei commenti. Alcune altre funzionalità degne di nota sono il caricamento di immagini/file, l'anteprima del tema tramite miniatura (screenshot.png), una migliore velocità di pubblicazione, nuovi hook per gli sviluppatori e altro ancora.

WordPress 2.1 – Ella (gennaio 2007)

WordPress 2.1

WordPress 2.1 Ella è stata la prima versione a introdurre una nuova schermata di amministrazione per gestire i commenti.

Il processo di gestione dei commenti è stato notevolmente migliorato perché gli utenti potevano eliminare o approvare i commenti senza ricaricare le schermate di amministrazione.

WordPress 2.3 – Dexter (settembre 2007)

WordPress 2.3 Dexter

Questa versione non ha cambiato drasticamente l'interfaccia utente di WordPress ma ha aggiunto numerosi miglioramenti significativi. Per la prima volta, WordPress ha migliorato il supporto nativo per aggiungere tag ai tuoi post.

Ha inoltre introdotto un sistema di notifica degli aggiornamenti, che consentiva al core e ai plugin di WordPress di mostrare notifiche quando era disponibile una nuova versione.

Questa versione ha inoltre iniziato a reindirizzare automaticamente gli utenti all'URL WordPress corretto come definito nelle impostazioni.

WordPress 2.5 – Brecker (marzo 2008)

WordPress 2.5

Per WordPress 2.5, il team di WordPress ha collaborato con Happy Cog, una delle principali società di consulenza sul web design, per riprogettare l'interfaccia utente di amministrazione di WordPress.

È stato un importante miglioramento del design e ha avuto un enorme impatto sul modo in cui utilizziamo WordPress oggi.

Post editor in WordPress 2.5

La dashboard è migliorata molto poiché sono state aggiunte più informazioni utili. Questa è stata la prima versione in cui abbiamo visto un aggiornamento con un clic per i plugin nella directory dei plugin di WordPress.

In questa versione sono stati inclusi anche un editor visivo molto migliore e una galleria integrata.

Molti dei componenti principali di questa riprogettazione costituiscono ancora una parte importante del software. Tuttavia, il suo aspetto cambiò rapidamente solo 10 mesi dopo.

WordPress 2.7 – Coltrane (dicembre 2008)

WordPress 2.7

WordPress 2.7 ha apportato un altro importante aggiornamento all'interfaccia utente di amministrazione di WordPress. Gli utenti erano ora in grado di riadattare gli elementi della dashboard di WordPress. Sono state introdotte opzioni sullo schermo in modo che gli utenti possano mostrare e nascondere elementi per soddisfare le loro esigenze.

Altre caratteristiche degne di nota includevano un'installazione più semplice dei plug-in tramite il pannello di amministrazione di WordPress, gli amministratori potevano aggiungere risposte ai commenti dal pannello di amministrazione, commenti in thread, post permanenti, scorciatoie da tastiera, impaginazione dei commenti e altro ancora.

WordPress 2.9 – Carmen (dicembre 2009)

WordPress 2.9

WordPress 2.9 non ha cambiato l'interfaccia utente, ma ha aggiunto diverse nuove funzionalità che si sono integrate magnificamente nell'interfaccia WordPress esistente. Uno di questi cambiamenti era un sistema di aggiornamento dei plugin che permetteva agli utenti di aggiornare i propri plugin alle versioni più recenti con un solo clic.

Un altro importante cambiamento nella versione è stata la funzionalità di modifica delle immagini, che ha consentito agli utenti di ritagliare, ridimensionare, ruotare, ridimensionare e capovolgere le immagini in WordPress.

WordPress 2.9 image editing

WordPress 3.0 – Thelonious (2010)

WordPress 3.0 Thelonious è stato un aggiornamento importante che ha davvero trasformato WordPress da una piattaforma di blogging a un CMS a tutti gli effetti.

Ha introdotto tipi di post, tassonomie, sfondi personalizzati, intestazioni, collegamenti brevi e menu di navigazione. Inoltre veniva fornito con un nuovo tema predefinito chiamato Twenty Ten, che ha dato inizio alla tradizione di introdurre ogni anno un nuovo tema predefinito che prende il nome dall'anno stesso.

Navigation menus in WordPress 3.0

Questa versione ha unito un progetto gemello di WordPress chiamato WordPress MU nel core WordPress. Questa funzionalità è ora nota come multisito WordPress. Lo stile di base dell'interfaccia di amministrazione potrebbe adattarsi a tutti questi importanti cambiamenti senza un'altra revisione significativa dell'area di amministrazione.

WordPress 3.1 – Django Reinhardt (2011)

WordPress 3.1

WordPress 3.1 ha continuato ad aggiungere funzionalità alla robusta interfaccia utente di WordPress.

Con questa nuova versione, WordPress ha introdotto la barra di amministrazione, i formati dei post e una migliore funzionalità di collegamento interno.

WordPress 3.3 – Sonny (2011)

WordPress 3.3

Rilasciato nel dicembre del 2011, WordPress 3.3 era ricco di funzionalità e miglioramenti all'interfaccia utente di WordPress esistente.

Ha aggiunto menu a comparsa per una migliore navigazione nell'area di amministrazione, una barra di amministrazione rinnovata, trascina e rilascia per caricare file multimediali e suggerimenti sugli strumenti. Puoi vedere più funzionalità e screenshot di WordPress 3.3.

WordPress 3.5 – Elvin (2012)

WordPress 3.5

I dispositivi mobili e ad alta risoluzione stavano già diventando accessibili a tutti gli utenti. WordPress 3.5 ha semplificato l'interfaccia utente per i moderni dispositivi con display Retina.

Questa versione includeva icone aggiornate e stili adattivi che apparivano perfetti su qualsiasi risoluzione dello schermo. Scopri altre funzionalità e screenshot di WordPress 3.5.

WordPress 3.8 – Parker (2013)

WordPress 3.8 admin UI

L'aspetto e lo stile di base dell'interfaccia utente di WordPress non sono stati modificati dal 2008 ed erano in ritardo per un aggiornamento importante.

Questo aggiornamento mirava a gestire i dispositivi mobili in modo più elegante e a rendere WordPress più accessibile. Dopo tanto lavoro, la nuova interfaccia utente di WordPress è stata rilasciata con WordPress 3.8.

La nuova interfaccia utente, che è ancora utilizzata (con miglioramenti minori), era reattiva ai dispositivi mobili, aveva più combinazioni di colori, aveva caratteri di icone utilizzati nella dashboard e utilizzava il carattere Open Sans per la tipografia.

Mobile admin UI in WordPress 3.8

WordPress 3.9 – Smith (2014)

WordPress 3.9 ha apportato numerosi miglioramenti per estendere l'interfaccia utente per nuove funzionalità.

WordPress 3.9

Ha iniziato utilizzando pulsanti piatti nell'editor dei post, caricamenti di immagini tramite trascinamento, anteprime di gallerie e altro ancora.

Ha anche aggiunto anteprime dal vivo quando si aggiungono widget nel personalizzatore del tema. Visualizza ulteriori funzionalità e screenshot di WordPress 3.9.

WordPress 4.0 – Benny (2014)

WordPress 4.0

Nello stesso anno venne rilasciato WordPress 4.0. Non sono state apportate modifiche importanti all'interfaccia utente. Tuttavia, sono stati apportati alcuni cambiamenti interessanti che hanno esteso l’interfaccia di amministrazione di WordPress esistente.

È stata introdotta una nuova visualizzazione a griglia per la Galleria multimediale con scorrimento infinito e modifica fluida. Guarda gli screenshot e le funzionalità di WordPress 4.0.

WordPress 4.2 – Powell (2015)

WordPress 4.2 colors

WordPress 4.2 è arrivato con un piccolo ma significativo miglioramento nella combinazione di colori dell'area di amministrazione.

Ai grigi è stata data una leggera tonalità blu e i blu sono stati cambiati in blu puro senza canale rosso. Visualizza ulteriori funzionalità e screenshot di WordPress 4.2.

WordPress 4.5 – Coleman (2016)

Inline link editing

WordPress 4.5 ha apportato alcuni miglioramenti tanto necessari all'editor di post predefinito di WordPress. Sono state introdotte una nuova funzionalità di modifica dei collegamenti in linea e alcune nuove scorciatoie di testo in linea.

Sono state aggiunte anteprime reattive nel personalizzatore del tema, consentendo agli utenti di visualizzare in anteprima il proprio tema per schermi desktop, tablet e mobili senza cambiare dispositivo. Per ulteriori funzionalità, consulta il nostro articolo sul rilascio di WordPress 4.5 con screenshot.

WordPress 4.6 – Pepe (2016)

Shiny updates and plugin installs

Con WordPress 4.6, il team principale ha deciso di iniziare a utilizzare caratteri nativi invece di caricare Open Sans dai server di Google.

Questa versione ha inoltre semplificato gli aggiornamenti, consentendo agli utenti di installare, aggiornare ed eliminare plug-in/temi senza ricaricare la pagina.

WordPress 4.8 – Vaughan (2017)

Media widgets in WordPress 4.8

WordPress 4.8 ha introdotto un nuovo set di widget per aggiungere contenuti multimediali come immagini, audio, video e rich text.

Ha anche aggiunto un nuovo widget della dashboard che mostrava notizie ed eventi di WordPress. Per ulteriori funzionalità e schermate, consulta la nostra panoramica di WordPress 4.8.

WordPress 4.9 – Tipton (2017)

Theme browsing experience in WordPress 4.9

L'ultima importante versione di WordPress per il 2017 ha aggiunto più funzionalità al personalizzatore del tema, inclusa una nuova esperienza di navigazione e anteprima del tema.

Ha inoltre aggiunto l'evidenziazione della sintassi e il completamento automatico agli editor di codice per CSS personalizzati e agli editor di temi/plugin.

WordPress 5.0 – Bebo (2018)

Block Editor was introduced in WordPress 5.0

WordPress 5.0 è stato rilasciato a dicembre 2018. È stata una pietra miliare importante l’introduzione di un nuovo editor basato su blocchi con nome in codice Gutenberg.

Il nuovo editor di blocchi ha consentito agli utenti di creare facilmente bellissimi layout di contenuti con una nuova interfaccia intuitiva. Ogni elemento di contenuto è stato aggiunto come blocco con le proprie impostazioni e gli utenti potevano salvare e riutilizzare i blocchi per una scrittura molto più rapida.

Il nuovo editor a blocchi non aveva tante funzionalità quanto un generatore di pagine WordPress completo, ma ha gettato le basi per utilizzare la stessa funzionalità dell'editor a blocchi in altre aree di WordPress.

Puoi vedere il nostro post sui page builder Gutenberg e WordPress per un'analisi completa delle differenze nel nuovo editor di contenuti.

È stato un passaggio enorme dal semplice vecchio editor TinyMCE a un editor più moderno. Gli utenti che non erano pronti per la transizione potevano utilizzare il vecchio editor installando il plug-in Editor classico.

Tuttavia, molti esperti, tra cui WPBeginner, ritengono che si tratti di un passo avanti necessario per WordPress. La vecchia interfaccia dell'editor classico sembrava obsoleta rispetto agli altri popolari costruttori di siti Web sul mercato.

WordPress 5.2 – Jaco (2019)

Nel 2019, WordPress è rimasto concentrato sul miglioramento dell'editor a blocchi aggiungendo nuove funzionalità, correggendo bug e migliorando l'esperienza utente.

Con WordPress 5.2 è stata introdotta una funzionalità di modalità di ripristino. Invece di mostrare un errore fatale, WordPress ha visualizzato una pagina di errore.

Technical difficulty error

Ha inoltre inviato un'e-mail agli amministratori del sito Web con un collegamento per accedere all'area di amministrazione in modalità di ripristino.

Ciò ha consentito ai proprietari dei siti di risolvere rapidamente il problema senza eseguire diversi passaggi di risoluzione dei problemi.

Recovery mode dashboard

WordPress 5.4 – Adderley (2020)

L’editor a blocchi è rimasto la parte più importante dello sviluppo di WordPress anche nel 2020. Con ogni versione, continuava a migliorare con nuovi blocchi e strumenti e un'esperienza molto più veloce.

Con WordPress 5.4, l'editor a schermo intero è diventata l'impostazione predefinita per l'editor a blocchi.

Full screen block editor

L'editor dei blocchi ha inoltre introdotto una nuova barra degli strumenti per gli schermi mobili.

Ciò ha consentito agli utenti di avere un'esperienza di modifica molto più pulita su schermi di dimensioni più piccole.

Mobile toolbar in 5.4

WordPress 5.5 – Eckstine (2020)

WordPress 5.5 ha introdotto modelli a blocchi.

Un modello è un insieme di blocchi predisposti per aggiungere rapidamente elementi di progettazione di uso comune come intestazioni, piè di pagina, introduzioni, inviti all'azione e altro ancora.

Block patterns

WordPress 5.8 – Tatum (2021)

Template editing in WordPress 5.8

Negli ultimi anni, WordPress ha continuato a migliorare l’editor a blocchi nel tentativo di offrire una soluzione completa per la modifica del sito.

In WordPress 5.8 è stata introdotta una nuova funzionalità di modelli insieme a diversi blocchi a livello di sito per aiutarti a creare facilmente modelli a livello di sito in WordPress.

Questa versione ha introdotto anche widget basati su blocchi. Ogni area pronta per i widget nel tuo tema WordPress ora appare come una scheda nell'editor dei blocchi. Gli utenti potevano aggiungere widget come blocchi alle barre laterali dei loro siti Web e alle aree abilitate ai widget.

Block widgets

Queste funzionalità hanno gettato le basi per futuri aggiornamenti e hanno preparato WordPress a utilizzare un editor di siti basato su blocchi.

WordPress 5.9 – Giuseppina (2022)

WordPress 5.9 è arrivato nel gennaio 2022, con il debutto dell’editor completo del sito.

Site Editor makes it debut appearance in WordPerss 5.9

Ha sostituito i menu di navigazione, i widget e i collegamenti per la personalizzazione dei temi dalla barra laterale di amministrazione con un collegamento all'editor del sito.

Tuttavia, era visibile solo agli utenti con un tema basato su blocchi attivato sui loro siti. Il rilascio è arrivato con Twenty Twenty-Two come nuovo tema predefinito con pieno supporto per l'editor del sito.

L'editor del sito utilizzava l'editor a blocchi, quindi forniva la stessa interfaccia utente per la modifica dei siti Web che gli utenti già utilizzavano per scrivere contenuti.

Site editor interface

WordPress 6.0 Arturo (2022)

WordPress 6.0 è stato rilasciato a maggio 2022. Non ha apportato alcuna modifica ai componenti principali dell'interfaccia utente, ma ha apportato miglioramenti significativi all'esperienza dell'editor del sito.

Ciò includeva l'aggiunta del supporto per la modifica di più modelli e l'aggiunta di più strumenti a diverse impostazioni di blocco.

Edit more templates

WordPress 6.1 – Misha (2022)

WordPress 6.1 è stato rilasciato a novembre 2022 e ha continuato con i miglioramenti all'editor del sito, in particolare ai modelli e alle parti dei modelli.

Questa versione non ha apportato modifiche importanti all'interfaccia utente principale stessa. Tuttavia, ha aggiunto numerosi nuovi strumenti e miglioramenti all'editor dei blocchi. Ha anche iniziato a dare coerenza agli strumenti e alle impostazioni dei blocchi.

WordPress 6.1 block editor consistency

WordPress 6.2 – Dolphy (2023)

Nella prima metà del 2023, WordPress è rimasto concentrato su una più semplice modifica e personalizzazione del sito.

Con il rilascio di WordPress 6.2, il nuovo editor di siti basato su blocchi è uscito dalla versione beta. Ciò ha consentito agli utenti di utilizzare l'editor a blocchi per personalizzare i propri temi WordPress e creare layout, modelli, stili e altro ancora.

Style editing in WordPress 6.2

WordPress 6.3 – Lionel (2023)

Nella seconda metà del 2023, WordPress ha rilasciato la versione 6.3 con aggiornamenti significativi all’editor del sito.

Ha introdotto una nuova schermata di navigazione per l'editor del sito, che ha fornito un accesso più semplice a modelli, pagine, modelli, stili e menu di navigazione.

WordPress 6.3 site editor navigation

Questa versione ha introdotto anche una "tavolozza dei comandi". Gli utenti possono avviarlo con i tasti Comando+K o CTRL+K sulla tastiera.

Lo strumento di comando ha inoltre fornito un accesso più semplice alle scorciatoie di WordPress e la ricerca di contenuti, blocchi, modelli, modelli e altro ancora esistenti.

Command tool in WordPress 6.3

Nelle prossime versioni, WordPress si concentrerà sull’editor del sito, sulla collaborazione in tempo reale all’interno dell’editor WordPress e sulle funzionalità multilingue.

Ci auguriamo che questo articolo ti abbia aiutato a vedere l'evoluzione dell'interfaccia utente di WordPress dalla sua prima versione nel 2003. Potresti anche voler leggere la storia completa di WordPress o dare un'occhiata alle principali aziende e attività di WordPress che sono cresciute con WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per i tutorial video di WordPress. Puoi trovarci anche su Twitter e Facebook.