Recensione del plug-in Spectra: l'estensione perfetta per l'editor Gutenberg

Gutenberg, l'editor visivo di WordPress, è stato all'origine di un acceso dibattito qualche anno fa. Alcuni membri della comunità di WordPress erano reticenti riguardo al suo ruolo. Al giorno d'oggi, è chiaro che Gutenberg non è perfetto, ma ha migliorato il modo di creare siti Web WordPress. È un ulteriore passo avanti verso una migliore esperienza per i webmaster.

Gli sviluppatori e le agenzie di WordPress hanno notato che Gutenberg è perfettibile e focalizzato sul portare miglioramenti. Il plug-in Spectra è uno dei principali contributi a un'esperienza migliorata per gli utenti di WordPress. Non è esagerato considerare Spectra l'estensione perfetta dell'editor di Gutenberg.

Controlla attentamente questa recensione se sei un normale utente di WordPress che desidera migliorare il tuo flusso di lavoro. Spectra potrebbe essere il plugin di cui non vorrai fare a meno!

Introduzione rapida al plug-in Spectra

A parte le sue numerose funzioni interessanti, Spectra offre oltre 40 blocchi che semplificano la creazione di siti web. I blocchi sembrano simili ai blocchi Gutenberg e sono efficaci nella creazione di siti Web moderni. Considerando il numero, la qualità e l'utilità dei blocchi, ti aspetteresti che Spectra sia un plugin premium. Fortunatamente, questo plugin è gratuito ! Non perdi soldi installandolo sul tuo sito web.

Brainstorm Force ha sviluppato il plug-in Spectra. Forse il nome dell'azienda non suona familiare, ma è lo stesso team dietro il tema Astra. In questo contesto, la professionalità e l'esperienza degli sviluppatori di plugin sono fuori discussione.

Non preoccuparti; Spectra non è solo compatibile con Astra; funziona con tutti i temi WordPress! Non ci sono restrizioni all'uso di questo plugin, quindi hai tutti i motivi per provarlo!

Caratteristiche degne di nota

Spectra è un plug-in complesso che racchiude molte funzioni utili. Nonostante la sua complessità, molti utenti possono usarlo a prima vista. Tuttavia, faresti meglio a saperne di più sulle seguenti funzionalità degne di nota prima di installare il plug-in.

Potente costruttore visivo

Non è necessario essere un programmatore per sfruttare appieno il potenziale di Spectra: non è nemmeno necessario scrivere una singola riga di codice. Devi semplicemente trascinare e rilasciare i blocchi sulla tela e giocare con le impostazioni fino a quando non sei soddisfatto del risultato finale. Alcuni blocchi sono strutture complesse, ma la maggior parte degli utenti non ha problemi ad utilizzarli, grazie all'interfaccia intuitiva.

Gli utenti di WordPress hanno molti costruttori di pagine visive per creare siti Web senza codifica. Complessivamente, Spectra è probabilmente il più compatibile con l'editor Gutenberg. Con l'integrazione nativa di WordPress, molti utenti non si rendono conto se stanno usando Gutenberg o Spectra. Oltre alla compatibilità naturale, Spectra colpisce per la sua stabilità e il comportamento senza ritardi. Non devi aspettare per vedere come la tua azione influisce sul layout del sito web. Gli utenti ottengono un potere illimitato per creare il layout desiderato e l'esperienza di costruzione è fantastica!

Centinaia di opzioni di stile

Gli utenti WordPress aspiranti ed esperti apprezzano allo stesso modo il plug-in Spectra. Questo è possibile perché l'utilizzo di questo plugin è semplice, il che attrae utenti meno esperti. Allo stesso tempo, viene fornito con un ampio set di stili che soddisfa le esigenze degli utenti esperti. Con Spectra, hai il controllo completo su ogni pixel di ogni blocco aggiunto a un layout. Ogni blocco ha tre sezioni (a seconda del tipo di blocco, potrebbe differire leggermente):

• Generale
• Stile
• Avanzato .

Nella sezione Generale , seleziona l'orientamento del layout, l'allineamento, la posizione e la preimpostazione di ciascun blocco. La sezione Stile è più complessa; qui scegli i colori, i caratteri, le dimensioni, i bordi, gli sfondi e i margini. Va bene se non hai un'idea chiara delle impostazioni di stile richieste dal tuo progetto. Selezionare i colori, i margini, i bordi e le dimensioni corretti è semplicemente far scorrere un cursore a sinistra ea destra. Ci vuole tempo per mettere a punto tutte le impostazioni, ma il processo è facile da usare e intuitivo. La sezione Avanzate serve a creare esperienze mobili migliori gestendo le condizioni di visualizzazione per i blocchi. Inoltre, puoi aggiungere codice CSS personalizzato.

Layout flessibili

Il plug-in Spectra è stato creato tenendo presenti i principi della compatibilità con i dispositivi mobili e ha contribuito a garantire un'esperienza utente eccezionale indipendentemente dal dispositivo utilizzato. Il plug-in si basa su contenitori flessibili in modo che i siti Web siano reattivi e semplici da personalizzare. La maggior parte dei blocchi ha dimensioni regolabili, quindi non hai limitazioni se opti per un design di layout anticonformista. Anche gli elementi di spaziatura sono intuitivi. In queste circostanze, hai l'intero arsenale necessario per creare un design eccezionale per il tuo sito web.

Modelli sorprendenti

Spectra e Gutenberg sono la combinazione perfetta per i creatori di siti web. Tuttavia, partire da zero non è del tutto semplice e richiede molto tempo. Spectra ti copre le spalle: la libreria di modelli è piena di modelli di prim'ordine. I modelli della libreria rientrano in tre categorie:

• Pagine
• Schemi
• Wireframe

Le pagine sono complesse e si adattano a una vasta gamma di progetti, sia siti Web generali che di nicchia. Sono disponibili demo per agenzie digitali, blog, portfolio personali, accademie di apprendimento online e ristoranti. Alcune demo sono più esotiche e adatte a progetti di nicchia come organizzatori di feste, artisti di calligrafia, addetti alla manutenzione del giardino o enti di beneficenza.

I modelli sono componenti completi del tuo layout che richiedono solo una personalizzazione di base. Ad esempio, puoi importare facilmente elementi come pulsanti di invito all'azione, sezioni FAQ, moduli di iscrizione, testimonianze e intestazioni. Invece di crearlo interamente da zero, inserisci un oggetto del genere e lo personalizzi.

I wireframe sono l'inizio perfetto per gli utenti creativi di WordPress. Queste sono la struttura di base delle pagine web. Non devi iniziare da zero, ma le pagine web non sono complesse, quindi hai molta libertà di esprimere il tuo stile.

In questo modo, Spectra soddisfa tutti i tipi di utenti. Le persone che non hanno tempo o hanno meno esperienza possono apprezzare le Pagine che forniscono loro siti web completi. Stai cercando un componente del sito come una sezione di testimonianze o un modulo di bell'aspetto? Controlla i modelli. Sei abbastanza esperto per creare un sito Web WordPress originale? I wireframe potrebbero essere il punto di partenza per il tuo fantastico sito web.

Basso impatto sulla velocità di caricamento

Ti aspetteresti che un plug-in così complesso aumenti le dimensioni del file del tuo sito web, vero? Fortunatamente, Spectra ha un basso impatto sulla velocità di caricamento. Ciò è possibile grazie ai seguenti aspetti:

• Nessun utilizzo di jQuery . Sebbene jQuery sia una potente libreria JavaScript, i temi e i plug-in moderni non la utilizzano perché rallenta la velocità di caricamento.
• Codice HTML, CSS e JavaScript ottimizzato e minimizzato . Meno righe di codice significano velocità di caricamento più elevate, il che è un grande vantaggio di questi tempi.
• Carica i caratteri Google localmente. Il browser e il server che ospita i file del sito inviano e ricevono richieste per il rendering delle pagine web. L'invio e la ricezione di richieste richiede pochi millisecondi, ma questi si aggiungono alla velocità di caricamento complessiva. Puoi ridurre il numero di richieste caricando i caratteri localmente e il tuo sito si caricherà più velocemente.

Amichevole per i motori di ricerca

Spectra ha un basso impatto sulla velocità di caricamento di un sito Web che influisce sul ranking di ricerca. La velocità è un fattore di ranking per i motori di ricerca, quindi più veloce è un sito web, migliori sono le posizioni che ottiene. Oltre alla velocità, altre funzionalità di Spectra aiutano a rendere il tuo sito ottimizzato per i motori di ricerca, come ad esempio:

• Codice pulito e conforme agli standard . Un plug-in ben codificato aiuta gli spider dei motori di ricerca a eseguire la scansione dei siti Web.
• I blocchi SEO-friendly di Spectra, come How-to e FAQ, sono ideali per i rich snippet. Questi sono di fondamentale importanza per i siti web di recensioni o le attività commerciali locali.
• Concentrati sull'esperienza utente . Non è chiaro se UX sia un fattore di ranking per l'algoritmo di Google, ma è chiaramente un fattore indiretto. Una buona UX delizia i visitatori del sito e rimarranno sul tuo sito più a lungo. Il tempo di permanenza (per quanto tempo un visitatore rimane sul tuo sito dopo essere arrivato dai risultati di Google) è, molto probabilmente, un fattore di ranking.

Blocchi utili

È abbastanza logico chiedersi se i blocchi di Spectra sono di vera necessità o sono solo un bel set di blocchi che potrebbero aiutarti. Le preferenze e le aspettative degli utenti variano, ma crediamo che i blocchi susciteranno il tuo interesse. Ovviamente puoi testare tu stesso i blocchi installando il plugin. Ecco alcuni blocchi degni di nota che hanno catturato la nostra attenzione.

Cronologia dei contenuti

Vuoi creare una tabella di marcia visivamente accattivante per il tuo prodotto o mostrare la storia della tua azienda? Vuoi creare una timeline di contenuti accattivante? Questo blocco è perfetto per questi scopi. È semplice da usare e crea un grande effetto sui visitatori del sito.

Sommario

Un sommario è essenziale per i contenuti di lungo formato. Avrai bisogno di un tale blocco se pubblichi post di blog approfonditi, documenti di ricerca o casi di studio. Il blocco è altamente configurabile e permette:

• Scelta delle intestazioni per generare la tabella;
• Nascondersi su cellulare e tablet;
• Personalizzazione dell'allineamento e della posizione;
• Selezione dei colori e dei caratteri.

Come schematizzare

Questo blocco è ideale per strutturare i dati in un formato conciso. Ha due vantaggi fondamentali:

• I dati strutturati sono conformi ai requisiti di Google, quindi il tuo snippet verrà visualizzato nelle ricerche di Google;
• Ogni pixel dello schema è regolabile, quindi puoi aggiungere immagini, selezionare i colori e la spaziatura e determinare le condizioni di visualizzazione.

La capacità di attenzione delle persone si riduce costantemente. Pertanto, un blocco How-To è un ottimo strumento per fornire molte informazioni in un formato conciso e facile da ricordare.

Cursore

È difficile credere che non ti serva uno slider per il tuo sito web. Certo, ci sono fantastici siti Web senza cursori, ma certamente è un ottimo strumento per visualizzare contenuti e deliziare i visitatori del sito. O usi uno dei tanti plugin slider o il blocco Slider di Spectra. Scegliendo quest'ultima opzione, hai molte impostazioni per regolare il dispositivo di scorrimento e adattarlo allo stile del tuo sito. Funziona per la visualizzazione di più immagini ma anche per presentare prodotti, servizi, sconti, le ultime notizie o post di blog.

Elenco tassonomia

Questo blocco visualizza ricerche personalizzabili senza scrivere sequenze condizionali di codice. Funziona benissimo per la visualizzazione di tassonomie basate su categorie e tag. Negozi online, notizie di riviste e siti di recensioni sono i principali beneficiari di questo blocco. Puoi visualizzare il conteggio dei post, le tassonomie vuote e nasconderle su dispositivi mobili e/o tablet. Inoltre, anche il design del blocco è personalizzabile.

A voi

Spectra è un ottimo plugin che espande le possibilità di Gutenberg. I blocchi e i modelli sono simili a un plug-in premium, ma Spectra è (ancora) gratuito. In questa luce, faresti meglio a installarlo e testarlo! Siamo ansiosi di conoscere la tua impressione, quindi lascia un commento con le tue esperienze.