EditorPlus presenta i suoi primi blocchi e aggiunge un creatore di blocchi personalizzato

In quello che sembra essere un assalto senza fine di nuove funzionalità, Munir Kamal ha rilasciato alcune importanti novità per il suo plugin EditorPlus negli ultimi due aggiornamenti. La versione 2.0, che è arrivata oggi prima, include una serie di sette nuovi blocchi. La versione precedente mostrava una funzione di creazione di un blocco che mette più opzioni di personalizzazione nelle mani degli utenti finali.

L'editor di blocchi ha alimentato la sua creatività e non ha esaurito le idee per il suo sito Web di condivisione di blocchi GutenbergHub o il plug-in EditorPlus. Le prossime versioni dovrebbero vedere una revisione dell'interfaccia utente per il plug-in e una possibile API per sviluppatori di terze parti.

Ha detto che si assicurerà che EditorPlus lavorerà insieme all'editor del sito di WordPress quando arriverà in futuro. Inoltre, l'eventuale supporto dei blocchi di WooCommerce è sul tavolo. Per ora, l'attenzione si concentra sulle funzionalità del plug-in che ha lanciato nelle ultime settimane.

Creazione di blocchi personalizzati

Con il set di blocchi di base di WordPress già nelle mani degli utenti, quasi tutto è già possibile. Questi blocchi coprono essenzialmente tutti gli elementi fondamentali del web design, come intestazioni, paragrafi, elenchi, citazioni e altro. A volte il trucco per costruire qualcosa di unico è mescolare e abbinare questi elementi per creare qualcosa di nuovo. Questo è essenzialmente ciò che questa nuova funzionalità di creazione di un blocco è per EditorPlus.

Il salvataggio di un blocco personalizzato è semplice. Gli utenti devono prima racchiudere i loro blocchi in un blocco di gruppo principale. Quindi, dal menu "altre opzioni" nella barra degli strumenti del blocco, seleziona l'opzione "Aggiungi a blocchi personalizzati". Il plugin chiederà un titolo di blocco prima di salvare.

Da non confondere con i blocchi riutilizzabili, che sono risorse che rimangono le stesse da un post all'altro, i blocchi creati sono come tutti gli altri blocchi. Sono accessibili tramite l'inseritore di blocchi nella categoria "I miei blocchi personalizzati".

Mancano un paio di dettagli minori che sarebbero grandi aggiunte a lungo termine. Il primo è la possibilità di selezionare un'icona personalizzata per il blocco. Attualmente, tutti i blocchi personalizzati condividono un'icona. Il secondo è la possibilità di aggiungere un'anteprima nell'inseritore di blocchi.

Kamal ha creato questa funzione in modo che gli utenti finali potessero creare semplici blocchi per se stessi. È anche uno strumento per gli sviluppatori per creare rapidamente blocchi per i siti Web dei clienti.

"Ad esempio, quasi tutti i siti Web aziendali necessitano di un blocco Testimonial, ma non ce n'è uno nel core per quello scopo esatto", ha affermato. “Ovviamente, puoi crearlo usando la combinazione di blocchi principali, ed è così che lo fai. Ho visto molti plug-in di blocchi che portano blocchi come Testimonial, Team, Pricing, ecc., Ma quelli possono essere facilmente creati con i blocchi principali. "

Ha già mostrato alla community fino a che punto puoi estendere i blocchi principali per creare layout unici con le sue librerie di blocchi e modelli. Quindi, non è al di fuori del regno delle possibilità che gli utenti possano creare alcune di queste cose direttamente dall'editor.

Il creatore di blocchi sembra essere gestito meglio come creatore di schemi di blocchi. In sostanza, gli utenti creano modelli personalizzati, che sono raggruppamenti di blocchi. Kamal ha detto che anche un creatore di modelli è nella lista delle cose da fare.

"Dato che Gutenberg ha entrambi questi pezzi da utilizzare per la creazione di contenuti/layout, aggiungerò entrambe le funzionalità", ha affermato. “Salva come blocco è stato aggiunto, verrà aggiunto anche 'Salva come modello'. Spetterà all'utente utilizzare il modo che preferisce in base al proprio flusso di lavoro".

Io propendo per attenermi al paradigma del modello esistente, una singola caratteristica che gestisce gruppi di blocchi. Tuttavia, sarà interessante vedere cosa preferiscono gli utenti. A lungo termine, ciò che conta di più è che abbiano facile accesso agli strumenti di cui hanno bisogno per costruire le loro pagine.

I blocchi “mancanti”.

All'inizio di oggi, Kamal ha rilasciato quelli che chiama i blocchi "mancanti" per WordPress. Si tratta di un insieme di sette blocchi personalizzati che gestiscono tipi di contenuto non possibili con i blocchi principali esistenti. In passato, era riluttante a creare blocchi, preferendo estendere gli strumenti forniti da WordPress fuori dagli schemi.

"La mia idea originale è ancora quella di estendere Gutenberg per ciò che manca e di renderlo più potente per creare bellissimi design visivamente senza codice", ha affermato. “E, dopo aver creato centinaia di modelli/design, mi sono reso conto della necessità di alcuni importanti blocchi mancanti che sono più comunemente usati intorno ai costruttori di siti web ma mancano in Gutenberg. Quindi sto solo aggiungendo quei blocchi in EditorPlus che mancano, devono essere necessari per creare design moderni e non possono essere creati facilmente utilizzando una combinazione di blocchi principali. Ad esempio, un blocco di schede, un blocco di fisarmonica o tutti gli altri blocchi aggiunti sono quelli che soddisfano questi criteri".

Il plugin include i seguenti nuovi blocchi:

• Schede
• Commutatore/Fisarmonica
• Icona
• Valutazione
• Barra di avanzamento
• Statistiche/Contatore
• Conto alla rovescia

Alcuni di questi richiedono JavaScript aggiuntivo, motivo per cui non sono buoni candidati per il core WordPress. Tuttavia, sono buone opzioni per gli sviluppatori di plug-in e questi non sono blocchi rari da altri plug-in di tipo libreria.

La cosa che li distingue è l'integrazione con il sistema di styling del plugin, che Kamal potrebbe aprire ad altri sviluppatori di plugin in una versione futura. Il piano attuale prevede la creazione di un'API Styles indipendente per consentire agli utenti di personalizzare qualsiasi blocco. Ha già ricevuto alcuni feedback dal gruppo Facebook Advanced WP sull'idea. Gran parte del feedback è auspicabile che un tale sistema arrivi su WordPress stesso.

Una caratteristica interessante dei nuovi blocchi del plugin è che quando si fa clic su un sottoelemento di un blocco, le sue opzioni di progettazione vengono automaticamente attivate nel pannello delle opzioni di blocco. Ad esempio, il blocco di valutazione a stelle ha elementi "titolo" e "valutazione". Quando si fa clic sul titolo, le sue opzioni di design si aprono nella barra laterale e lo stesso accade per le valutazioni. Questo è un allontanamento dall'organizzazione tipica delle opzioni di progettazione di EditorPlus sui blocchi principali, che sono raggruppati dalle proprietà CSS. L'attenzione è posta sul singolo elemento e rende molto più facile trovare un'opzione specifica.

Questa sperimentazione è un po' un precursore di ciò su cui Kamal sta lavorando per un futuro aggiornamento. Uno dei suoi grandi obiettivi è fare un po' di pulizia dell'interfaccia utente - ci sono molte opzioni nel plug-in - e consentire agli utenti di personalizzare più rapidamente i propri blocchi.