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 600.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 spesso noterai che nelle demo di questi temi, ci sono sezioni che ti interessano e che desideri copiare di nuovo sulla tua pagina. Tuttavia, al momento della stesura di questa esercitazione, Visual Composer non consente di copiare una sezione (linea) e incollarla su una pagina esistente.

In questo tutorial, spiegherò come ho fatto per ottenere questo risultato.

Fai una copia delle pagine pertinenti

Apporteremo modifiche che potrebbero invalidare un layout. È pertanto necessario effettuare una copia della pagina corrente. 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 Composer semplifica il tuo lavoro, è probabilmente perché sta facendo il lavoro sporco in background con l'aggiunta di tag shortcode. Il lavoro che fa è organizzare il layout ispirato a molti bootstrap (Framework HTML5). Ecco perché quando attivi la modalità classica, il contenuto dell'editore sarà quasi illeggibile per te.

Perché esportare una sezione da una pagina all'altra

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

Una soluzione semplice sarebbe stata quella di eliminare gli elementi di questa pagina uno per uno e copiare il contenuto finale, ma questo metodo è lungo. Quindi, in questo tutorial, ti mostrerò come esportare una sezione da una pagina all'altra leggendo lo shortcode generato da Visual Composer.

Come leggere i codici brevi visive di comporre

Visual compositore utilizza codici brevi in ​​coppie, al contrario del singolo shorcode. Ecco un esempio di uno shortcode associato:

Inizia a promuovere il tuo blog

Scarica decine di loghi, banner, modelli di siti Web e molti altri strumenti di marketing per commercializzare il tuo blog WordPress. [Consigliato]

[Esempio] ... [/ instance]

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

Passaggio 1: individuare la sezione che si desidera copiare

Inizieremo individuando la sezione che vogliamo copiare. Prendi questa pagina in modo che la sezione che vogliamo copiare sia chiamata BUSINESS SUPPORTED.

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

Quindi aggiungeremo un identificatore a questa sezione facendo clic sulla scheda "modifica" della sezione.

Da lì, scorri verso il basso per trovare la sezione "ID riga" che dovrebbe essere home "Id line" e aggiungi "sezione da copiare".

Una volta fatto, fai clic su "Salva modifica". Dovrai vedere un testo nella parte superiore di questa sezione come nella seguente immagine:

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]

Fase due: come copiare il contenuto localizzato

Passeremo alla modalità editor "Modalità classica" o "Modalità classica", che dovrebbe visualizzare l'editor visivo di WordPress. Da lì, cerca l'espressione che abbiamo aggiunto come identificatore della sezione. Su Windows utilizzerai "CTRL-F" su Mac, è "COMANDO + F".

Avrai bisogno di un risultato simile a questo.

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 shorcode "

". Puoi anche cercare già su "vc_row" per evidenziare lo shortcode di apertura e chiusura che avvolge la sezione che vogliamo copiare.

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

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]

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

Questo è tutto per questo tutorial, spero che ti possa aiutare a copiare facilmente alcune sezioni delle tue pagine.

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
12 azioni
quota10
Tweet
Enregistrer2