Come utilizzare gli shortcode di WordPress sui temi Rara

Pubblicato: 2018-12-07

Gli shortcode di WordPress sono fantastici. Puoi utilizzare gli shortcode per personalizzare i tuoi contenuti e aggiungere funzionalità speciali al tuo sito Web WordPress.

Gli shortcode sono tag univoci che consentono agli utenti di WordPress di estrarre script di contenuto predefiniti, funzioni e molti altri sui loro siti Web WordPress senza scrivere ogni volta lunghi codici HTML o CSS.

I temi WordPress di Rara Theme sono dotati di importanti shortcode personalizzati che possono aiutarti a rendere i tuoi contenuti WordPress più coinvolgenti. Alcuni degli shortcode disponibili con i nostri temi sono layout di griglia, divisori, spaziatura, icone social, call to action, slider, toggle, tab, stile elenco, fisarmonica e capolettera.

Parleremo della funzione di ogni shortcode e di come utilizzarli in questo articolo. Ma, prima, parliamo degli shortcode e della loro importanza in generale.

Sommario

  • Cosa sono gli shortcode di WordPress?
  • Perché gli shortcode vengono utilizzati nei temi e nei plugin di WordPress?
  • Come utilizzare gli shortcode di WordPress sul tema Rara
    • Shortcode layout griglia
    • Shortcode divisore
    • Scorciatoia di spaziatura
    • Shortcode icone sociali
    • Shortcode Call To Action
    • Shortcode del dispositivo di scorrimento
    • Attiva/disattiva codice breve
    • Tab Shortcode
    • Shortcode stile elenco
    • Shortcode per fisarmonica
    • Shortcode capolettera
  • Conclusione

Cosa sono gli shortcode di WordPress?

WordPress Shortcode è un pezzo di codice che esegue un'attività dedicata sul sito web.

Questi codici sono abbastanza versatili e possono essere inseriti ovunque nel sito web inclusi post, pagine e aree widget. Ad esempio, puoi utilizzare gli shortcode per modificare lo stile dei testi, visualizzare la galleria o persino inserire un sommario.

La maggior parte dei temi e dei plug-in viene fornita con il proprio set di codici brevi integrati. Questi codici brevi ti consentono di ottenere di più da un tema o da un plug-in estendendone la funzionalità.

Perché gli shortcode vengono utilizzati nei temi e nei plugin di WordPress?

Gli shortcode di WordPress sono spesso utilizzati dagli sviluppatori di temi e plugin per rendere pratica la personalizzazione del sito.

Gli shortcode sono abbastanza flessibili e consentono agli utenti di implementare diverse funzionalità senza scrivere codici complessi. Inoltre, con l'aiuto degli shortcode, gli sviluppatori possono dare agli utenti il ​​controllo del layout, del design e delle funzionalità del sito web.

Diversi temi e plug-in si basano su codici brevi per conferire un aspetto accattivante al sito Web. La maggior parte dei temi sviluppati da Rara Theme sono dotati di shortcode integrati per aiutarti a creare contenuti ben formattati.

Come utilizzare gli shortcode di WordPress sul tema Rara

I nostri temi sono dotati di shortcode integrati che puoi facilmente implementare nei tuoi post e nelle tue pagine. Puoi utilizzare gli shortcode integrati nei nostri temi per modificare il layout e aggiungere vari elementi ai post o alle pagine del sito web.

Per utilizzare gli shortcode del tema Rara, segui questi passaggi:

  • Accedi al tuo pannello di amministrazione di WordPress
  • Vai a Pagine/Post
  • Fare clic su Aggiungi nuovo
  • Fare clic su Codici brevi

Puoi selezionare gli shortcode di tua scelta e utilizzarli nel post.

La funzione di ogni shortcode disponibile sui temi WordPress di Rara Theme e come utilizzarli sono spiegati di seguito.

Shortcode layout griglia

Puoi visualizzare il contenuto del post/della pagina in un layout a griglia utilizzando questo shortcode.

Di seguito è riportata la dimostrazione dello shortcode Grid Layout:

  • Nell'editor di post/pagina, fai clic su Codici brevi e seleziona Layout griglia
  • Seleziona il numero di colonne che desideri visualizzare
  • Seleziona la Larghezza di tutte le colonne
  • Vedrai alcuni codici aggiunti al tuo contenuto.
  • Sostituisci "Inserisci il testo della tua colonna (1,2,3...)" con i testi desiderati come indicato di seguito
  • Fare clic su Pubblica.

Dovresti aspettarti il ​​seguente risultato sul tuo post/pagina.

Shortcode divisore

Puoi aggiungere una linea di divisione tra i paragrafi con questo shortcode. Inoltre, puoi mantenere lo stile, lo spessore, la larghezza e il margine personalizzati della linea di divisione.

La dimostrazione dello shortcode Divider è riportata di seguito:

  • Nell'editor di post/pagina, vai all'area del contenuto in cui desideri visualizzare il divisore
  • Fare clic su Codici brevi e selezionare Divisore
  • Immettere il colore del bordo, lo stile del bordo, lo spessore del bordo, la larghezza del bordo, la spaziatura in alto e la spaziatura in basso
  • Fare clic su OK. Vedrai alcuni codici aggiunti al tuo contenuto.
  • Fare clic su Pubblica

Dovresti aspettarti il ​​seguente risultato sul tuo post/pagina.

Scorciatoia di spaziatura

Lo shortcode di spaziatura viene utilizzato per aggiungere ulteriore spazio tra testi/paragrafi.

La dimostrazione dello shortcode Spaziatura è riportata di seguito:

  • Nell'editor di post/pagina, vai all'area del contenuto in cui desideri visualizzare lo spazio aggiuntivo.
  • Fare clic sui codici brevi e selezionare la spaziatura
  • Inserisci lo spazio richiesto in px
  • Fare clic su OK. Vedrai alcuni codici aggiunti al tuo contenuto.
  • Fare clic su Pubblica

Dovresti aspettarti il ​​seguente risultato sul tuo post/pagina.

Shortcode icone sociali

Puoi visualizzare le icone social e i loro collegamenti all'interno del contenuto di post/pagine del tuo sito Web utilizzando lo shortcode Social Icons.

Di seguito è riportata la dimostrazione dello shortcode Social Icons:

  • Nell'editor di post/pagina, vai all'area del contenuto in cui desideri visualizzare le icone social.
  • Fare clic sui codici brevi e selezionare le icone social
  • Inserisci i link alle icone social
  • Fare clic su OK. Vedrai alcuni codici aggiunti al tuo contenuto.
  • Fare clic su Pubblica

Dovresti aspettarti il ​​seguente risultato sul tuo post/pagina.

Shortcode Call To Action

Puoi visualizzare un pulsante di invito all'azione all'interno del contenuto di post/pagine del tuo sito Web utilizzando questo shortcode.

Di seguito è riportata la dimostrazione dello shortcode Call To Action:

  • Nell'editor di post/pagina, vai all'area del contenuto in cui desideri visualizzare l'invito all'azione.
  • Fare clic sui codici funzione e selezionare Call To Action
  • Immettere il titolo, la descrizione, il testo del pulsante e l'URL del pulsante dell'invito all'azione
  • Seleziona la scheda Apertura link e Allineamento pulsanti
  • Fare clic su OK. Vedrai alcuni codici aggiunti al tuo contenuto.
  • Fare clic su Pubblica

Dovresti aspettarti il ​​seguente risultato sul tuo post/pagina.

Shortcode del dispositivo di scorrimento

Puoi visualizzare un pulsante di invito all'azione all'interno del contenuto di post/pagine del tuo sito Web utilizzando questo shortcode.

Di seguito è riportata la dimostrazione dello shortcode Call To Action:

  • Nell'editor di post/pagina, vai all'area del contenuto in cui desideri visualizzare il dispositivo di scorrimento.
  • Fare clic sui codici brevi e selezionare il dispositivo di scorrimento
  • Immettere il numero di immagini
  • Seleziona l'opzione per Mostra didascalia, Collega immagine a URL e Apri collegamento in una scheda uguale o diversa.
  • Vedrai alcuni codici aggiunti al tuo contenuto. Immettere il testo della didascalia, il collegamento e l'URL dell'immagine del contenuto del dispositivo di scorrimento come mostrato di seguito.
  • Fare clic su Pubblica

Dovresti aspettarti il ​​seguente risultato sul tuo post/pagina.

Attiva/disattiva codice breve

Puoi visualizzare un Toggle all'interno del contenuto di post/pagine del tuo sito web utilizzando questo shortcode.

La dimostrazione dello shortcode Toggle è riportata di seguito:

  • Nell'editor di post/pagina, vai all'area del contenuto in cui desideri visualizzare l'interruttore.
  • Fare clic sui codici brevi e selezionare Toggle
  • Inserisci l'intestazione e i dettagli. Selezionare se si desidera visualizzare l'interruttore come Apri/Chiudi. Se selezioni apri, l'interruttore verrà aperto per impostazione predefinita.
  • Fare clic su OK. Vedrai alcuni codici aggiunti al tuo contenuto.
  • Fare clic su Pubblica

Dovresti aspettarti il ​​seguente risultato sul tuo post/pagina.

Tab Shortcode

Puoi visualizzare le schede all'interno del contenuto di post/pagine del tuo sito Web utilizzando questo shortcode.

La dimostrazione dello shortcode Tab è riportata di seguito:

  • Nell'editor di post/pagina, vai all'area del contenuto in cui desideri visualizzare le schede.
  • Fare clic sui codici brevi e selezionare la scheda
  • Immettere il numero di schede e l'allineamento delle schede. Seleziona le opzioni Mostra didascalia.
  • Fare clic su OK. Vedrai alcuni codici aggiunti al tuo contenuto.
  • Fare clic su Pubblica

Dovresti aspettarti il ​​seguente risultato sul tuo post/pagina.

Shortcode stile elenco

Puoi visualizzare un elenco all'interno del contenuto di post/pagine del tuo sito Web utilizzando questo shortcode.

La dimostrazione dello shortcode List Style è riportata di seguito:

  • Nell'editor di post/pagina, vai all'area del contenuto in cui desideri visualizzare l'elenco.
  • Fare clic sui codici brevi e selezionare Stile elenco
  • Immettere il numero di voci dell'elenco che si desidera visualizzare. Seleziona le icone dell'elenco
  • Fare clic su OK. Vedrai alcuni codici aggiunti al tuo contenuto.
  • Fare clic su Pubblica

Dovresti aspettarti il ​​seguente risultato sul tuo post/pagina.

Shortcode per fisarmonica

Puoi visualizzare fisarmonica all'interno del contenuto di post/pagine del tuo sito web utilizzando questo shortcode.

La dimostrazione dello shortcode Accordion è riportata di seguito:

  • Nell'editor di post/pagina, vai all'area del contenuto in cui desideri visualizzare la fisarmonica.
  • Fare clic sui codici brevi e selezionare Fisarmonica
  • Immettere il numero di fisarmonica che si desidera visualizzare
  • Fare clic su OK. Vedrai alcuni codici aggiunti al tuo contenuto. Inserisci il titolo della fisarmonica e il contenuto della fisarmonica
  • Fare clic su Pubblica

Dovresti aspettarti il ​​seguente risultato sul tuo post/pagina.

Shortcode capolettera

Puoi visualizzare un capolettera all'interno del contenuto di post/pagine del tuo sito web utilizzando questo shortcode. Drop Cap ti aiuta a rendere grandi alcune lettere.

La dimostrazione dello shortcode Drop Cap è riportata di seguito:

  • Nell'editor di post/pagina, vai all'area del contenuto in cui desideri visualizzare il capolettera.
  • Fare clic sui codici brevi e selezionare Capolettera
  • Seleziona la dimensione del carattere e inserisci la lettera del capolettera
  • Fare clic su OK. Vedrai alcuni codici aggiunti al tuo contenuto.
  • Fare clic su Pubblica

Dovresti aspettarti il ​​seguente risultato sul tuo post/pagina.

Conclusione

Questi sono gli shortcode disponibili sui temi di Rara Theme. Se sei ancora confuso o non sei in grado di utilizzare gli shortcode, contatta il nostro team di supporto .