Titan Framework ha davvero facilitato il noioso compito di creare metabox nel tuo progetto di sviluppo web. Prima di Titan Framework, dovevo scrivere un pezzo di codice molto lungo per visualizzare i metabox all'interno degli schermi di post e / o di modifica della pagina. Ora rende il processo davvero facile, ed è quello che discuteremo oggi. Quindi, impariamo come creare un metabox con Titan Framework.
Prima di approfondire questo argomento, supponiamo di avere:
titan-quadro-checker.php
file incluso nel tuo progettoAncora una volta mi riferisco al mio tema chiamato Neat per il codice che userò qui. Negli articoli precedenti, ho spiegato che i file template del tema sono stati organizzati in modo tale che ci sia una cartella separata per le cose relative all'amministratore all'interno del risorse cartella. Questo contiene inoltre un file per il codice dei metaboxes, cioè. METABOX-opzioni-init.php
, che si trova qui: beni / admin /
titanframework
/metabox-options-init.php
.
Quindi, ecco il codice che aggiungerà un metabox sulle schermate di modifica di tutti i tipi di post che abbiamo menzionato, che erano:
my_custom_post_type
, che è destinato a essere il nome di qualsiasi tipo di messaggio personalizzatocreateMetaBox (array ('name' => 'Metabox Options', // Nomina il menu delle opzioni. 'post_type' => array ('page', 'post', 'my_custom_post_type') // Può essere una stringa o un array.) );
All'inizio ci sono alcune righe commentate che ti forniscono alcuni dei link che puoi aiutare in relazione allo sviluppo dei metabox. Di seguito è un add_action ()
funzione che assume il tf_create_options
gancio che registra il aa_metabox_options
funzione per aggiungere opzioni all'interno del metabox.
Successivo (riga 14) Ho definito una funzione per avvolgere il nostro codice metabox, vale a dire. aa_metabox_options
. Questo contiene l'intera funzionalità necessaria per creare il nostro metabolismo.
Il processo inizia prendendo un'istanza unica di Titan Framework e registrandola nel $ titan
variabile (alla riga 17). Chiamando il getInstance ()
la funzione è parte integrante di Titan ed è necessaria in ogni nuova routine o file in cui si fa uso di Titan Framework. Questa funzione porta un parametro unico, idealmente il nome del tema per inizializzare Titan nel tuo progetto. Ecco perché ho usato 'pulito' come il mio nome unico L'ho spiegato in dettaglio anche in un precedente articolo.
La riga 23 di questo codice è dove ho creato il metabox. Con Titan Framework, puoi usare il createMetaBox ()
funzione per aggiungere i metabox nei temi / plug-in. Quindi, secondo questa linea di codice che sto creando $ aa_metbox
metabox in Titan Framework.
Nota un'altra cosa: il createMetaBox ()
la funzione ottiene una serie di parametri che possono assumere parametri simili nome
, disc
, post_type
, ecc. Quindi, facendo uso di questi ho chiamato questo metabox 'Opzioni di Metabox'(linea 24). Quindi, apparirà con questo nome nella mia pagina e nella schermata di post-editing.
L'ultima riga (riga 25) di questo codice allega questo nuovo metabox creato a tutti i tipi di post che menziono. post_type
è di nuovo un parametro che specifica in quale tipo di post verrà visualizzata questa metabox. Nel caso del mio codice, lo sto visualizzando su tutte le pagine e i post, e su my_custom_post_type
. Si noti inoltre che questo parametro occupa un array se è necessario utilizzare il metabox su più tipi di post. Ma può anche essere una stringa per quando è necessario utilizzare il metabox solo per un tipo di post, ad es. 'post_type' => 'pagina'.
Ora vai sul tuo dashboard di WordPress e fai clic Aggiungi nuovo menu nel Messaggi. Scorri verso il basso e troverai un metabox chiamato Opzioni di Metabox. Ecco lo screenshot per questo:
Fai lo stesso per qualsiasi pagina o tipo di post personalizzato del tuo sito web, e troverai anche lo stesso metabox.
Questo metabox è vuoto al momento. Quindi, aggiungiamo le opzioni.
Basta copiare e incollare queste righe proprio sotto il codice scritto sopra.
createOption (array ('id' => 'aa_mb_txt', // L'id che verrà usato per ottenere il valore di questa opzione. 'type' => 'text', // Tipo di opzione che stiamo creando. 'name' => 'My Text Option', // Nome dell'opzione che verrà visualizzata nel pannello di amministrazione. 'Desc' => 'Questa è la nostra opzione' // Descrizione dell'opzione che verrà visualizzata nel pannello di amministrazione.) );
Creare opzioni in Titan non è qualcosa di nuovo per te. Ho usato ancora una volta il createOption ()
funzione per aggiungere opzioni. Ma quello che dovresti notare è la riga 9, che specifica anche dove creare questa opzione, cioè all'interno $ aa_metbox
. Quindi, ho creato un testo
digita il campo all'interno del metabox chiamato 'La mia opzione di testo'il cui ID è aa_mb_txt
.
Lo screenshot qui sopra è il risultato del mio sviluppo fino ad ora. Ma questa volta, è di una pagina. Puoi chiaramente trovare il Opzioni di Metabox scatola che ha un La mia opzione di testo campo in esso.
Quindi, cosa rimane? Stampa dell'output sul front-end dopo aver recuperato il valore. Facciamolo ora!
Ora, recupererò i valori salvati sul front-end per la pagina nello screenshot qui sopra. Ecco qui:
getOption ('aa_mb_txt', get_the_ID ()); / ** * Prima opzione di metabox. * / // Usiamo questo valore in HTML. ?>Il valore dell'opzione di metabox txt per questa pagina è:
Qui il getOption ()
la funzione (riga 10) porta due parametri. Uno è l'ID univoco dell'opzione, vale a dire. aa_mb_txt
, e il secondo è il get_the_ID_ ()
funzione. Ho usato get_the_ID ()
perché il metabox è stato creato per tutti i tipi di post che abbiamo definito. Se hai bisogno di ottenere il valore di un'opzione di metabox per una pagina / post specifica, allora darai il GetOptions ()
funziona l'ID di quel post / pagina specifico. Il risultato è salvato in $ aa_mb_txt_val
.
Successivamente viene creato un paragrafo (riga 19) all'interno del quale ho usato il eco
comando per stampare l'output tramite aa_mb_txt_val
.
Supponiamo di essere entrato AA-Text-Option
nel metabox e pubblicato la pagina.
E voilà, tutto funziona come un incantesimo.
Ora sai come creare i meta box con Titan Framework. Ti rendi conto di quanto sia semplice. Nei prossimi articoli di questa serie, scriverò su come creare un particolare tipo di opzione con Titan Framework in una meta-scatola. Lì assumerò il fatto che sai già come creare la stessa meta-box. Quindi, è vitale per te provarlo.
Nel prossimo articolo creerò sezioni e pannelli di personalizzazione del tema con opzioni: quanto è bello? Fino ad allora, se hai qualche domanda fammi sapere tramite commenti o contattami su Twitter.