Vai al contenuto principale

Come ritagliarsi ed esportare un layout di Visual Composer

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 701.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Molti di voi hanno già sentito parlare di Visual Composer. Questo è un plugin WordPress premium che ti consente di creare layout professionali senza dover usare il codice (o quasi).

Oggigiorno molti temi di WordPress sono compatibili con questo plugin e noterai spesso che nelle demo di questi temi ci sono sezioni che ti interessano e che vorrai copiare di nuovo sulla tua pagina.

Solo, al momento della stesura di questo tutorial, Visual Composer non ti consente di copiare una sezione (linea) e incollarla su una pagina esistente.

In questo tutorial, ti spiegherei come ho fatto per ottenere questo risultato.

Ma prima, se non hai mai installato WordPress, scopri Come installare un blog Wordpress passi 7 et Come trovare, installare e attivare un tema WordPress sul tuo blog 

Quindi torniamo al perché siamo qui.

Fai una copia delle pagine pertinenti

Stiamo per apportare modifiche che potrebbero invalidare un layout. Devi quindi necessariamente fare una copia della tua pagina attuale. La pagina in cui si desidera applicare le modifiche.

Si può leggere questo tutorial su duplicazione di una pagina di WordPress.

Cosa devi sapere su Visual Composer prima di iniziare

Se Visual compositore semplifica il tuo lavoro, è certamente perché fa il lavoro sporco in background, quello dell'aggiunta di tag WordPress (shortcode). Il lavoro che fa è organizzare il layout che è molto ispirato da bootstrap (HTML5 Framework). 

Questo è il motivo per cui quando attivi la modalità classica, il contenuto dell'editor sarà quasi illeggibile per te.

Perché esportare una sezione da una pagina all'altra

In genere gli autori di temi WordPress offrono dimostrazioni con funzionalità (sezione) diverse e, a volte, può capitare che sia necessaria solo una sezione su una pagina, quindi come copiare solo questa sezione su un'altra pagina?

Una soluzione semplice sarebbe stata quella di eliminare gli elementi da questa pagina uno per uno e copiare il contenuto finale, ma questo metodo è un po 'lungo.

Scopri anche il nostro tutorial su Come creare una pagina Web Pro

Qui, ti mostrerò come esportare una sezione da una pagina all'altra usando lo shortcode generato da Visual Composer.

Come utilizzare i codici brevi di Visual Composer

Visual Composer utilizza codici brevi associati, al contrario del singolo codice breve. Ecco un esempio di uno shortcode associato:

[Esempio] ... [/ instance]

In questo caso, il contenuto tra [esempio] e [/ esempio] sarà controllato dallo shortcode. Quindi per copiare una sezione, la useremo.

Fase uno: individua la sezione che desideri copiare

Inizieremo individuando la sezione che vogliamo copiare. Prendi questa pagina in modo che la sezione che vogliamo copiare si chiami " ATTIVITÀ SUPPORTATE '.

Sezione per copiare visual composer

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

Quello che faremo è modificare questa pagina e individuare l'elemento nella modalità " editore Di compositore visivo.

Sezione per copiare l'editor visuale del compositore

Quindi aggiungeremo un identificatore a questa sezione facendo clic su "  modificatore Dalla sezione

Modifica editor visuale del compositore della scheda

Da lì, scorri verso il basso fino a trovare " ID riga "Chi dovrebbe essere con te" ID riga E aggiungi "sezione da copiare".

Sezione per copiare il campo identificativo del compositore visivo

Al termine, fai clic su " Salva modifica ". Dovresti vedere il testo nella parte superiore di questa sezione come nell'immagine seguente:

Identificatore visuale del compositore

Fase due: come copiare il contenuto localizzato

Passeremo alla modalità editor " modalità classica "O" Classic Mode Che dovrebbe visualizzare l'editor visivo di WordPress. Da lì, cerca l'espressione che abbiamo aggiunto come identificatore di sezione. Su Windows utilizzerai " CTRL-F "Su mac è" COMANDO + F '.

Avrai bisogno di un risultato simile a questo.

Copia editor visuale della sezione

osservazione : Per una migliore compatibilità, ti invito a passare alla modalità editor di testo prima di effettuare questa copia.

Ora che abbiamo trovato questo codice, leggeremo il testo da lì al contrario per trovare il seguente shortcode "

". Puoi anche cercare su " vc_row Ciò evidenzierà lo shortcode di apertura e chiusura che avvolge la sezione che vogliamo copiare.

Copia il contenuto del contenuto visivo

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

Inizieremo con il primo shortcode che contiene il nostro identificativo per il prossimo shortcode. Questa è la sezione che aggiungeremo alla nostra nuova pagina.

Copia il codice wordpress visual composer

È possibile ripetere la procedura con gli altri elementi che si desidera aggiungere.

Scopri anche alcuni temi e plugin premium per WordPress  

Puoi utilizzare altri plugin di WordPress per dare un aspetto moderno e ottimizzare la presa del tuo blog o sito Web.

Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.

1. Annuncio Flap Pro

Advert Flap Pro è un plug-in premium per la gestione degli annunci animati di WordPress. Questo è uno dei modi più efficaci se desideri ottenere un annuncio o una pubblicità per i visitatori del tuo sito Web senza utilizzare i popup.Plugin di Wordpress pubblicità flap pro

Creare annunci è semplice come scegliere il tuo stile, inserire il tuo testo e visualizzare in anteprima il tuo annuncio. Una volta che sei soddisfatto, scegli le pagine in cui desideri visualizzarle o nasconderle e fai clic su pubblica. Semplice come quello!

Scopri Come modificare il layout del tuo blog WordPress

Funziona su tutti i browser moderni (inclusi iPad e iPhone). È perfetto per offerte speciali, avvisi di vendita, promozioni di articoli, avvisi sui cookie, notizie importanti, nuovi prodotti e altro ...

Download | Demo | Web hosting

2. Addon Social Wall per UserPro

UserPro può essere molto più divertente con un social wall. Questo è ciò che porta la sua estensione Social Wall. Con il plug-in Social Wall, puoi creare un wall sul tuo sito Web e fornire ai tuoi membri un modo innovativo per interagire con la comunità.

Addon social wall per userpro

Il plug-in Social Wall di WordPress consente ai tuoi utenti di: condividere messaggi tra loro, condividere immagini, commentare le pubblicazioni di altre persone, gli utenti possono mettere mi piace o non mi piace a un post, possono scegliere di visualizzare la bacheca solo per gli utenti registrati o per tutti gli utenti, gli amministratori possono eliminare post o commenti degli utenti, ecc.

Download | Demo | Web hosting

3. autista

Chauffeur è un potente plugin di prenotazione di limousine WordPress per aziende di tutte le dimensioni. Può essere utilizzato da operatori di limousine e navette. Con questo plugin, puoi facilmente prenotare per qualsiasi percorso definito. Ti aiuterà a migliorare il servizio clienti e gestire la tua attività di noleggio limousine online.

Chauffeur

Offre un processo di prenotazione semplice e dettagliato con supporto per più gateway di pagamento, notifiche via e-mail e sms, Plugin WooCommerce, Google Calendar e un pannello di controllo intuitivo.

Tra le funzionalità che avremo tra l'altro: la possibilità di creare, modificare o eliminare i moduli di prenotazione, il supporto dei codici brevi, la specificazione dei tipi di servizio offerti, la precisione del tempo minimo e massimo di noleggio della limousine, la specificazione del periodo di prenotazione, la precisione dell'intervallo di tempo tra le prenotazioni dello stesso veicolo, la geolocalizzazione fisica del tuo compagnia, specifica dei percorsi disponibili nel sistema di prenotazione e molto altro ancora.

Scopri anche questi plugin WordPress 10 per migliorare la ricerca sul tuo blog

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

Download Demo | Web hosting

Risorse raccomandate

Scopri altre risorse consigliate per aiutarti a costruire e gestire il tuo sito web.

Conclusione

Ecco ! Questo è tutto per questo tutorial, spero che ti possa aiutare a copiare facilmente alcune sezioni delle tue pagine. Non esitare a condividi con i tuoi amici sui tuoi social network preferiti

Tuttavia, sarai anche in grado di consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress.

E se hai suggerimenti o osservazioni, lasciali nella nostra sezione commentaires.

... 

Questo articolo contiene i commenti 0

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
13 azioni
quota10
Tweet
Enregistrer3