Se state caricando WPBeginner oggi, potreste aver notato che abbiamo un nuovo design del sito. Considerando che il nostro ultimo design risale al 2012, molti di voi direbbero che è ora che diamo una rinfrescata a WPBeginner. Volevo condividere con voi alcune intuizioni sul nostro processo di redesign, cosa abbiamo imparato, perché ci è voluto così tanto tempo e, soprattutto, cosa c'è di nuovo nel nuovo design.
Un po' di contesto
Ho avviato WPBeginner nel 2009. Nei primi 3 anni, WPBeginner ha subito 4 redesign. Questo richiede molte risorse che avrebbero potuto essere impiegate meglio nella nostra missione principale:
Aiutare le piccole imprese a crescere e competere con i grandi attraverso i nostri strumenti, il nostro team e la nostra formazione.
Dopo WPBv4, ho deciso di concentrarmi sulla nostra missione principale e i risultati sono sorprendenti.
Negli ultimi quattro anni:
- Abbiamo creato oltre mille tutorial gratuiti su WordPress sul blog di WPBeginner.
- Abbiamo aggiunto oltre 500 nuovi tutorial video sul nostro Canale YouTube.
- Abbiamo aggiunto oltre 100 termini nel nostro Glossario WordPress.
- Abbiamo lanciato OptinMonster – uno strumento che converte i visitatori del sito che abbandonano in iscritti. I nostri moduli di opt-in vengono visualizzati diversi miliardi di volte al mese.
- Abbiamo lanciato Envira Gallery, la soluzione galleria WordPress più potente, per aiutare i nostri utenti a creare facilmente gallerie di foto e video senza rallentare i loro siti web.
- Abbiamo lanciato Soliloquy, un plugin per slider WordPress responsive e facile da usare che pone le prestazioni e l'esperienza utente come sua priorità numero 1.
- Abbiamo lanciato WPForms, il plugin per moduli WordPress più adatto ai principianti, basato sui tuoi feedback e suggerimenti.
- All'inizio di quest'anno, abbiamo acquisito Yoast Analytics e lo abbiamo rinominato MonsterInsights. Stiamo riscrivendo l'intero plugin per rendere Google Analytics facile per i principianti.
Complessivamente, i nostri plugin sono stati scaricati oltre 13 milioni di volte e sono attivamente utilizzati su oltre 2 milioni di siti web.
Sebbene tutti questi siano grandi successi, abbiamo una nuova serie di sfide che devono essere affrontate se vogliamo continuare a migliorare e servire la nostra missione.
Questo mi porta a WPBeginner v5.
Design basato sui dati
Negli ultimi anni, l'utilizzo dei dispositivi mobili è aumentato in modo significativo per la maggior parte dei siti web. Ecco perché abbiamo sempre raccomandato a tutti di scegliere un tema WordPress responsive e adatto ai dispositivi mobili quando si avvia un blog.
Questo era un po' ironico perché il nostro sito web non era responsive. Abbiamo ricevuto molte critiche sui social media da altri designer e sviluppatori WordPress della community.
Occasionalmente ricevevamo commenti dai lettori che chiedevano perché WPBeginner non fosse responsive.
Sebbene comprenda l'importanza del design responsive, è ancora più importante prendere decisioni basate sui dati quando si tratta di dare priorità alle attività nella propria attività.
Nel 2012, quando abbiamo lanciato il design di WPBv4, meno del 2% del nostro pubblico era su dispositivi mobili.
Oggi, nel 2016, questo numero è aumentato a circa il 7%.
Questo è ancora molto basso rispetto ai miei altri siti web come List25, dove oltre il 50% degli utenti è su dispositivi mobili.
Ma ha senso perché la maggior parte delle persone non installa plugin sui propri siti web WordPress tramite dispositivo mobile. La maggior parte delle persone non apporta modifiche al codice da mobile. La maggior parte delle persone non cerca di correggere errori comuni di WordPress da mobile.
Ecco perché rendere WPBeginner responsive non era la nostra priorità principale. Tuttavia, una volta che l'utilizzo da mobile ha superato il 5%, abbiamo iniziato a pianificare il redesign che ha affrontato anche altre sfide.
Un'altra sfida che abbiamo affrontato è stata l'usabilità del sito. Man mano che aggiungevamo più contenuti, diventava più difficile per gli utenti trovare ciò che stavano cercando. Ad esempio, avevamo 8 articoli che parlavano di velocizzare WordPress, ma nessuna soluzione completa passo dopo passo.
Abbiamo esaminato le query di ricerca più digitate nel modulo di ricerca di WPBeginner per creare tutorial completi passo dopo passo che ora sono ben evidenziati nel design.
Abbiamo anche reso più facile la ricerca su WPBeginner con un overlay di ricerca a schermo intero nell'intestazione e una barra di ricerca aggiuntiva nella barra laterale.
In futuro, renderemo più facile per gli utenti trovare ciò che cercano creando portali di contenuti che sfruttano in modo creativo i tag di WordPress.
Novità in WPBv5
La funzionalità principale del sito è rimasta la stessa. Ecco alcune modifiche degne di nota sul sito web:
Nuova pagina Inizia qui
Se sei nuovo su WPBeginner, apprezzerai la nuova pagina Inizia qui
Design del sito web reattivo
Il sito web WPBeginner è ora reattivo al 100%, quindi ha un bell'aspetto su tutti i dispositivi.
Abbiamo scelto di attenerci al popolare framework Genesis per costruire il nostro tema figlio personalizzato.
Guide complete
Se guardi nella barra laterale di ogni pagina, vedrai una nuova sezione "Ho bisogno di aiuto con..." che evidenzia guide complete come come velocizzare WordPress, come migliorare la sicurezza di WordPress, come ottimizzare la SEO di WordPress e altro ancora.
Migliore visibilità per i nostri prodotti
Nel sondaggio di WPBeginner, una delle domande che ho posto era di nominare un prodotto che possediamo. È stato piuttosto sorprendente quante persone non conoscessero i nostri prodotti. Nel nuovo design, faremo un lavoro migliore nell'evidenziare i prodotti che possediamo.
Questo inizia con una nuova pagina plugin WordPress premium.
Ruoteremo anche i prodotti nella nostra barra laterale e negli annunci della newsletter.
FontAwesome e Nuovo Font
Potresti notare l'uso di font icona nel nuovo designer. Si chiama FontAwesome, e sono un grande fan del lavoro di Dave Gandy.
Usiamo il suo lavoro su tutti i nostri prodotti e siamo orgogliosi sostenitori di FontAwesome.
Curiosità, puoi effettivamente aggiungere il logo WPBeginner come font se usi FontAwesome così come le nostre altre proprietà.
Nel nuovo design, stiamo ora utilizzando il font Proxima Nova tramite Typekit.
Nuovo Plugin di Condivisione
In passato, abbiamo utilizzato una variazione del plugin Floating Social Bar.
Dopo i cambiamenti da parte di Twitter, Facebook e altri, ho sentito che era il momento di creare un nuovo plugin di condivisione per WPBeginner.
Estrae accuratamente il conteggio di Twitter, ma soprattutto ora ha un conteggio totale delle condivisioni.
Ho scelto di interrompere il comportamento flottante e piuttosto i pulsanti di condivisione vengono ora aggiunti all'inizio e alla fine di ogni post. Questo aiuterà a migliorare l'esperienza utente su schermi di dimensioni ridotte.
Nuovo eBook e Moduli di Iscrizione
In fondo a ogni post, vedrai un nuovo modulo di iscrizione per scaricare il mio toolkit WordPress. Questo eBook condivide gli strumenti esatti che utilizziamo sui nostri siti web.
È diverso dal blueprint di WPBeginner perché quello ti mostra solo ciò che usiamo su WPBeginner.
L'eBook del toolkit è più completo.
Ho anche sostituito il modulo di iscrizione nella barra laterale con MonsterLinks, un processo di iscrizione in 2 passaggi. Il modulo di iscrizione nella barra laterale non convertiva a un tasso sufficientemente elevato da giustificare lo spazio occupato. Quindi, ora, se desideri iscriverti via email, puoi farlo cliccando sull'icona dell'email nella barra laterale.
Cosa succederà dopo
Oltre alle modifiche al front-end, abbiamo apportato molte modifiche al back-end che renderanno facile per il team di WPBeginner creare guide più complete nei prossimi mesi.
Il sito di abbonamento ai video di WPBeginner subirà un restyling. Attualmente utilizza ancora il vecchio tema.
Lo trasformeremo in un sistema LMS che riunirà il corso di video per principianti e i nostri oltre 500 video di YouTube in un luogo centralizzato.
L'obiettivo di questo sito sarebbe offrire corsi più organizzati per rendere facile agli utenti imparare WordPress velocemente.
Voglio ringraziarvi tutti per il vostro supporto e feedback.
Con i migliori saluti,
Syed Balkhi
Fondatore di WPBeginner
Vipin
Ciao,
Il design sembra fantastico.
In realtà, volevo anche lo stesso aspetto per il mio sito web che è anche correlato al business di offerte e coupon. Ho anche impostato il framework genesis e il tema child genesis-simple, ma non so come hai ottenuto l'opzione di toggle dell'header e il post delle offerte, puoi guidarmi
Grazie
Vipin Singh
Shola
beh, non conoscevo il vecchio design ma comunque adoro il nuovo design. ogni volta che vengo su questo sito, mi sembra che il mio design del sito possa essere così. grazie tema wpbeginner. state facendo un ottimo lavoro. buona giornata.
Supporto WPBeginner
Ciao Shola,
Thanks for the kind words.
Amministratore
Atul
Questo design piatto sembra piuttosto buono su tutti i dispositivi. Ora sembra molto meglio.
Aaditya Sharma
Sono un lettore abituale del tuo sito web, il nuovo design del sito è un buon miglioramento rispetto a quello precedente, ma non mi fa sentire un "OMG".
Forse la larghezza del sito può aumentare.
Ekesmall
Wow, sono così felice di vedere il design reattivo perché prima era piuttosto difficile visualizzare il sito web sul telefono cellulare, ma ora va bene.
Srivalli
Congratulazioni Syed, il nuovo layout sembra molto pulito e carino. a proposito, il tuo nuovo plugin di condivisione è disponibile per altri utenti? sembra molto pulito e significativo.
Staff editoriale
Ciao Srivalli,
No the new share plugin is not public yet
Amministratore
Srivalli
Grazie, spero che lo renderai pubblico presto...:)
Businge Brian
È davvero incredibile. Mi piace il nuovo design. Ero qui l'altro giorno, mi sono svegliato, ho controllato il mio sito web preferito di tutorial WordPress e quello che ho visto era rinfrescante. Davvero fantastici ragazzi.
Staff editoriale
Glad you liked it Businge
Grazie per le gentili parole.
Amministratore
LH Louis
Adoro questa barra di condivisione mobile. Anche Mashable ne ha una fantastica!
P.S. mi piacerebbe avere dei backlink qui...
Staff editoriale
Grazie.
Se intendi i backlink nei commenti, li abbiamo rimossi perché attiravano troppi spam.
Amministratore
Muhammad Imran
Ottimo design, complimenti al team WB
M Imran
Staff editoriale
Grazie Imran
Amministratore
Diane
Adoro il redesign. Giusto per curiosità, cosa ne pensi dell'annuncio di Google sui pop-up e sui ranking? Per una volta sono d'accordo con Google. Non ero sul vostro sito da più di un paio di secondi prima che apparisse un pop-up che mi chiedeva di iscrivermi (lo sono già). Non ho avuto nemmeno il tempo di controllare il contenuto e vedere se mi piace e mi viene chiesto di iscrivermi. È diventato un fastidio costante online. C'è un modo per aggiungere il tracciamento a opt-in monster, in modo che se clicco da una delle vostre newsletter, il pop-up di iscrizione non appaia? Ecco, questo sarebbe un punto di forza.
Comunque divago (non ho potuto farne a meno, il pop-up era DAVVERO fastidioso!!) – il vostro sito è fantastico e il vostro contenuto è davvero favoloso. Chiedete ai visitatori se vogliono iscriversi dopo che hanno avuto il tempo di leggere i vostri contenuti e potreste scoprire che otterrete un tasso di iscrizione più alto...
Staff editoriale
Ciao Diane,
Grazie per il tuo feedback.
Ho scritto qui sulle nuove regole di Google per i popup mobile-friendly:
http://optinmonster.com/the-new-google-mobile-friendly-rules-for-popups/
Amministratore
Herwig
Adoro il nuovo design! Solo una domanda: il tuo nuovo plugin di condivisione è disponibile da qualche parte? Sembra davvero fantastico!
Staff editoriale
Ciao Herwig,
Grazie per le gentili parole. Il plugin di condivisione non è disponibile al momento perché è stato codificato su misura per WPBeginner. Potremmo rilasciarlo in futuro, ma non è ancora pronto per il rilascio pubblico.
Amministratore
Betty Johnston
…OK! eccellente!.. Vi seguo da molto tempo… questo aggiornamento è veloce… UX-UI super… chiaro… (tranne il vostro logo… un po' sfocato)… Adoro i colori a contrasto… e le istruzioni facili… Sono d'accordo con voi; non uso il mio Note5 per sistemare nulla….personalmente leggo tutto quando non sono in ufficio e poi applico quello che mi serve dal mio desktop/laptop… Sono ansioso di controllare molte cose in cui ho bisogno di aiuto… Grazie e Congratulazioni…!!
Staff editoriale
Thanks for the feedback Betty. We appreciate it
Amministratore
Salman
Il sito è fantastico. Meglio della versione precedente.
Potete fare un elenco di tutti gli strumenti e le tecnologie che avete utilizzato per realizzare questo sito web e pubblicarli? Sarebbe meraviglioso. Grazie.
Staff editoriale
Ciao Salman,
Abbiamo un elenco di tutto ciò che utilizziamo su WPBeginner qui: https://www.wpbeginner.com/blueprint/
Amministratore
TeQuan Douglas
Ciao, Syed!
Wow… WPBeginner è in realtà molto più veloce di quanto sia sempre stato, devo dire che adoro questo nuovo design. Uso WPBeginner almeno 5 volte al giorno, continuate così..
Staff editoriale
Thank you TeQuan
Amministratore
Brin Wilson
Well done: looks fab – simple, clean and well thought out. Impressive.
Staff editoriale
Grazie Brin
Amministratore
Lisa
Molto bello – congratulazioni a Syed e al team e a StudioPress!
Staff editoriale
Thanks Lisa
Amministratore
Neil Forrester
Ciao Syed,
Ottimo lavoro sul nuovo design e grazie per tutti i tutorial di WordPress. Mi riferisco al vostro sito regolarmente e credo che sia una risorsa inestimabile.
I migliori auguri,
Neil Forrester | pixelfire.com.au
Staff editoriale
Grazie Neil – apprezziamo il tuo supporto.
Amministratore
Henri Lotin
Ciao, a WPBeginner!
Congratulazioni a tutto il team.
Mi sono lamentato mesi fa che il sito non era reattivo. Ora sono servito, e ben servito.
Tutti pollici in su, dal Camerun!
Staff editoriale
Grazie per la pazienza e il continuo supporto Henri. Lo apprezziamo molto.
Amministratore
Izham
Mi piace il nuovo design. All'inizio anch'io mi sentivo strano perché WPB non aveva un design reattivo.
Dopo aver letto questo ora capisco perché.
Ottimo lavoro WPB!
Mi sono imbattuto nel vostro blog e ha migliorato molto la mia esperienza con wp.
Mi piace il modo in cui spiegate. Le intuizioni che mostrate dimostrano che il vostro team le testa davvero prima di scriverne. Non come alcuni blog che copiano e incollano e modificano solo per posizionarsi su Google.
Vi seguirò.
Staff editoriale
Grazie Izham.
Amministratore
Mike
Mi piace il nuovo design. Sebbene sia vero che quando lavoro sui miei siti, non sono su mobile. Ricevo le tue email sul mio cellulare e molto spesso le salvo per leggerle nella mia caffetteria locale. Questo renderà le cose molto migliori. Buona fortuna con il nuovo design.
Staff editoriale
Thanks Mike – yup that was the most common use-case. People read emails via phone and then come to our site. Hopefully it will be a much better UX now
Amministratore
Adrienne
Finalmente! Lol Leggo le tue cose sul treno ed era snervante dover ridimensionare la pagina.
Adrienne
No davvero, vi adoro!! Continuate così!!
Ben
Ciao Syed,
Un nuovo look fantastico per una grande risorsa su tutto ciò che riguarda WordPress.
Mi piace molto quello che avete fatto e con messaggi chiari ovunque.
Grazie per averci fatto conoscere il processo e come avete proceduto.
Potrebbe ispirare alcuni a fare un restyling!
In bocca al lupo
Ben
OBINNA DURU
Ciao WP Beginner, ho recentemente iniziato a lavorare con il CMS WordPress e l'ho trovato molto facile perché uso la maggior parte (se non tutti) dei materiali del tuo sito. Costruisco siti web per clienti e ho una società di hosting gratuita che uso. Navigo sul tuo sito, almeno, non meno di 8 volte al giorno, cercando soluzioni ai problemi dei miei clienti. Stavo navigando sul tuo sito quando improvvisamente è cambiato dal vecchio design a questo nuovo! Preferivo il precedente a questo perché il design precedente mostrava un menu di navigazione a larghezza intera sul mio piccolo telefono, rendendo molto facile navigare, ma questo nuovo design riduce tutti gli elementi di navigazione in un "MENU" su cui devo cliccare prima che il resto venga visualizzato! Vorrei cogliere questa opportunità per chiedere: "come posso rimuovere la reattività da un tema WordPress e farlo visualizzare un menu di navigazione a larghezza intera anche sugli smartphone? Uno dei miei clienti me lo ha chiesto e non riesco a risolvere quel problema. Grazie e Dio ti benedica.
OBINNA DURU
Utilizzo un tema dalla directory dei temi di WordPress e il nome del tema è WP knowledge base. come posso rimuovere la responsività da quel particolare tema, e da tutti i temi in generale, facendolo visualizzare un MENU DI NAVIGAZIONE A LARGHEZZA PIENA anche su piccoli schermi di telefono, esattamente come era il vostro precedente design. Dio benedica.
Supporto WPBeginner
Ciao Obinna,
Grazie per il feedback. La maggior parte degli utenti trova il menu di navigazione collassato più facile da usare su schermi più piccoli. È più facile da toccare e più elementi possono essere visualizzati nel menu.
Se desideri utilizzare un menu a larghezza intera, puoi iniziare con un tema WordPress che non sia completamente reattivo. Puoi anche impostare la larghezza usando CSS.
Amministratore
Mitch
Ottimo vedere l'aggiornamento e tutto ciò che porta.
Devo dire che NON avevo idea che foste i proprietari di quei plugin!
Francamente, pensavo che qualcuno con scrupoli meno che desiderabili avesse preso il controllo di Yoast Analytics, quindi è fantastico sapere ora che qualcuno di rispettabile come WPBeginner ne è il proprietario!
Scott Buehler
Sembra fantastico e veloce.
Staff editoriale
Thank you
Amministratore
Josalone Wordsworth
Seguo questo sito in silenzio da 4 anni, sono contento che le vostre nuove modifiche siano pratiche per ciò che insegnate ai principianti come me quando costruisco siti wp (mobile first).
Continuate così con il vostro ottimo lavoro, voi e il vostro team.
Staff editoriale
Thanks for the kind words Josalone. We appreciate your support
Amministratore
Ahmad Awais
Congratulazioni al team WPB! Il nuovo design sembra piuttosto buono. "Era ora"!
Staff editoriale
Grazie Ahmad per le gentili parole.
Amministratore
Sidah
Ottimo aspetto.
Forse vorresti rendere il wpbeginner in una risoluzione più alta? Sembra brutto sul mio iPhone 6.
Cordiali saluti
Staff editoriale
Il sito attuale non è retina perché vogliamo assicurarci che sia veloce in tutto il mondo (anche con connessioni più lente).
Amministratore
Dick Motta
Attendo con ansia gli aggiornamenti. Voglio apportare modifiche al sito web, ma in qualche modo mi distraggo. Spero di poter dedicare più tempo all'apprendimento delle procedure di wp.
Staff editoriale
Grazie
Amministratore
Parvez Afshar
È bello e creativo – cerca di renderlo il più bello e facile da usare. Assolutamente fantastico ora, congratulazioni.
Carlito Thomas
Adoro il nuovo design! Il tuo logo principale è un po' sfocato, però.
Arief Mardianto
Faccio sempre quello che fa WPB. Vita WPBv5
Stephen
Il nuovo design è semplice ma potente.
Complimenti a te e al tuo team Syed.
Staff editoriale
Thanks Stephen
Amministratore
Ajay
Aggiornamento eseguito in modo sorprendente! Grazie per quello che stai facendo per la community WP
Staff editoriale
Grazie Ajay
Amministratore
Dawn Groves
Bel lavoro, Syed. Soprattutto la descrizione di come l'hai fatto. Un'altra offerta a valore aggiunto di sicuro.
Dawn
Staff editoriale
Thanks Dawn
Amministratore
Gayle Hardy
Ottimo lavoro! Congratulazioni, il sito è fantastico e tutti i tuoi aggiornamenti hanno perfettamente senso. Apprezzo tutti i consigli, i trucchi e le istruzioni facili da seguire che hai condiviso negli anni e non vedo l'ora di imparare ancora di più su WP negli anni a venire.
Staff editoriale
Grazie Gayle per il tuo continuo supporto.
Amministratore
Herb Trevathan
Bel lavoro. Adoro Genesis : ) Uso spesso i tuoi snippet.
Staff editoriale
Thanks Herb – appreciate your support
Amministratore
Suman Gaudel
Felice di vedere il WPB in un design responsive.
Staff editoriale
Cheers
Amministratore
Sowmay
Dove posso trovare il tuo nuovo Social Share Plugin?
Supporto WPBeginner
Ciao Sowmay,
È un plugin personalizzato che abbiamo sviluppato per il nostro uso.
Amministratore
Pat Fleck
I agree with Adeel. It looks like you have put a lot of thought into the re-design. Also good to see that the site is now responsive
Staff editoriale
Thanks Pat
Amministratore
Dallas
Adoro il nuovo look del sito. Bel lavoro! Sembra che la tua larghezza totale sia di circa 940px. C'è stato un motivo specifico per scegliere una larghezza ridotta?
Staff editoriale
Perché la maggior parte delle nostre immagini di contenuto sono larghe 520px. Vogliamo assicurarci di mantenere il nostro sito veloce perché molti dei nostri utenti non hanno una connessione internet veloce. Scegliere una larghezza di contenuto maggiore e caricare immagini di dimensioni maggiori rallenta ulteriormente il sito.
Questo non è evidente nella parte occidentale del mondo, ma molti altri paesi hanno internet molto lento.
Amministratore
Wesley Banks
Se non fossi così preoccupato per le dimensioni delle immagini esistenti o per le velocità internet lente, avresti cambiato la larghezza? Ho sempre difficoltà quando creo nuovi siti su quale sia la larghezza di contenuto migliore. Quindi, mi piacerebbe sentire qualche tua opinione. Grazie!
Staff editoriale
A quel punto l'avrei progettato a 1140 perché immagini più grandi sono decisamente più belle.
Doug
Bel lavoro Syed.
Staff editoriale
Grazie Doug
Amministratore
Andre
Fantastico, semplicemente fantastico!
Staff editoriale
Grazie Andre
Amministratore
Teresa Maslonka
Congratulazioni per il nuovo restyling e grazie per le vostre ponderate modifiche. Non vedo l'ora di esplorare il sito!
Staff editoriale
Grazie Teresa per le gentili parole.
Amministratore
Sowmay
Syed, ho trovato questo design più adorabile di quello precedente.
Staff editoriale
Grazie
Amministratore
Banna
Il design sembra bello.
Ma mentre scorro l'articolo, mi manca la barra laterale. Sembra che abbiamo molto spazio.
Staff editoriale
Grazie per il feedback Banna. Nei prossimi giorni, aggiungeremo delle caselle scorrevoli per aggiungere contenuti pertinenti ad alcuni articoli.
Amministratore
Adeel Sami
Ciao, Syed!
Questo design è semplicemente fantastico: pulito, semplice ed elegante!
Congrats!
Neal Umphred
Molto bello, davvero...
kharid
grazie mille per questo articolo