Come creare metabox WordPress per aggiungere informazioni a pagine, articoli, custom post type o altro

Vi siete mai chiesti come alcuni plugin aggiungano dei box nei vostri articoli nella parte amministrazione? Oggi impareremo a farlo.

Come prima cosa apriamo il file functions.php del tema e aggiungiamo queste righe di codice :

Se avete fatto tutto correttamente negli articoli troverete una schermata simile :esempio wp metabox

Come vedete abbiamo aggiunto un box di nome Custom Meta Box. Vi spiego come funzionano i parametri di add_meta_box.

  1. Il primo parametro sarebbe l’id di riferimento al metabox, deve essere univoco.
  2. Il secondo parametro è il nome che visualizzeremo sopra al metabox, in questo caso visualizziamo Custom Meta Box.
  3. Il terzo parametro sarebbe la funzione che deve richiamare per visualizzare le informazioni legate al metabox, vi farò vedere dopo cosa possiamo inserire.
  4. Il quarto parametro sarebbe il tipo di pagina a cui deve aggiungere il metabox, in questo caso “post” si riferisce agli articoli, ma voi potete mettere ad esempio “page” che sarebbe riferito alle pagine o un qualsiasi custom post type.
  5. Il quinto parametro è la posizione del nostro metabox, in questo caso è “normal” quindi andrà sotto la descrizione dell’articolo. Gli altri parametri consentiti sono “advanced” e “side”.

Adesso aggiungiamo delle informazioni al nostro metabox, prendiamo la funzione custom_meta_box_markup e sostituiamola con questa:

Se avete fatto tutto correttamente dovreste avere una grafica simile a questa : 

Come potete vedere abbiamo aggiunto tre tipi di input. Voi potete aggiungere qualsiasi cosa, basta che inserite tutto nella funzione “custom_meta_box_markup”.

Come salvare i dati della metabox WordPress

Adesso salviamo i dati appena creati all’interno del singolo articolo, cosi da non perdere le informazioni.

Aggiungiamo queste righe di codice sempre nel file functions.php

La funzione come vedete, fa un controllo se esistono i campi e se il tipo di post è quello da voi scelto, se soddisfa i requisiti andrà a salvare i nuovi dai nel vostro articolo.

Abbiamo concluso, con questo metodo potrete customizzare come volete i vostri articoli, pagine o custom post type !

Commenta l'articolo

Bisogno di postare codice ? Usa un servizio gratuito come Codeshare altrimenti WordPress formatta male il codice!

Pin It on Pinterest

Condividi l'articolo. Grazie.

Vuoi essere aggiornato ?