Prima odiavamo i Page Builder di WordPress, ora abbiamo deciso di usarne uno

Pubblicato: 2017-01-11

Odio è una parola forte. Potrei averlo leggermente amplificato, solo per il titolo intrigante di questo articolo :). Tuttavia, come sviluppatori che sviluppano un prodotto per altri sviluppatori, posso dire che non ci è piaciuto molto il concetto di avere un meccanismo di "trascinamento e rilascio" che "scrive automaticamente il codice" che possiamo facilmente scrivere manualmente, e probabilmente faremmo molto meglio e lavoro più pulito.

Cosa non ti piace dei Page Builder di WordPress?

Quindi, perché in primo luogo odiare i costruttori di pagine? Voglio dire, è solo uno strumento che è lì per semplificare la vita durante la creazione di pagine Web WordPress.

La risposta a "cosa c'è che non va nei page builder di WordPress?" probabilmente dipende da chi sei, perché ci sono vari modi per guardare a questo. Ecco alcuni "problemi" che le persone con un background di programmazione hanno comunemente con la nicchia del page builder di WordPress:

Codice gonfio

Il code bloat è un problema espresso molte volte quando si discute degli aspetti negativi di WordPress come CMS e di molti altri fantastici prodotti e piattaforme là fuori. Questo vale anche quando si parla del codice macchina che i page builder generano automaticamente per creare le tue pagine web. In sostanza, ogni volta che posizioni/sposti/stili un altro elemento sulla tua pagina, un altro pezzo di codice viene generato e sputato nella fonte del tuo sito, per farlo seguire esattamente il design che gli stai imponendo.

Alcuni affermerebbero che il codice generato dalla macchina spesso non sarà minimo e personalizzato, né aderirà sempre agli standard di codifica di WordPress, come farebbe se un essere umano lo scrivesse manualmente. Ci sono molti effetti collaterali che potrebbero essere causati da questo e un codice eccessivo e gonfio può influire sulle prestazioni del browser, rendendo il tuo sito molto più lento di quanto potrebbe potenzialmente. Questo da solo è un motivo sufficiente per scegliere con attenzione il tuo generatore di pagine.

Muco a codice corto

Mentre fanno le loro cose, alcuni page builder tendono a lasciare un bel pasticcio di codice dietro le quinte e, come sviluppatori, abbiamo solo difficoltà a vederlo. Quando si disattivano alcuni dei plug-in per la creazione di pagine, è possibile che, proprio come una lumaca, si lascino dietro una brutta melma di codici brevi e altre tracce di codice.

Muco dello shortcode del generatore di pagine di WordPress

Non farò nomi perché Chris Lema l'ha già fatto, ma questa viscida abitudine rende il codice dietro il tuo sito Web molto più intricato di quanto dovrebbe essere, per non parlare del fatto che avere codici brevi ridondanti è incline a causare conflitti con altri plugin di WordPress tu potrebbe essere utilizzato sul tuo sito WordPress.

Gli shortcode ridondanti tendono a causare conflitti con altri plugin che potresti utilizzare sul tuo sito WordPress.Tweet

Nessuna standardizzazione

L'affermazione secondo cui il mercato dei page builder deve essere standardizzato è stata sollevata da molti sviluppatori di WordPress in passato, ma sento che Pippin Williamson è riuscito a descriverlo meglio nel suo approfondito post di revisione dei page builder.

Nel suo post, Pippin menziona specificamente come i plug-in per la creazione di pagine cambiano/interrompono l'esperienza utente predefinita di WordPress dei loro utenti, rendendo più difficile per il resto di noi sviluppatori anticipare ciò che gli utenti di WordPress vedono quando accedono ai loro siti Web basati su WordPress. Al momento, descrive l'ecosistema di creazione di pagine come un "selvaggio west", che richiede l'applicazione di una sorta di standardizzazione per rendere le cose più prevedibili e facili da usare.

Uccidendo lentamente i siti Web WordPress e l'industria dello sviluppo di temi

Molti web designer e sviluppatori sembrano nutrire un certo rancore per i page builder, poiché ritengono che questi strumenti potrebbero finire per renderli obsoleti e ciò di cui si guadagnano da vivere. Con il potere che i page builder possono mettere nelle mani di chiunque, è diventato più facile che mai creare pagine web decenti da solo, anche se non sei un programmatore.

Probabilmente vale la pena notare che questo è un motivo supponente e parziale per non apprezzare i page builder di WordPress, poiché è ovviamente basato sulla (legittima) paura di perdere i canali di reddito esistenti.

Già che siamo in tema: potresti voler leggere un approfondimento che abbiamo condotto e pubblicato di recente sul più grande mercato di temi, ThemeForest, per scoprire come il tema “corsa all'oro” sia tutt'altro che finito.

Possibilità di personalizzazione limitate

Un costruttore di pagine WordPress (ancora) non può fare tutto ciò che può fare un buon sviluppatore front-end. Ecco, l'ho detto.

I page builder sono ancora limitati rispetto a come un buon programmatore (umano) potrebbe personalizzare un sito web. Semplicemente non hanno lo scopo di generare complessi design di pagine Web, animazioni o effetti speciali. Quello che hanno è un inventario limitato di moduli e trucchi a loro disposizione, che ti consentono di trascinare e rilasciare su aree specifiche nel layout di una pagina. Questi elementi possono anche spostarsi bene in base alle dimensioni dello schermo/dispositivo, ma questo è tutto.

Un costruttore di pagine WordPress (ancora) non può fare tutto ciò che può fare un buon sviluppatore front-end.Tweet

Sebbene siano già in grado di supportare vari moduli di contenuto come cursori, schede, elementi audio, elementi per il conto alla rovescia e persino carrelli della spesa, non sono stati comunque in grado di fornire risultati quando abbiamo cercato di implementare altri design più flessibili, che si discostano leggermente dalla griglia /box/struttura della colonna. Prova a farlo con la maggior parte dei costruttori di pagine e inizierai a vedere le cose andare in pezzi.

Detto questo, presumo che sia inevitabile che saranno in grado di fornire strutture più complesse, in futuro.

Perché i team di prodotto scelgono di creare Page Builder per WordPress?

Sembra che la maggior parte dei costruttori di pagine di WordPress sia iniziata come moduli drag & drop integrati in uno specifico tema WordPress. Questa idea si è evoluta in ciò che i più popolari page builder di WordPress sono diventati oggi; un plug-in WordPress autonomo, che può essere utilizzato per personalizzare rapidamente qualsiasi tema WordPress disponibile. In altre parole, un costruttore di pagine di WordPress può prendere le redini e iniziare a "cavalcare" qualsiasi area con contenuti sul tema WordPress, lasciando al tema la gestione dell'intestazione, del piè di pagina e del wrapper dei contenuti del sito Web.

Nella loro fase iniziale, i page builder di WordPress sono nati da una necessità sollevata dagli utenti di temi WordPress che desiderano poter entrare e personalizzare gli stili, le dimensioni dei caratteri e i colori esistenti in base alle proprie esigenze, senza dover contattare uno sviluppatore .

Attualmente, i team dei prodotti per la creazione di pagine di WordPress stanno passando a una fase più avanzata, in cui si concentrano sulla costruzione di qualcosa di più grande e migliore. Stanno tutti lavorando per cercare di fornire ai propri utenti un'esperienza migliore in termini di:

Interfaccia utente
Precisione (pixel perfetto)
Velocità
Flessibilità
Disposizione reattiva

Di conseguenza, sembra che una nuova tendenza sia in aumento poiché alcune società di temi WordPress stanno iniziando a sfruttare la flessibilità dei costruttori di pagine. Stanno adottando un nuovo e più elastico processo di creazione e distribuzione dei loro temi:

Progetta il tema internamente
Implementa il design utilizzando alcuni plug-in per la creazione di pagine di WordPress (non necessariamente i propri)
Vendi il tema sul loro sito Web, menzionando che è alimentato da un generatore di pagine, come punto vendita per opzioni di personalizzazione e facilità d'uso

Un interessante sottoprodotto di questa tendenza è un servizio che ora è in piena espansione con le società di hosting. Fondamentalmente è la libertà di acquistare l'hosting di siti Web con un'opzione per popolarlo rapidamente selezionando un tema da un inventario esistente di temi basati sul generatore di pagine, salvarlo ed essere online in pochissimo tempo. Interessante.

Iscriviti e prendi una copia gratuita del nostro libro

11 tecniche comprovate per aumentare le controversie con la carta di credito Tasso di successo del 740%

Grazie per esserti iscritto!

- abbiamo appena inviato la tua copia di "11 tecniche comprovate per aumentare la percentuale di successo delle controversie con la carta di credito del 740%" a .

Hai un errore di battitura nella tua email? clicca qui per modificare l'indirizzo email e inviare nuovamente.

Allora perché dopo tutto abbiamo usato un Page Builder di WordPress?

Dopo un'intera sezione delle critiche dei programmatori nei confronti dei page builder, è tempo di riflettere sul motivo per cui abbiamo finito per utilizzare un page builder di WordPress per alcune delle pagine del sito Web di Freemius. Ecco un esempio nella nostra pagina "Chi siamo" e nella nostra pagina "Caratteristiche".

Allora, perché abbiamo preso quella decisione, dopo tutto?

Principalmente per i seguenti vantaggi che ci fornisce:

Muoviti più veloce

Gestiamo una startup, stiamo costruendo un prodotto. Il nostro sito web è il nostro “volto” sul web. È importante che il nostro designer crei e modifichi le pagine che sta progettando per il nostro sito, senza la necessità di "sprecare" preziose ore di sviluppo su di esse ogni volta che abbiamo bisogno di una nuova pagina o desideriamo modificare qualcosa su una pagina esistente.

L'enfasi qui, per noi come startup, è sulla possibilità di modificare o modificare una pagina nel modo più rapido possibile e di farla coincidere con qualsiasi cambiamento che il nostro prodotto potrebbe subire in quel preciso momento.

Esempi tipici di questo con aziende di prodotti come la nostra sono:

Aggiunta/rimozione di funzionalità e necessità di aggiornare l'elenco delle funzionalità
Il rebranding e il redesign sono un processo che molte aziende commerciali potrebbero dover affrontare prima o poi. Che si tratti di rinfrescare l'aspetto grafico e, talvolta, anche di sbarazzarsi di una brutta immagine che si è bloccata per qualsiasi motivo.
Aggiunta di nuove sezioni alle pagine del nostro sito Web esistenti. Un rapido esempio è la sezione dei prezzi che abbiamo recentemente aggiunto alle nostre pagine di destinazione (ancora codificate manualmente a questo punto), dopo aver realizzato che molte persone le stanno cercando.
Test A/B: la possibilità di accedere e modificare il nostro sito Web include pagine "statiche", nonché pagine di destinazione orientate al marketing, che di solito richiedono molti test A/B per ottenere una versione che sappiamo funziona meglio, in termini di conversione Vota.

Potenzia il nostro marketing

L'uso efficace dei page builder di WordPress ci consente di adattare facilmente il nostro materiale di marketing saltando il team di sviluppo. Da quando abbiamo iniziato a lavorare con un page builder WordPress, il nostro processo di produzione è stato ridotto. Molto più breve. Ora si tratta solo di elaborare il concetto e il contenuto di marketing e passarli al nostro designer per l'esecuzione/modifica.

Da quando abbiamo iniziato a lavorare con un page builder WordPress, il nostro processo di produzione è stato ridotto. Molto più breve.Tweet

Per lo più, non è necessario coinvolgere uno sviluppatore nel processo, in modo che possano rimanere concentrati sullo sviluppo del prodotto.

I plugin di WordPress Page Builder sono cambiati

Se dai un'occhiata a uno degli odierni plugin per la creazione di pagine di WordPress e lo confronti con le versioni precedenti di soli cinque anni fa, vedrai due creature fondamentalmente diverse.

I costruttori di pagine oggi si impegnano a rimanere aggiornati e a utilizzare le migliori pratiche di progettazione e interfaccia utente.

Nelle versioni precedenti, gli elementi venivano posizionati utilizzando il posizionamento assoluto, che non prende in considerazione altri elementi sulla pagina o le dimensioni dello schermo del dispositivo e quindi interrompe il layout abbastanza facilmente. Ora, la maggior parte dei moderni page builder consente la creazione di pagine HTML ben strutturate e utilizza il posizionamento relativo (o Flexbox) degli elementi, consentendo un risultato più sostenibile e indipendente dal dispositivo. AKA, un layout reattivo.

I disegni non sono per sempre

Nel mondo in rapida evoluzione e in continua evoluzione di oggi, le tendenze del design cambiano costantemente. Anche se investi molto lavoro e crei un design perfetto per i pixel, potrebbe essere necessario sostituirlo in un anno o due, altrimenti corri il rischio di sembrare irrilevante.

Come azienda di prodotti, preferiamo investire più risorse nella creazione di un prodotto eccezionale e magari avere un sito Web leggermente meno eccezionale. È un compromesso di allocazione di tempo e risorse.

Detto questo, l'alto livello odierno dei page builder di WordPress ti consente di creare siti di alta qualità e di bell'aspetto, senza scendere a compromessi.

Il costo è un gioco da ragazzi

Guardandolo dal nostro punto di vista specifico, non abbiamo requisiti speciali da parte di un costruttore di pagine. Per quello che vogliamo ottenere con esso a questo punto – è gratuito (come nella birra gratis) da usare. Anche se le funzionalità di cui abbiamo bisogno non fossero gratuite e ci farebbero passare a una versione "Pro", un rapido calcolo dei costi rivelerebbe che vale comunque l'investimento finanziario per noi.

È facile vedere se prendiamo le ore di sviluppo risparmiate potendo delegare l'attività direttamente al nostro designer, che comunque ci sta lavorando. Un'ora di uno sviluppatore che lavora per modificare una pagina web può costare molto di più di un pagamento mensile ricorrente di $ XX per un page builder.

Un'ora di uno sviluppatore che lavora per modificare una pagina web può costare molto di più di un pagamento mensile ricorrente di $ XX per un page builder.Tweet

Conclusione: i Page Builder di WordPress sono adatti a te?

Alla fine della giornata, sarà sempre un equilibrio tra flessibilità e facilità d'uso.

Attualmente, il sito Web di Freemius contiene solo una pagina creata utilizzando un generatore di pagine WordPress: la nostra pagina "Chi siamo". Quando abbiamo provato a implementare un'altra pagina (una pagina di confronto di prodotti speciali) con requisiti di progettazione leggermente più complessi, ci siamo imbattuti in un bel po' di problemi e domande, che sono rimasti senza risposta dai costruttori di pagine che abbiamo provato. Quindi, per ora, abbiamo un sito Web ibrido contenente sia pagine codificate a mano che pagine alimentate da un generatore di pagine.

Il futuro sembra più luminoso, con i page builder di WordPress in grado di fornire ai designer/sviluppatori più esperti di tecnologia la possibilità di creare pagine Web con design sofisticati, che attualmente sembrano ancora sfidarli.

Ad ogni modo, non posso negare che i page builder di WordPress hanno un aspetto migliore ogni giorno e stanno già rispondendo alle esigenze di molti di pagine Web facili da produrre e (non meno importante) facili da modificare.