Posts Heading

Built-in WordPress Shortcodes

WordPress viene fornito con diversi built-in codici brevi per il rendering di determinati tipi di contenuti.

]

Lo shortcode audio consente di incorporare file audio e riprodurli.

]

Utilizzato principalmente con le singole immagini, il caption shortcode consente di avvolgere le didascalie intorno al contenuto.

]

Lo shortcode galleria consente di aggiungere una o più gallerie di immagini ai tuoi post e pagine.

]

Lo shortcode embed consente di avvolgere gli elementi incorporati con una larghezza e un’altezza massime (ma non fisse).

]

Lo shortcode playlist implementa la funzionalità di visualizzazione di una raccolta di file audio o video WordPress in un post.

]

Lo shortcode video consente di incorporare file video e riprodurli.

Plugin&Shortcodes tema

Temi specifici WordPress e plugin hanno shortcodes destra, fuori dalla scatola che è possibile inserire nel post o editor di pagina e renderà il risultato sul front-end. A questa data, molti temi e plugin utilizzano ancora codici brevi.

Ad esempio, i codici brevi sono spesso utilizzati nei plugin comuni per calendari, moduli, tabelle, appartenenze, timer conto alla rovescia o citazioni pull. Esistono anche plugin shortcode che consentono di creare codici brevi per qualsiasi cosa.

I temi WordPress possono anche utilizzare codici brevi per rendere determinati contenuti dinamici pre-stilizzati o forniti da loro.

Codici brevi personalizzati

La maggior parte degli sviluppatori esperti scelgono di creare i propri codici brevi, essenzialmente riducendo il tempo necessario per codificare qualcosa che è ripetitivo. Tutto ciò che serve è un semplice file aggiuntivo nella directory dei file per creare i codici brevi personalizzati.file php. Se volete imparare le corde di codici brevi personalizzati, ecco una guida sulla creazione di codici brevi personalizzati.

L’API Shortcode WordPress

Per gli sviluppatori che creano i propri codici brevi personalizzati, l’API Shortcode WordPress fornisce un semplice set di funzioni per la creazione di codici brevi WordPress per l’uso in post e pagine.

L’API Shortcode aiuta gli sviluppatori di plugin a creare contenuti dinamici che gli utenti possono aggiungere a pagine o post aggiungendo lo shortcode corrispondente nell’area del contenuto. Per fortuna, l’API gestisce tutte le analisi complicate, eliminando la necessità di scrivere un’espressione regolare personalizzata per ogni shortcode. Inoltre, sono incluse funzioni di supporto per l’impostazione e il recupero degli attributi shortcode predefiniti.

gli Sviluppatori possono WordPress Shortcode la documentazione delle API di saperne di più su:

• gestire gli attributi di
• Output
• Allegando vs self-closing shortcode
• Funzione di riferimento
• Limitazioni
• sintassi Formale

Shortcode nel Classico Editor

In passato, i codici brevi sono stati inseriti nel classico editor di qualsiasi post o pagina come questo:

Che cosa sono i blocchi WordPress?

I codici brevi sono stati i primiodes ma poi è arrivata la modifica basata su blocchi. Con l’introduzione di WordPress 5.0 è arrivata l’implementazione dell’editor Gutenberg a lungo pianificato o WordPress Block Editor come pagina principale e post editor per WordPress, sostituendo il classico editor di testo WordPress che è stato intorno per anni.

Ecco uno sguardo al content editor prima di WordPress 5.5 (ah, quelli erano i giorni!)

L’editor Gutenberg è stato annunciato per la prima volta su versioni precedenti di WordPress, ma è rimasto facoltativo fino a WordPress 5.0 quando è diventato l’editor predefinito.

Non c’è nulla di intrinsecamente sbagliato nel nuovo editor bloccato. In effetti, alla maggior parte degli utenti piace l’aspetto migliorato e più pulito, meno intimidatorio, del back-end di WordPress.

Ma con l’editor di blocchi di WordPress è venuto blocchi di WordPress. Sono finite le opzioni di formattazione nella parte superiore che ricordano le applicazioni di elaborazione testi come Microsoft Word. Invece, le opzioni di formattazione sono state sostituite con le opzioni della barra laterale destra a schede per ogni blocco.

I blocchi di WordPress sono essenzialmente contenitori di contenuti. Ci sono molti blocchi diversi per diversi tipi di contenuti—immagini, video, testi, intestazioni, gallerie—è il nome.

C’è anche un blocco WordPress per la formattazione, distanziatore, e divisore, e sono casualmente disposti in categorie per un facile accesso.

Tutte le opzioni e controlli che sono stati al top ora si trovano alla destra della pagina/post editor, con schede nella parte superiore che indica se si desidera visualizzare le opzioni per il blocco corrente da solo o l’intero documento.

L’editor di blocchi è più facile, veloce e facile da usare. Inoltre, gli sviluppatori di temi e plugin stanno anche creando i propri blocchi che aggiungono più opzioni di blocco ai blocchi WordPress predefiniti.

Blocchi riutilizzabili vs Shortcodes

Il vecchio modo per salvare una serie di output predefiniti nell’editor WordPress classic era attraverso la creazione di codici brevi. Ora, questo metodo è stato sostituito con blocchi riutilizzabili.

La possibilità di salvare blocchi predefiniti e pre-personalizzati ha anche reso più facile salvare il layout e il design di un determinato blocco e utilizzarlo su un altro. Molto simile a un modello di pagina.

Ad esempio, se si aggiunge un blocco pulsante e lo stile con un certo colore, effetti hover, ecc., Lei non vorrebbe continuare a farlo su ogni pagina lei aggiunge quel bottone a. Se lo cambi in un blocco riutilizzabile, il pulsante viene salvato sul tuo sito WordPress e diventa il proprio blocco che puoi utilizzare su altre pagine o post.

È inoltre possibile aggiornare ulteriormente questi blocchi convertendoli in blocchi regolari, salvandoli come uno nuovo (con un nuovo nome), o aggiornare il design esistente del blocco.

Blocchi di gruppo

In WordPress 5.3 è arrivata anche l’introduzione di blocchi di gruppo e modelli.

In sostanza, ti viene data la possibilità di raggruppare determinati blocchi e spostarli o aggiornarli tutti insieme. Questo alla fine ha dato origine a modelli di blocco. I modelli a blocchi hanno reso più semplice la modifica dei contenuti poiché gli utenti preferirebbero scegliere un modello e aggiornare il contenuto piuttosto che iniziare da una tela bianca.

Opzioni di stile di blocco

Con ogni tema viene diverse opzioni di stile. E normalmente lo stile del contenuto che aggiungi su ogni sito è predeterminato dal tuo tema.

Con l’editor di blocchi, si ha la possibilità di aggiornare lo stile di ogni blocco singolarmente, sia per distinguersi, o per renderli più evidente.

Blocchi&Modifica completa del sito

Con tutti questi progressi e cambiamenti nel modo in cui creiamo e costruiamo pagine su WordPress arriva l’idea e l’eventuale transizione a quello che viene chiamato Modifica completa del sito.

Nella pasta, la maggior parte degli utenti poteva solo aggiornare il corpo effettivo di un post o di una pagina. Alcuni aspetti del sito web, come l’intestazione, piè di pagina, barre laterali e widget, dipendono ancora in gran parte dal tema. Questo, naturalmente, ha reso alla ricerca del tema perfetto con la giusta quantità di opzioni la lotta finale per gli sviluppatori e gli utenti di WordPress.

Con la modifica completa del sito e l’introduzione del Costruttore di blocchi, la tendenza sta ticchettando verso rendere tutte le sezioni di una pagina o post modificabili, in un certo senso, usando i blocchi.

Ad esempio, l’ultimo tema WordPress Twenty-Twenty segue questo modello, dando ai creatori e ai proprietari di siti Web un maggiore controllo sul loro sito Web e su come vorrebbero che apparisse.

Guardando avanti, gli sviluppatori di plugin e temi dovranno adottare un approccio diverso quando sviluppano il loro software per adattarsi alla nuova esperienza completa di modifica del sito e costruzione di pagine dell’editor di blocchi WordPress. Mentre la piena applicazione di questo è ancora all’orizzonte, è un cambiamento positivo che probabilmente vedremo prima piuttosto che dopo.

Il nuovo blocco Shortcode

Prima dell’editor di blocchi, i codici brevi venivano inseriti direttamente nella pagina o nell’editor di pagine. Ora, l’editor di blocchi WordPress include un nuovo blocco shortcode.

Il blocco shortcode rende facile continuare a utilizzare codici brevi legacy all’interno di un post o una pagina e mantiene l’integrità dell’output shortcode.

Il blocco shortcode può essere aggiunto a una pagina o post facendo clic sul pulsante Aggiungi blocco. In alternativa, è possibile digitare / shortcode e premere invio.

Si noterà che, a differenza di altri comuni isolati, shortcode blocco non includono le impostazioni specifiche nel blocco della barra degli strumenti o editor laterale, probabilmente dovuto al fatto che i codici brevi possono essere personalizzate con i loro attributi.

Cosa significa l’editor di blocchi per i codici brevi di WordPress?

L’editor di blocchi di WordPress ha importanti implicazioni per i codici brevi. Copriamo alcune delle cose più importanti da notare sui codici brevi di WordPress nell’era dell’editor di blocchi.

1. L’editor di blocchi WordPress cambia radicalmente la necessità e lo scopo di codici brevi per la maggior parte dei plugin e temi. Con un sistema di editing basato su blocchi, ogni “elemento” della pagina ha il proprio blocco, piuttosto che essere contenuto in un editor WYSIWYG modificabile.

Poiché l’editor di blocchi è un approccio totalmente diverso per comporre un post o una pagina, le parti più dinamiche di una pagina generate da codici brevi possono esistere come blocchi che possono essere aggiunti individualmente.

2. I blocchi possono ora prendere il posto della maggior parte dei codici brevi, eliminando la necessità per gli utenti di imparare come utilizzare i codici brevi. Il concetto e il formato dei codici brevi possono avere una curva di apprendimento ripida per alcuni utenti, quindi l’approccio a blocchi potrebbe essere più semplice.

Ad esempio, prendi il plugin Gravity Forms. Prima dell’editor di blocchi, il processo per l’inserimento di un modulo in un post o in una pagina era diverso. Dall’editor classico, dovevi usare un pulsante per inserire un modulo nel tuo contenuto.

Dopo aver selezionato il modulo, il modulo shortcode è stato aggiunto al contenuto. A seconda delle opzioni selezionate, lo shortcode conteneva gli attributi per titolo e descrizione.

Ora, il plugin Gravity Forms offre un blocco forms embed. Dall’editor blocchi, selezionare il blocco Moduli.

Una volta selezionato il modulo, vedrai un’anteprima migliore di come apparirà il modulo sulla tua pagina. Le impostazioni del modulo possono essere trovate nelle impostazioni del blocco.

3. Gli sviluppatori di temi e plugin dovranno decidere sul futuro delle loro implementazioni di shortcode e convertire i loro codici brevi in blocchi. Come accennato in precedenza, centinaia di temi, plugin e sviluppatori utilizzano ancora codici brevi sui loro siti web e applicazioni. L’adozione dei blocchi può essere lenta, ma man mano che gli utenti acquisiscono maggiore familiarità con il nuovo editor di blocchi, è probabile che gli utenti richiedano un’opzione di blocco.

Per quegli sviluppatori che sono ancora miglia di distanza dall’adozione del sistema di editing di blocchi WordPress, il concetto completo di modifica del sito può andare di pari passo con i loro codici brevi. Plugin come recensione e valutazione plugin, lettori audio, data ticker, gallerie, moduli di contatto, e la maggior parte qualsiasi altra cosa che ancora utilizzano codici brevi sono ancora “nel gioco.”

4. Shortcodes non stanno andando via in qualunque momento presto. Questo è probabilmente il motivo per cui l’editor di blocchi WordPress offre il blocco shortcode per aiutare a mantenere l’utilizzo di shortcode. Poiché i codici brevi avevano un utilizzo e un’implementazione così ampi prima di WordPress 5.0 e dell’editor di blocchi, è importante che le versioni future di WordPress supportino ancora i codici brevi.

5. Codici brevi possono essere convertiti in un blocco. Avere un tema preferito o plugin che utilizza codici brevi? E ‘ probabile che quei codici brevi saranno convertiti in un blocco ad un certo punto. Se sei uno sviluppatore di un plugin o un tema, o si costruisce siti web WordPress e codici brevi utilizzati in un tema personalizzato, è possibile ripensare codici brevi come blocchi.

Nella prossima sezione, tratteremo brevemente come convertire i codici brevi WordPress in blocchi WordPress.

Come convertire i codici brevi WordPress in blocchi WordPress

Proprio come è possibile aggiungere codici brevi personalizzati e blocchi riutilizzabili, è anche possibile convertire facilmente codici brevi WordPress personalizzati in blocchi WordPress.

Seguire i primi passi da questa guida shortcode personalizzato.

Prendi questo esempio di base da Caldera Forms:

 <?php/** * Handler for shortcode * * @param $atts * * @return string */function caldera_learn_basic_blocks_post_title_shortcode_handler($atts){$atts = shortcode_atts(, $atts, 'cl_post_title');return caldera_learn_basic_blocks_post_title($atts, $atts);}/** * Output the post title wrapped in a heading * * @param int $post_id The post ID * @param string $heading Allows : h2,h3,h4 only * * @return string */function caldera_learn_basic_blocks_post_title($post_id, $heading){if (!in_array($heading, )) {$heading = 'h2';}$title = get_the_title(absint($post_id));return "<$heading>$title</$heading>";}/** * Register Shortcode */add_shortcode('cl_post_title', 'caldera_learn_basic_blocks_post_title_shortcode_handler');

Questo codice prende l’ID del post e un livello di intestazione (h2, h3, he) e restituisce il titolo del post avvolto nell’HTML per l’intestazione.

Una volta fatto ciò e hai testato che il codice funziona, devi registrare lo shortcode come blocco. Ecco la guida passo passo per convertire uno Shortcode WordPress in un blocco Gutenberg come esempio.

Più risorse sulla creazione di blocchi WordPress

Ci sono numerosi plugin e risorse disponibili online che ti aiuteranno a raggiungere questo passo, inclusa la documentazione ufficiale di WordPress sulla scrittura del tuo primo tipo di blocco. Puoi controllare anche il post di Igor Benic su come creare un blocco per la visualizzazione dei post.

Dopo aver letto queste guide, sarete in grado di capire come creare i propri blocchi di WordPress utilizzando i codici brevi personalizzati.

Il verdetto per WordPress Shortcodes

WordPress shortcodes sono e saranno ancora una delle parti più importanti di WordPress. I codici brevi hanno aiutato molti sviluppatori di plugin a rendere i loro plugin più user-friendly e molti sviluppatori di temi estendono le funzionalità dei loro temi. Shortcodes hanno anche ridotto il numero di mal di testa un sacco di creatori di contenuti e proprietari di siti web hanno dopo aver creato i loro codici brevi personalizzati quando si tratta di aggiungere ripetutamente e aggiornare le cose che vogliono.

Detto questo, non c’è dubbio che l’editor di blocchi è il futuro dell’esperienza di editing di WordPress, quindi aspettatevi di vedere più sviluppatori contribuire a renderlo migliore e ancora di più, pieno di funzionalità, compresi quelli che stanno ancora utilizzando codici brevi. Guardando al futuro, ci aspettiamo che più sviluppatori passeranno all’utilizzo e all’aggiunta di blocchi WordPress invece di codici brevi WordPress.

Speriamo che tu abbia imparato molto sull’importanza dei codici brevi di WordPress, a cosa servono e quando usarli. Si spera, si può iniziare a creare i propri codici brevi personalizzati e, infine, i propri blocchi, entrambi i quali sono sicuramente non andare via in qualunque momento presto.