Kioken Blocks: la nuova collezione di blocchi ispirata a Street Fighter che prende di mira i Page Builder

Pubblicato: 2019-09-11

Con la proliferazione di plug-in per la raccolta di blocchi nell'ultimo anno, Kioken Blocks è un nuovo arrivato relativamente sconosciuto che potresti esserti perso. Rispetto ai concorrenti con migliaia di utenti come CoBlocks (30K+), Atomic Blocks (20K+), Stackable (10K+) e Ultimate Addons per Gutenberg (100K+), Kioken è un piccolo pesce in un grande stagno di utilità per la creazione di pagine.

Potresti aver visto Kioken Blocks in azione di recente senza saperlo, se hai dato un'occhiata alla demo di Matias Ventura che introduce il concetto di "aree di blocco". Il plug-in è stato rilasciato per la prima volta due mesi fa, ma sta già iniziando a differenziarsi con alcune innovative funzionalità di design, modelli di blocchi e layout. Il suo nome è stato ispirato dal gioco arcade Street Fighter e le versioni principali prendono il nome da diverse mosse dei personaggi.

La versione più recente di Kioken include una nuova impostazione Testo verticale che consente agli utenti di ruotare paragrafi e intestazioni per un effetto speciale in layout più complessi.

All'interno dell'editor dei blocchi, gli utenti possono capovolgere la rotazione verticale del testo, regolare l'allineamento, aggiungere margini, capolettera e applicare altre impostazioni di testo standard alla selezione.

Kioken include attualmente 17 blocchi, tutti creati con l'accento sul fornire un design di base estetico che si adatterà perfettamente al tema dell'utente, con ulteriori opzioni di personalizzazione per ogni blocco. I blocchi non sono ripetizioni di stampini per biscotti di altre collezioni, ma offrono piuttosto stili e caratteristiche distinti.

Ad esempio, il blocco Kinetic Posts consente agli utenti di elencare i post del blog, inclusi i tipi di post personalizzati, all'interno di una griglia, colonne/elenco o dispositivo di scorrimento con più opzioni di layout diverse. Gli utenti possono eseguire query personalizzate, ad esempio ordini casuali, o per nome, popolarità, data e tipo di post con query di tassonomia personalizzate.

Il creatore di Kioken Blocks, Onur Oztaskiran, ha affermato di concentrarsi sull'aggiunta di funzionalità e blocchi che non sono già comunemente disponibili. Ciò include alcune funzionalità di usabilità nascoste, come appender blocchi personalizzati, evidenziatore di blocchi più chiaro sulla selezione dei blocchi su sfondi scuri e indicatori di modifica delle impostazioni dei blocchi nella barra laterale.

"Cerco di aggiungere blocchi a cui le persone non hanno ancora accesso", ha detto Oztaskiran. “Quindi non passo il mio tempo a creare fisarmoniche o blocchi di squadra, ma piuttosto aggiungo elementi che arricchiscono il processo di creazione dei contenuti nello stesso modo in cui fanno gli strumenti di creazione di pagine premium di moda (blocco cinetico Wrapper, Animatore e estensioni di testo verticale sono alcuni di questi). "

Kioken Blocks mira a fornire un'alternativa più rapida e semplice ai plug-in di Page Builder complessi

Oztaskiran ha un background nel design, avendo precedentemente lavorato come responsabile del design presso Udemy, Noon.com e Qordoba, ma ha imparato da solo a costruire blocchi per spingere i limiti delle capacità di creazione di pagine di WordPress.

“Kioken Blocks è nato come hobby personale per imparare lo sviluppo di Gutenberg e testare se posso fare qualcosa con GB che possa sostituire il flusso di lavoro di creazione di pagine mio e di tutti gli altri con WordPress, utilizzando solo Gutenberg estendendolo.

“Sono un designer e non un grande sviluppatore. Per lo più ho creato Kioken Blocks seguendo le risorse Gutenberg sul Web e GitHub, il più delle volte imparando dal repository GitHub Gutenberg.

Il sito personale di Oztaskiran, monofactor.com, è stato creato con nient'altro che Gutenberg e Kioken Blocks, comprese le fantastiche animazioni che ricordano i prodotti Themeforest, insieme al layout. Il sito è un buon esempio di come l'editor di blocchi e alcuni blocchi personalizzati possono consentire agli utenti di creare layout belli e complessi senza dover utilizzare un plug-in per la creazione di pagine pesante e eccessivamente ingegnerizzato.

"Ho fatto un atto di fiducia in Gutenberg quando è stato rilasciato per la prima volta e ho iniziato a svilupparlo poiché anche io sono un utente e odio molte cose sui plug-in per la creazione di pagine", ha detto Oztaskiran. "Adoro anche odiare Gutenberg, ma in questo momento non riesco a smettere di usarlo."

Oztaskiran ha utilizzato plug-in per la creazione di pagine in passato e ha persino creato estensioni per alcuni di essi, ma alla fine le sue frustrazioni lo hanno ispirato a dedicarsi allo sviluppo del blocco di Gutenberg.

"Con i page builder, ciò che mi ha portato via di più da loro sono stati i MB di risorse che aggiungono ai miei siti e la complessità della modifica dei contenuti nell'editor, la lunga curva di apprendimento per alcuni di essi e, soprattutto, è necessario essere un "pro" per creare layout complessi e contenuti ricchi e accattivanti", ha affermato Oztaskiran.

Come risultato di queste frustrazioni, ha deciso di concentrarsi su velocità e usabilità in Kioken Blocks. Oztaskiran si è detto soddisfatto di aver sviluppato un prodotto che consente agli utenti di creare layout animati e complessi in pochi minuti, molto più velocemente di quanto fosse in grado di fare su altre piattaforme. I predefiniti di blocco di Kioken consentono agli utenti di inserire elementi come sezioni dell'eroe in background, introduzioni di prodotti, testimonianze scorrevoli e altri elementi della pagina, semplificando la progettazione rapida di un sito. Questi tipi di elementi offuscano ulteriormente il confine tra modelli di blocco predefiniti e temi.

"Quello che mi stupisce di Gutenberg è che hai solo bisogno di un tema compatibile con GB leggero e non rigonfio e nient'altro", ha detto Oztaskira. "Puoi creare cose incredibili."

Attualmente sta mantenendo il plugin da solo senza un team, ma il progetto richiede molto tempo. Vende modelli di blocchi commerciali attraverso la pagina di aggiornamento del plug-in e la base di utenti sta crescendo, quindi sta valutando la possibilità di stringere alcune partnership in futuro. Kioken Blocks ha solo circa 100+ installazioni attive al momento, ma Oztaskiran riferisce che il suo tasso di conversione è di circa il 6-7% sulla vendita di licenze Pro, che includono supporto prioritario e modelli e layout di blocchi commerciali.

Nonostante si sia identificato solo come "un designer e uno sviluppatore scadente", l'investimento di Oztaskiran nell'apprendimento dello sviluppo di blocchi di Gutenberg sta iniziando a dare i suoi frutti.

"Non è necessario essere uno sviluppatore professionista per comprendere la logica e, avendo una conoscenza JS media, puoi entrare a far parte dello sviluppo GB in breve tempo", ha affermato.

“Ho davvero avuto alti e bassi con Gutenberg e Kioken Blocks mira a coprire quei 'danni'. Ho cercato di creare uno strumento per l'editor in modo che un giorno avrai bisogno solo di Gutenberg e di nessun altro strumento di creazione di pagine per creare contenuti accattivanti e belli".