La richiesta della creazione di siti web ci ha portato ad una nuova era dello sviluppo dei siti in cui, grazie alla disponibilità di solidi strumenti di page building, la creazione di siti web è diventata molto più divertente (specialmente per i non sviluppatori). Quando poi si prova a costruire un sito web su WordPress, c’è un’ampia moltitudine di strumenti e plugin a disposizione. Oggi ne analizzeremo uno nuovo, WP Page Builder. Se siete stanchi dei soliti vecchi plugin per la costruzione delle pagine, questo è uno da provare.
Con un sacco di elementi di design, componenti aggiuntivi, funzionalità come controlli reattivi specifici per i diversi dispositivi, opzioni di esportazione/importazione, regolazione del padding e, soprattutto, sistema di editing front-end in real time e drag & drop, WP Page Builder ha tutto quello che serve per la creazione di un sito web completo. È un plugin WordPress all-in-one per le vostre necessità di costruzione del sito.
È un plugin page builder gratuito per WordPress che vi aiuta a costruire bellissimi siti web come dei professionisti.
Cos’ha di Speciale WP Page Builder?
Vi state chiedendo cosa rende WP Page Builder così speciale? Direi, cosa non lo rende speciale? È sviluppato dal team di Themeum, che crea temi per WordPress dal 2013. Come anticipato, il plugin è un pacchetto completo di elementi essenziali per la costruzione dei siti con tutte le funzionalità più moderne che vi aspettereste da un plugin di page building. Diamo un’occhiata qui sotto a tutte le succose funzionalità di WP Page Builder.
1. Costruzione di Siti Web con Drag & Drop
WP Page Builder offre un sistema di costruzione di siti drag & drop. Potete facilmente aggiungere alle pagine qualsiasi cosa, come testo, pulsanti, icone o altri elementi. Avete solo bisogno di trascinare il particolare add-on e rilasciarlo nel posto che volete. Tutto avviene davanti ai vostri occhi e avete il controllo completo di tutto.
2. Editing Front-End più Veloce e in Tempo Reale
Il plugin è incredibilmente veloce e eccezionalmente intuitivo. È anche molto leggero e richiede molto meno tempo rispetto a tutti gli altri strumenti simili per creare un sito stupefacente e funzionale. Cambierà il modo in cui costruite siti web su WordPress. All’interno ci sono molti elementi già pronti. Avete solo bisogno di sapere come usarli. Essendo costruito utilizzando le più recenti tecnologie, questo strumento vi aiuta a preparare il vostro sito web in pochi minuti.
Se non sapete scrivere codice ma volete lo stesso costruire siti web, WP Page Builder è lo strumento giusto per voi. Non c’è bisogno di scrivere codice per aggiungere una qualsiasi funzionalità o per il design delle vostre pagine web. I ricchi elementi di costruzione del sito di WP Page Builder e la funzionalità drag-and-drop fanno il tutto lavoro per voi.
Creare una nuova pagina e poi modificarla con WP Page Builder è incredibilmente semplice. Potete scegliere il layout mentre create la pagina. Una volta scelto, basta un clic su “Modifica con WP Page Builder”. Potete selezionare il numero di colonne e iniziare a trascinarvi sopra gli elementi.
Godetevi una nuova esperienza di site building con risorse all’avanguardia. Potete creare bellissime pagine web su un’interfaccia utente moderna e piacevole.
3. Più di 30 Add-On e In Aumento
Potrete sviluppare il vostro sito web con elementi come testi, immagini, icone, pulsanti e altro. Ci sono molti componenti aggiuntivi in WP Page Builder per equipaggiare e decorare completamente il vostro sito. Trascinate e rilasciate gli add-on sulle pagine web e poi modificate il loro aspetto come preferite.
Ecco alcuni degli incredibili componenti aggiuntivi inclusi:
- Form: Permette di creare moduli web senza sforzo. Vi permette di stilizzare i vostri moduli come desiderate. Lo stesso add-on Form è in grado di impostare qualsiasi tipo di modulo senza bisogno di installare alcun plugin. Inoltre, potete gestire i plugin dei moduli e abilitare reCAPTCHA con un semplice clic. C’è anche un add-on per Contact Form 7, se preferite.
- Carousel: È difficile trovare un add-on avanzato come un carosello in un plugin gratuito per la creazione di pagine, ma WP Page Builder vi permette di creare splendidi hero slider senza dover spendere soldi.
- Post Grid: Visualizza gli articoli del blog in griglie che definiscono il numero di post e l’aspetto.
- Feature Box: L’add-on Feature Box permette di visualizzare le caratteristiche dei prodotti sul vostro sito web.
- Accordion: Dovete comprimere il contenuto del testo sul vostro sito? Usate l’add-on Accordion di WP Page Builder per modificare lo stile come volete.
- Personal Carousel: Oltre a visualizzare profili e testimonianze singolarmente, potete anche mostrarli in un carosello. Gli add-on Person Carousel e Testimonial Carousel lo faranno per voi.
- Pricing Table: Per i servizi che offrite o i prodotti che vendete, probabilmente avete bisogno di tabelle prezzi. Usate l’add-on Pricing Table in WP Page Builder per creare facilmente le vostre tabelle dei prezzi.
- Flip Box: Aggiungere un flip-box con logo, titolo, testo e pulsanti e cambia le opzioni di flip e lo stile in modo che venga visualizzato come volete voi.
- Pie Progress: Inserite un elemento di progresso a torta sul vostro sito con l’add-on Pie Progress.
- Testimonial: Questo add-on mostra cosa pensano le persone della vostra attività in qualsiasi punto del sito.
- Animated Number: Usate questo add-on per mostrare numeri animati e per una migliore presentazione delle statistiche.
- Social Button: Questo add-on vi permette di aggiungere sul vostro sito diversi pulsanti per collegare i profili dei social media.
- SoundCloud: Aggiunge pezzi audio da SoundCloud.
4. Controlli di Reattività per Specifici Dispositivi
Potete determinare il modo in cui il vostro sito web appare su dispositivi di diverse dimensioni. Il sistema di controllo della reattività per dispositivi specifici in WP Page Builder vi permette di regolare e ottimizzare facilmente le pagine web per desktop, tablet e telefoni cellulari.
Rendere le pagine web reattive con una sola unità (pixel) non rende un page builder intelligente. WP Page Builder introduce più unità di reattività. Oltre ai pixel, potete anche determinare il breakpoint reattivo con unità rem e percentuali. Potete cambiare le dimensioni degli elementi e anche mostrare/nascondere elementi specifici per dispositivi specifici.
5. Un Sacco di Layout Preconfezionati
Qualunque sia il tipo di sito web che volete costruire, WP Page Builder vi offre una vasta gamma di template predefiniti. Potete scegliere il layout che si adatta meglio al vostro caso, personalizzalo con i vostri contenuti e lanciare un sito web completo in pochi minuti.
Questi layout già pronti si presentano sotto forma di pacchetti di layout. I pacchetti di layout più popolari sono:
- Business: Costruito per qualsiasi tipo di sito web aziendale. Le aziende o le attività commerciali che hanno bisogno di mostrare portafogli, profili e servizi possono trarre il massimo vantaggio da questo pacchetto di layout. Le pagine disponibili in questo pacchetto includono: Home, About, Team, Portfolio, Prezzi, Contatti e Servizi.
- Insurance: Perfetto per qualsiasi azienda legata alla finanza, società aziendale o agenzia che offre servizi assicurativi. Il pacchetto viene fornito con tre pagine incorporate: Home, Informazioni e Servizi.
- Spa: Realizzato per saloni di bellezza, saloni per capelli e unghie, barbieri e tutti gli altri siti web aziendali simili. Attualmente, il pacchetto Spa ha tre pagine: Home, Offerta e Pacchetti.
- Plumber: Per diversi servizi come l’idraulica, la pittura, la falegnameria, il tuttofare, le pulizie domestiche e i siti web di utilità per le riparazioni. Le pagine includono: Home, Informazioni e Servizi.
- Architecture: Costruito per l’arredamento della casa, la progettazione architettonica e altre attività simili. Le pagine integrate includono: Home, Informazioni e Servizi.
- Lawyer: Realizzato per avvocati, individui e studi legali che forniscono servizi relativi alla legge. Le pagine disponibili includono: Home, Informazioni, Avviso, Contatti e Servizi.
- Salon: Per qualsiasi salone di parrucchiere, salone di bellezza, salone di barbiere e altri siti web commerciali rilevanti. Le pagine predefinite includono: Home, About e Style Showcase.
- Layout di pagina di terze parti: Potete ottenere layout di pagina aggiuntivi nella sezione Layout di WP Page Builder. Potete anche costruire un plugin che contiene i vostri layout di pagina, poi installate e attivate quel plugin per poterli utilizzare. Creare pagine web con i vostri layout di pagina è ora una realtà.
Ci sono molti altri layout di pagina di livello professionale all’interno di WP Page Builder. Scegliere il layout giusto è più semplice dalle diverse categorie. E la parte migliore è che la maggior parte di questi sono completamente gratuiti.
6. Blocchi Predefiniti Pronti all’Uso
WP Page Builder offre un sacco di blocchi di design pronti all’uso per rendere lo sviluppo del vostro sito molto più veloce e semplice.
Potete trascinare e rilasciare i blocchi su qualsiasi pagina. L’intero processo si completa in un batter d’occhio. Come tutte le altre sezioni della pagina, potete anche modificare l’aspetto del blocco. C’è un pulsante “visualizza blocco” su ogni blocco per vedere come appaiono sul sito live.
I blocchi sono disponibili in diverse categorie. Potete trovarli usando le giuste parole chiave. Le categorie disponibili sono:
Feature: Questi blocchi permettono di mostrare sul vostro sito web le caratteristiche della vostra azienda, i prodotti e i servizi che offrite. Ci sono molti design tra cui scegliere. Selezionate quello che si adatta meglio al vostro sito.
Testimonial: Avete bisogno di condividere il feedback dei clienti sul vostro sito? I blocchi Testimonial di WP Page Builder servono proprio a questo. Potete scegliere il vostro design in queste varianti: Light, Dark, Slides, Grid Styled.
Team: Con gli elementi pronti di WP Page Builder potrete mostrare i membri del vostro team in modo professionale. I blocchi disponibili hanno molteplici varianti di design con diversi effetti e comportamenti. Ogni blocco ha nomi, denominazioni e link sociali in diversi stili per i membri del team.
Call-to-action: Volete che i vostri visitatori compiano determinate azioni sul sito? Usate i blocchi di call-to-action. Potete avere un pulsante di call-to-action con diverse immagini e testi per invitare i visitatori a cliccarci sopra.
Pricing table: Volete delle tabelle dei prezzi dei vostri prodotti e servizi? I blocchi hanno diverse tabelle dei prezzi con funzionalità incorporate. Alcuni vi permettono anche di evidenziare i piani tariffari.
Content: In WP Page Builder le sezioni di contenuto sono splendidamente progettate e disponibili come blocchi già pronti. Potete utilizzare sul vostro sito qualsiasi blocco di contenuto.
Blocchi di terze parti: Con WP Page Builder potete utilizzare blocchi di vostra scelta, oltre a tutti questi blocchi incorporati. Lo strumento supporta, infatti, i blocchi di terze parti.
Ci sono tantissimi altri blocchi in arrivo, il team dietro WP Page Builder cerca di migliorarlo continuamente.
7. Tantissime Icone Essenziali
Nella costruzione di un sito, le icone giocano un ruolo fondamentale. Oltre al design, ne avete bisogno per evidenziare o differenziare il vostro contenuto. WP Page Builder ha una ricca collezione di icon font per questo bisogno.
- Font Awesome: Ci sono 670+ icone Font Awesome all’interno di questo strumento di composizione delle pagine di WordPress. Potete facilmente usarle ovunque, in qualsiasi contenuto del vostro sito.
- Icone WPPB: Oltre alle icone di Font Awesome, potete anche utilizzare sulle vostre pagine web le oltre 340 icone di linea WPPB.
WP Page Builder vi permette di personalizzare gli stili dei font del vostro sito web e di modificare i colori.
8. Costruito Per Essere User Friendly
Chiunque conosca WordPress dovrebbe imparare ad utilizzare in fretta WP Page Builder. Il plugin porta un’esperienza utente superbamente versatile su una meravigliosa interfaccia molto simile all’ecosistema predefinito di WordPress. Lo strumento è semplicissimo anche per chi usa WordPress per la prima volta.
Considerando tutti i livelli di utenti di WordPress, il plugin WP Page Builder è stato costruito con caratteristiche all-inclusive. È ispirato e sviluppato da professionisti, ma è proprio per tutti.
9. Libreria per Salvare i Blocchi
Potete facilmente riutilizzare più volte su diverse pagine del vostro sito web una sezione progettata in precedenza. Il sistema della libreria in WP Page Builder vi permette di memorizzare i vostri blocchi di design. Basta salvarli nella libreria una volta e poi potete riutilizzarli tutte le volte che volete.
È la vostra libreria personale. Dopo aver creato una sezione di contenuto in una riga, passate sopra la riga e clicca sull’icona “Salva riga”. Dategli un nome e premete il pulsante “Salva”. La riga verrà salvata proprio in fondo alla Libreria. Sì, è proprio così semplice.
10. Meccanismo di Costruzione Semplice e Flessibile
WP Page Builder offre un’ampia varietà di funzioni che potete utilizzare per sviluppare un sito web facilmente e rapidamente. Quando ci passate sopra in modalità di modifica, gli elementi del sito offrono la possibilità di modificare, duplicare, cancellare, oltre ad offrire altre opzioni di personalizzazione. Ecco alcuni delle opportunità di sviluppo offerte da questo page builder.
- Creare strutture riga-colonna multiple
Creare una riga e determinare il numero di colonne contenute è a portata di clic con WP Page Builder. Cliccando su “Aggiungi riga”, si apre un pannello con il numero di colonne. Selezionate il numero che volete e questo è tutto!
- Duplicare qualsiasi elemento con un solo clic
Una volta che avete creato una sezione, che sia una colonna o una riga, non dovete crearla di nuovo. Potete duplicarla con un solo clic. Cercate l’icona “Duplica” nel pannello delle opzioni di personalizzazione e fate clic. Potete duplicare qualsiasi cosa in una pagina.
- Controllare la spaziatura orizzontale delle colonne (Gutter)
Regolare gli spazi tra le colonne è molto più facile con il gutter di colonna di WP Page Builder. Non importa quale sia il numero di colonne che avete in una singola riga, potete sempre stabilire facilmente lo spazio tra di esse. Trascinate il Gutter sulla barra laterale sinistra per regolare la spaziatura orizzontale delle colonne con altezza e larghezza.
- Esportazione, importazione e cancellazione del contenuto della pagina
WP Page Builder vi permette di esportare le pagine che avete creato. Potete anche importare pagine dall’esterno. C’è un menu chiamato “Strumenti” nella barra laterale sinistra che vi permette di esportare, importare e cancellare il contenuto di una pagina con tre diversi strumenti secondari.
- Regolazione flessibile del padding tramite trascinamento
Volete impostare il padding del contenuto in modo flessibile? Potete letteralmente giocarci. Per impostare il padding, basta trascinarlo. L’unità di padding è anche mostrata in pixel (px). Tutti gli elementi (addon, blocchi, modelli di pagina, righe e colonne) ricevono un certo padding di default, ma potete facilmente regolarlo.
- Opzioni illimitate di annullamento/ripristino
Non importa se avete cancellato qualcosa per errore. Ci sono opzioni illimitate di undo/redo per annullare e ripristinare le azioni. Quindi, nessuna preoccupazione. I pulsanti undo e redo sono sempre lì mentre modificate qualsiasi pagina con WP Page Builder.
- Aggiungere CSS personalizzati
Volete andare oltre le opzioni di personalizzazione esistenti in WP Page Builder? Sì, anche questo è possibile. C’è un sistema per aggiungere CSS personalizzati a qualsiasi elemento che avete nella pagina. Dovete solo andare all’opzione Stile avanzato e poi aggiungere il CSS. Potete anche chiamare id e classi e definire uno z-index per tutti gli elementi se necessario.
Supporto dei Widget di WordPress
Nonostante abbia elementi così avanzati al suo interno, potreste anche voler utilizzare i widget di WordPress mentre costruite il vostro sito web. I widget predefiniti sono mostrati subito dopo i componenti aggiuntivi. Questi possono essere utilizzati ovunque nella pagina. Come fate con i componenti aggiuntivi, anche i widget possono essere trascinati e rilasciati.
Supporto agli Sviluppatori (Create i Vostri Componenti Aggiuntivi)
Oltre ai 30+ addon che vi permettono di costruire siti con elementi di pagina versatili, gli sviluppatori che vogliono utilizzare i propri addon per qualsiasi funzionalità/design extra, possono certamente farlo. Gli sviluppatori possono aggiungere facilmente i loro blocchi e layout personalizzati a WP Page Builder. Potete visitare la documentazione per gli sviluppatori del plugin per le linee guida.
Riepilogo
Con WP Page Builder installato sul vostro sito WordPress, avete il potere di creare qualsiasi sito web senza preoccuparvi della reattività o di scrivere una sola riga di codice. La procedura è completamente drag and drop. Potreste aver usato altri page builder in precedenza, ma vi invito a provare anche questo! Se siete clienti di Kinsta, installatelo sul vostro sito di staging e giocate senza preoccuparvi di rompere nulla. Potete scaricarlo gratuitamente dalla repository di WordPress.
Avete già usato WP Page Builder? Se sì, quali sono stati i vostri pensieri? Lasciali qui sotto nei commenti.
Rayhan Arif è un appassionato di tecnologia che ama la programmazione web e scrive per diversi blog (JoomShaper, Themeum, ThemeHunt) su WordPress, Joomla e molte altre questioni tecniche. È un appassionato di linguaggi e strumenti web con una vasta gamma di esperienze.
Lascia un commento