Come utilizzare il widget Elementor Shortcodes [Guida per principianti]

Di recente sono passato a Elementor come il mio generatore di trascinamento della selezione. Fin dall'inizio, la curva di apprendimento è stata così facile e visivamente divertente, qualcosa che ho potuto usare per rendere una pagina web visivamente perfetta insieme a una precisione millimetrica.

Pochi giorni dopo in WordPress Elementor, mi sono reso conto che potevo intensificare il processo di costruzione di dieci volte semplicemente usando gli "Elementor Shortcodes".

Per cominciare, ottimizzare un sito web per renderlo veloce è una cosa e, d'altra parte, costruire un sito web in modo facile e veloce è un'altra. Quindi, parliamo di come utilizzare gli shortcode Elementor di WordPress molto facilmente e se è una buona idea utilizzare gli shortcode Elementor per il tuo progetto.

Cosa sono gli shortcode Elementor?

Gli shortcode di Elementor sono una stringa di caratteri o uno snippet che può essere copiato e incollato per duplicare un componente specifico del tuo sito web. In altre parole, gli shortcode sono tag speciali; qualcosa, una volta inserito, genererà un componente diverso una volta visualizzato.

Se sembra complicato, allora lascia che te lo spieghi. La libreria Elementor ha un'enorme raccolta di widget predefiniti che puoi utilizzare per accelerare il processo di creazione del tuo sito web.

Ora, se sei a mani basse nello sviluppo e hai bisogno di duplicare un componente, allora gli shortcode sono il modo migliore per farlo in pochi secondi.

Innanzitutto, devi copiare lo snippet del componente selezionato e incollarlo dove vuoi duplicarlo.

Supponiamo che tu stia lavorando alla creazione di un modulo che utilizzerai in un'altra pagina. Normalmente, creeresti lo stesso identico modulo usando Elementor e ti ci vorrebbero alcuni minuti per farlo.

Tuttavia, gli shortcode del modello Elementor ti consentono di selezionare un componente prefabbricato a tua scelta da una pagina Web e quindi duplicarlo in altri luoghi.

Questo è uno degli usi più basilari degli shortcode dei widget e, onestamente, c'è un uso più efficiente per questo. Quindi, se stai già pensando...

Quando e come utilizzare gli shortcode di Elementor?

Ecco un caso reale che ho trovato più adatto per l'utilizzo degli shortcode di Elementor di WordPress:

Gli shortcode di Elementor sono la scelta ideale per aggiungere rapidamente più contenuti al tuo sito web se è parzialmente progettato utilizzando Elementor.

Se vuoi modificare il vecchio contenuto e aggiungere widget pre-progettati alla tua pagina, il suggerimento dell'esperto dice che gli shortcode sono la strada da percorrere. Quindi inserisci gli shortcode per il modello che desideri e voilà!

È la scelta migliore per iniettare shortcode Elementor per il tweaking. Uno scenario comune in cui potresti imbatterti in questa situazione è lavorare sulle pagine predefinite di un tema scelto.

Non tutti i temi sono progettati utilizzando Elementor, quindi provare a convertirli in una pagina Web di Elementor potrebbe interrompere la struttura della pagina.

Inoltre, altri plugin che non supportano Elementor non daranno accesso alla modifica di quegli elementi e quindi ti lasceranno in uno stato di disastro.

Ma non preoccuparti...

Con gli shortcode Elementor, puoi aggiungere nuovi componenti o elementi al tuo sito web senza il rischio di conflitti con altri page builder e/o plugin. E inoltre, ti consente anche di aggiungere il tuo modello personalizzato.

Come installare shortcode per Elementor?

Installare gli shortcode è davvero semplice e richiede solo 3 passaggi per farlo. Ecco come puoi installare shortcode per Elementor.

Un delicato promemoria: tutti e tre i passaggi di questa guida all'installazione richiedono che Elementor sia installato su WordPress. Quindi, se non l'hai fatto fino ad ora, fallo rapidamente e rivedi i passaggi in seguito.

Ci sono due processi in questa guida all'installazione: installazione automatica e installazione manuale

Installazione automatica

1. Vai su "Plugin" e segui "Aggiungi nuovo" dalla stessa schermata.
2. Cerca gli shortcode di WordPress per Elementor.
3. Installa il plugin e attivalo.

Installazione manuale

1. Scarica RS<a href="#"> Elementor Shortcode.
2. Estrai il file shortcode.zip. I file del plugin saranno all'interno della directory denominata rselements-lite.
3. Carica i file del plugin nella posizione della tua installazione di WordPress. La directory dovrebbe essere qualcosa del genere: /wp-content/plugins/elementor-short-code.
4. Attiva il plugin dalla sezione 'Plugin' nel menu di WordPress.

L'installazione manuale è solo un esempio di un particolare plug-in e il processo è simile per qualsiasi plug-in che desideri installare manualmente.

Come inserire i modelli Elementor utilizzando gli shortcode?

Ecco come puoi inserire un modello Elementor pre-progettato utilizzando gli shortcode. Ecco come puoi farlo. Dirigiti verso -

WordPress -> Modelli -> Modelli salvati

Qui potrai controllare lo shortcode per ogni widget nella libreria. Inoltre, puoi anche creare il tuo modello e generare uno shortcode univoco per esso.

Ogni modello salvato ha il proprio shortcode univoco, che è sempre disponibile per l'uso su altre pagine.

Ad esempio, vuoi creare un popup WooCommerce in cui i tuoi clienti possono visualizzare lo stato dell'ordine.

Per questo, tutto ciò che devi fare è trascinare e rilasciare un widget popup dalla barra laterale sulla tela. Ora, genera lo shortcode dal popup originale e incollalo nel nuovo popup e genererà esattamente lo stesso widget popup in pochissimo tempo.

Ora che conosci gli shortcode e come funzionano, potresti chiederti se Elementor converte tutti i contenuti di una pagina Web in shortcode? Bene, se lo stai già chiedendo, ecco la tua risposta.

Elementor inserisce contenuti nelle pagine Web con o senza shortcode?

Per eliminare la tua confusione, Elementor non inserisce contenuti in una pagina Web utilizzando gli shortcode. In poche parole, non converte un modello in uno shortcode univoco e poi lo inserisce nella pagina web. Ecco perché…

Se Elementor utilizzasse shortcode per ogni modello generato nella libreria, i suoi elementi della libreria dipenderebbero enormemente dal plug-in Elementor.

E per qualche motivo, se hai bisogno di rimuovere Elementor dall'elenco dei plug-in installati per la tua pagina web, perderai tutto il supporto per i componenti della libreria Elementor esistenti e gli shortcode sono associati ad essi. Come se dovesse succedere si trasformerebbe in un incubo assoluto.

Ma questo non è il caso di Elementor, poiché risolve semplicemente il problema. Elementor genera uno shortcode per il modello selezionato che desideri copiare.

Ma prima di farlo, crea una copia del modello progettato come codice nella pagina.

E così, la prossima volta che copi qualcosa da un posto a un altro, incolli il codice sul retro. Ma visivamente, stai usando gli shortcode per farlo.

I precedenti costruttori di pagine avevano tali dipendenze da plug-in e modelli specifici, per i quali era difficile utilizzare altri plug-in su un sito web.

Ma ora, senza dipendenze, puoi facilmente modificare una pagina Web indipendentemente dal fatto che utilizzi il generatore di pagine Elementor o meno.

Riassumendo

Ormai hai tutte le idee necessarie per iniziare a utilizzare gli shortcode Elementor sul tuo sito Web WordPress. Inoltre, le prime volte sono sempre un po' confuse. Quindi, assicurati di guardare alcuni video mentre lo fai per assicurarti che il tuo apprendimento sia perfezionato.