In genere, quando inserisci contenuti nei post di WordPress, ciò che vedi è ciò che ottieni o WYSIWYG. Se digiti, "La volpe marrone veloce saltò sopra la staccionata bianca", questo è ciò che vedrai. Ma WordPress offre anche la possibilità che ci siano dei riferimenti abbreviati che si espandono. Nel gergo di programmazione, questi sono chiamati macro; programmi per computer essenzialmente brevi. In WordPress, questi sono chiamati shortcode.
Ad esempio, se dovessi digitare [QuickFox]
, uno shortcode di WordPress potrebbe estendersi a "La rapida volpe marrone saltò sopra la staccionata bianca". Allo stesso modo, se dovessi digitare [quickphrase animal = "rabbit" animal_color = "yellow" object = "fence" object_color = "red"]
, che potrebbe estendersi a "Il coniglio giallo veloce saltò sul recinto rosso". Mentre questo potrebbe non sembrare molto utile al momento, la capacità in realtà è molto utile.
Ecco quattro diversi modi in cui potresti aver riscontrato i codici brevi di WordPress in precedenza:
WordPress.com offre i propri shortcode per i blog ospitati con il suo servizio. Uno degli svantaggi dell'utilizzo di questi shortcode è che rende molto difficile la migrazione a un host o host autonomo in futuro, questo è ciò che chiamo "host lock-in".
Molti temi offrono codici brevi. Ad esempio, il creatore del tema del mio sito web MySiteMyWay ha una lunga lista di codici brevi. Io uso il [schede]
codici brevi per consentire l'ordinamento dinamico dei miei clip di scrittura per anno e per argomento (non è necessario aggiornare la pagina):
Ecco il codice che fa questo:
[tabs] [tab title = "Per anno"] ... contenuto ordinato per anno ... [/ tab] [tab title = "Per argomento"] ... contenuto ordinato per argomento ... [/ tab] [/ tabs]
Uso anche le colonne in questa pagina:
Ecco il codice che realizza ciò:
[one_half] ... la prima colonna va qui ... [/ one_half] [one_half_last] ... il contenuto della seconda colonna va qui ... [/ one_half_last]
Uno degli svantaggi dell'utilizzo degli shortcode del tuo tema è che rende molto difficile la migrazione a un nuovo tema in futuro, "lock-in del tema".
I plugin Shortcode sono plugin che forniscono una miriade di shortcode per migliorare l'aspetto del tuo blog. Ecco una recensione di molti di WPMU e Shortcodes Ultimate è un buon esempio. Questi plug-in possono aiutarti a evitare il blocco di temi e host, ma ottieni "lock-in dei plug-in". E gli shortcode dei plug-in non sempre interagiscono bene con il tuo tema.
Molti plugin implementano le loro funzionalità come shortcode. Ad esempio, il plug-in Social Locker, di cui ho scritto di recente per Tuts +, è implementato come shortcode. Il mio post sulla protezione del Mac da potenziale furto blocca il contenuto dei suggerimenti finali per incoraggiare le persone a condividere il post sui social media.
Il codice che implementa questo è un shortcode:
[sociallocker] ... il contenuto degli oggetti dal 7 al 10 va qui ... [/ sociallocker]
Come puoi vedere, l'utilizzo di shortcode offre molti vantaggi ma può anche aumentare la complessità della migrazione del tuo sito o l'aggiornamento del tuo tema in futuro.
In questo tutorial, voglio introdurre un quinto tipo di shortcode: uno che crei te stesso, non scrivendo un plug-in (che è un'opzione per gli sviluppatori), ma utilizzando un plugin gratuito chiamato Shortcoder. E non devi essere un programmatore per farlo.
Shortcoder fornisce un database interno che consente di creare e archiviare i propri frammenti di codice di shortcode (HTML, JavaScript, ecc.) È quindi possibile utilizzare i codici brevi personalizzati nei post o nelle pagine e Shortcoder li espande in posizione.
Ciò è particolarmente utile per frammenti di codice o contenuto che potresti riutilizzare o ripetere su molte pagine, ed è ancora più utile se desideri cambiare contenuto o codice e farlo riflettere ovunque contemporaneamente.
Ecco alcuni esempi di come uso Shortcoder:
Sulle mie esercitazioni multi-pagina (come questa), codifico il sommario del codice staticamente come shortcode Shortcoder e lo metto in ogni pagina.
Invece di incollare manualmente il sommario su tutte le pagine del tutorial, utilizzo shortcoder e posiziono il [Sc: MainTutorial]
shortcode su ogni pagina. Ogni volta che ho bisogno di aggiornare il mio sommario, lo faccio nell'area delle impostazioni dello shortcoder e verrà automaticamente aggiornato su tutte le mie pagine. Non devo mai modificare manualmente il sommario in ogni pagina.
Leggi questo su Tuts +: aggiungi un bellissimo sommario ai tuoi post WordPress (nella seconda parte del tutorial).
Se non si ha esperienza di programmazione, la scrittura di questi macro di shortcode potrebbe sembrare un po 'insolita; tuttavia, la maggior parte dei blogger di WordPress probabilmente li ha già incontrati, o può trarne beneficio imparandoli.
Io uso anche Shortcoder per i posizionamenti degli annunci come AdSmallBanner. Posso posizionare l'annuncio su molte pagine del mio sito e se mai voglio sostituire l'inserzionista (e un nuovo banner e link), posso cambiarlo in Shortcoder una volta e si rifletterà su tutte le pagine del mio sito utilizzando lo shortcode AdSmallBanner.
Ecco un esempio di un annuncio in un post sul mio sito web:
Posso facilmente modificare gli annunci ovunque sul mio sito semplicemente modificando lo shortcode:
Sui miei footer tutorial, mi piace dare alle persone uno scambio amichevole per seguirmi. E, a volte mi piace cambiare questo. Senza Shortcoder, una pletora di pagine sul mio sito dovrebbe essere cambiata o essere superata. Con Shortcoder, cambio il footer tutorial una volta e si riflette ovunque:
Shortcoder supporta anche i parametri in modo da poter creare uno shortcode per visualizzare un video o una mappa specifici. Puoi vedere questo illustrato in questo video, a 50 secondi in.
Se voglio cambiare host o temi, i miei codici brevi Shortcoder probabilmente funzioneranno ancora, o avremo solo bisogno di piccoli aggiustamenti.
Se usato con giudizio, Shortcoder può essere un plugin estremamente potente da aggiungere al tuo arsenale di pubblicazione.
Non esitate a postare correzioni, domande o commenti qui sotto. Puoi anche raggiungermi su Twitter @reifman o mandarmi un'email direttamente.
Questi tutorial + tutorials discutono la creazione e l'utilizzo di shortcode per attività di blogging comuni: