Tutorial rapido sull'utilizzo dei blocchi nel generatore di pagine WPBakery

WPBakery page builder è un ottimo strumento integrato nel sito Web utilizzando la piattaforma wordpress, che ti aiuta a organizzare e presentare il contenuto del sito Web, semplicemente facendo clic, trascinando e rilasciando. Aiuta anche ad abbellire il sito Web con molti effetti moderni e "cool". Quindi, in questo articolo, impariamo come utilizzare rapidamente i blocchi nel generatore di pagine WPBakery. Ed ecco la guida.

Perché usare il generatore di pagine WPBakery?

Crea una pagina flessibile, crea facilmente una landing page secondo i tuoi desideri in modo relativo. Molti componenti di funzionalità reattive per un'interfaccia del sito Web moderna e bella Molte funzionalità di YouTube, Google Maps, visualizzazione dell'elenco di articoli sono integrate per aiutarti a presentare senza comprendere molto la codifica.

Molti componenti con effetti soddisfano molti stili di progettazione

Il generatore di pagine WPBakery contiene più di 98 elementi di contenuto (tradotti approssimativamente come Blocchi di contenuto) con effetti estremamente moderni e incantevoli. Anche chi è bravo a conoscere i CSS, creare effetti, creare questi Content Blocks non è facile. Ma qui, devi solo selezionare e trascinare e rilasciare questi blocchi di contenuto per soddisfare il tuo scopo, perché una pagina Web con solo testo e immagini è noiosa. Ha bisogno di più effetti e altri componenti. Soprattutto la possibilità di dividere colonne, dividere righe e rendere sempre mobile responsive per siti Web super veloci nel page builder WPBakery ti farà sentire estremamente a tuo agio.

Trascina – Rilascia per creare un sito web (Trascina – Rilascia)

Tutto quello che devi fare è trascinare e rilasciare per creare il sito web. Quando vuoi aggiungere qualsiasi blocco di contenuto, devi solo fare clic sul pulsante per aggiungerlo. Quando devi disporli, devi solo trascinarli e rilasciarli. Pertanto, quando si utilizza il generatore di pagine WPBakery non è necessario conoscere il codice, nemmeno CSS o HTML.

Comodi editor di backend e frontend

Il generatore di pagine WPBakery ti consente di creare contenuti per siti Web con 2 eleganti editor:

• Editor frontend : è l'editor in cui vedrai le modifiche al contenuto dal vivo. I visitatori vedono come vedi tu, ma ovviamente hai il diritto di modificare il contenuto.
• Editor di backend : a differenza di Frontend, è lo stesso editor con l'editor predefinito e gli elementi del blocco sono descritti in modo più accurato.

Compatibile con qualsiasi tema, pronto per un design reattivo

Quasi tutti i temi possono utilizzare il generatore di pagine WPBakery. E il generatore di pagine WPBakery è progettato secondo gli standard Responsive Design, uno standard che aiuta i siti Web ad avere un bell'aspetto su qualsiasi dispositivo e schermo di qualsiasi dimensione. Questo è un fattore importante per Google da valutare quando si SEO sito web.

Molti componenti aggiuntivi supportano il generatore di pagine WPBakery

Poiché questo è un componente molto potente, è stato scritto dalla community per aggiungere molti componenti aggiuntivi che supportano l'estensione di più funzionalità, aggiungendo più blocchi di contenuto ed effetti.

Istruzioni per l'utilizzo dei blocchi di contenuto nel generatore di pagine WPBakery

Tutti i blocchi di contenuto sono scatole. Useremo il blocco Riga e il blocco Colonna per dividere la pagina Web in righe e colonne (come Microsoft Excel). Quindi posiziona altri blocchi di contenuto in quelle righe – colonne.

Ciascun Blocco di contenuto può essere modificato: inserendo un valore, selezionando uno dei valori disponibili o premendo un pulsante. Non hai quasi bisogno di sapere nulla sulla codifica poiché le personalizzazioni sono abbastanza intuitive. Un Blocco contenuto può regolare proprietà come bordo, allineamento, immagine di sfondo, effetto di visualizzazione, ecc.

Di seguito introdurrò i blocchi di contenuto.

Riga – Riga Questo è il componente più basilare di WPBakery Page Builder. Quando aggiungi una riga al sito Web, sarai in grado di regolare il numero di colonne in quella riga. Nell'interfaccia di WPBakery Page Builder, fai clic su Aggiungi elemento, quindi seleziona Riga nell'elenco per aggiungere righe. Colonna – Colonna Il concetto di divisione delle colonne per quelli di voi che non hanno familiarità con il lavoro con codice o css (bootstrap), puoi semplicemente capire, una riga può essere divisa in 12 colonne al massimo, puoi dividerla in tante colonne come preferisci. . Per favore pensa quando dividi le colonne, se il numero di colonne è più di 1, dovresti controllare e personalizzare la funzione reattiva della colonna per soddisfare l'interfaccia mobile Blocco di testo – Editor di contenuti di blocchi di testo, editor WYSIWYG di blocchi di testo – un tipo di modifica del testo strumento come Microsoft Word. Il formato di Blocco di testo è identico allo strumento editor sulla pagina o sull'articolo, quindi è molto facile da usare. Se ti stai ancora chiedendo come utilizzare lo strumento editor, puoi rivedere il mio tutorial: Istruzioni per l'utilizzo dello strumento editor per scrivere articoli Icona Usando WPBakery Page Builder puoi usare icone speciali dalla libreria di icone di Font Awesome. Queste icone non sono nel solito formato immagine, ma sono simili ai normali caratteri, puoi personalizzare il colore e la dimensione dell'icona in modo simile a quando scrivi il testo. Separatore – Separatore Orizzontale In questa sezione ci sono molti tipi diversi per te come: solido – pieno, punteggiato – punteggiato, tratteggiato – tratteggiato… Puoi anche regolare manualmente lo spessore del separatore. Facilmente. Separatore con Separatore di testo , in questa sezione puoi aggiungere un pezzo di testo al centro del separatore, puoi anche utilizzare un'icona personalizzata se lo ritieni necessario. Finestra di messaggio Questa è una finestra di messaggio che ha la funzione di inviare informazioni dal tuo sito Web al tuo sito Web. per utenti a registrarsi come membri sul sito web. È possibile utilizzare la Casella dei messaggi per creare un blocco di messaggi con un colore di sfondo e testo e icone corrispondenti. FAQ FAQ è una sezione che crea domande, può espandere o restringere il contenuto inserito per risparmiare spazio sul sito Web e aiutare gli utenti a trovare facilmente le informazioni di cui hanno bisogno. Immagine singola Editor di immagini, questa è una funzione di blocco dell'immagine singola con splendidi effetti di visualizzazione. Galleria di immagini Puoi creare una galleria di diversi tipi di immagini, fianco a fianco con il design reattivo per rendere il tuo sito web più bello. Carosello di immagini Questo è un blocco con molte immagini diverse, ma sarai in grado di visualizzare ogni immagine solo a turno, utilizzerai l'effetto diapositiva per passare da un'immagine all'altra. Schede È necessario creare schede di contenuto orizzontali per risparmiare spazio di visualizzazione. Puoi anche inserire altri blocchi necessari nell'elenco dei contenuti in queste schede per creare un sito Web più completo e unificato. Tour Simile alle schede, ma crea schede di contenuto verticali, aiutando gli spettatori ad avere una panoramica del tuo sito web. Fisarmonica In questa sezione è possibile creare blocchi che possono restringere o espandere i dettagli. L'implementazione è simile alle FAQ di cui sopra. Intestazione personalizzata Puoi creare titoli con diversi font personalizzati, utilizzando i font di Google Fonts per creare una sensazione più accattivante. Pulsante Puoi creare pulsanti con diversi collegamenti, pulsanti di azione… Puoi aggiungere icone, stili di pulsanti 3D, Piatto… a seconda delle tue preferenze. Call to Action Un blocco di call to action ha la funzione di focalizzare l'attenzione, invitando i visitatori del sito ad agire per il tuo scopo. Aggiungi icone e testo con l'editor integrato. Video Player Incorpora video da Youtube nel tuo sito web con larghezze, effetti, ecc. personalizzati a tuo piacimento. Grafico – Grafico È possibile creare grafici a torta, grafici a torta, colonne… secondo le istruzioni di WPBakery Page Builder. Di seguito sono riportate le necessarie introduzioni alle funzioni da utilizzare. Inoltre, se utilizzi un tema protetto da copyright, o utilizzi un servizio di web design o acquisti un tema da tech888, ti viene fornita anche una serie di componenti aggiuntivi di WP Bakery Builder . Pratico vero? Se hai domande, lasciale qui, risponderemo alle tue domande!