Comprendere la Meta Box personalizzata di WordPress

Nel post precedente, abbiamo parlato del campo personalizzato WordPress, che consente di aggiungere e produrre una nuova voce in un post utilizzando la casella Campo personalizzato che WordPress fornisce nella schermata di modifica del post. Se tuttavia non ti senti a tuo agio con la casella di campo personalizzata (tutti abbiamo le nostre preferenze individuali), ecco un'alternativa: puoi creare una meta-scatola.

Una meta-box è una scatola personalizzata che creiamo da sola, che può contenere input o altra interfaccia utente interattiva per aggiungere nuove voci di post o pagine. Puoi usare la meta-box invece della casella Campo personalizzato per fare la stessa cosa. Vediamo come crearne uno.

Altro su Hongkiat.com:

• Personalizza la directory di caricamento dei media in WordPress
• Personalizza gli stili dell'editor di WordPress
• Personalizza "Howdy" nella barra di amministrazione di WordPress
• Registra la tassonomia personalizzata per gli utenti di WordPress
• Mostra icone nel menu WordPress

Creare una Meta Box

WordPress fornisce una funzione API, chiamata add_meta_box, che ci consente di creare subito una meta-box. Questo è nella sua massima forma di base.

 function add_post_reference () {add_meta_box ('post-reference', 'Reference', 'referenceCallBack', 'post'); } add_action ('add_meta_boxes', 'add_post_reference'); function referenceCallBack () {echo 'Hello World'} 

add_meta_box accetta quattro parametri: l'ID, il titolo del meta-box, una funzione di callback che chiamerà "Hello World" e il tipo di post che vogliamo visualizzare. In questo caso assegniamo una nuova meta-box in una pagina di post-editing (questo funziona anche con le pagine).

Nella sezione post editing, troverai una nuova casella, come segue.

La nuova meta box, come puoi vedere sopra, apparirebbe sotto l'editor WYSIWYG. Se vuoi aggiungerlo nella barra laterale puoi aggiungere 'side' dopo il parametro post, e insieme a 'high' se vuoi metterlo in cima alla barra laterale.

 function add_post_reference () {add_meta_box ('post-reference', 'Reference', 'referenceCallBack', 'post', 'side', 'high'); } add_action ('add_meta_boxes', 'add_post_reference'); 

Lo troverai ora sopra la casella Pubblica ..

Ora per sostituire il testo "Hello World" qui. Aggiungiamo elementi come un campo di input per una nuova voce.

In questo esempio, aggiungeremo due campi di input costituiti da uno per aggiungere il nome di riferimento e un altro per il link di riferimento:

 function referenceCallBack ($ post) {wp_nonce_field ('reference_meta_box', 'reference_nonce'); $ name_value = get_post_meta ($ post-> ID, '_post_reference_name', true); $ link_value = get_post_meta ($ post-> ID, '_post_reference_link', true); echo ' '. 'Nome di riferimento' .' '; eco '  '; eco ' 
'. 'Aggiungi il nome del riferimento'. '
'; echo ' '. 'Link di riferimento'. ' '; eco '  '; eco ' 
'. 'Aggiungi il link del riferimento'. '
'; } 

Aggiorna la pagina di modifica del post e dovresti vedere questi due input aggiunti.

La $name_value e $link_value recupererà le voci dal database e le popolerà nei campi di input. Per ottenere le voci nel database, avremo bisogno di creare una funzione per questo.

Abbiamo bisogno di aggiungere alcune righe di codice che popoleranno le voci aggiunte attraverso questi input nel database in modo sicuro. "Sicuro" qui indica un ingresso legittimo e autorizzato (non quello proveniente da hacker o altro personale non autorizzato). Per salvare la voce, dovremo creare una nuova funzione. Diamo un nome alla funzione: save_post_reference, in questo modo.

 function save_post_reference ($ post_id) {} ​​add_action ('save_post', 'save_post_reference'); 

Come accennato, dobbiamo verificare alcune cose per motivi di sicurezza:

(1) Dovremo verificare se l'utente ha la possibilità di modificare un post .

 if (! current_user_can ('edit_post', $ post_id)) {return; } 

(2) Dobbiamo anche controllare se il Nonce è impostato.

 if (! isset ($ _POST ['reference_nonce'])) {return; } if (! wp_verify_nonce ($ _POST ['reference_nonce'], 'reference_meta_box')) {return; } 

(3) Quindi, dobbiamo impedire che i dati vengano salvati automaticamente. Il salvataggio può essere eseguito solo dopo aver fatto clic sul pulsante "Salva" o "Aggiorna".

 if (definito ('DOING_AUTOSAVE') && DOING_AUTOSAVE) {return; } 

(4) Dovremo inoltre garantire che i nostri due input, post_reference_name e post_reference_link, siano impostati e pronti prima di inviare le voci.

 if (! isset ($ _POST ['post_reference_name']) ||! isset ($ _POST ['post_reference_link'])) {return; } 

(5) E la voce dovrebbe essere libera da caratteri imprevisti che potrebbero compromettere la sicurezza del sito. Per verificare ciò è possibile utilizzare la funzione integrata di WordPress sanitize_text_field .

 $ reference_name = sanitize_text_field ($ _POST ['post_reference_name']); $ reference_link = sanitize_text_field ($ _POST ['post_reference_link']); 

Bene, ora siamo pronti per salvare le voci nel database:

 update_post_meta ($ post_id, '_post_reference_name', $ reference_name); update_post_meta ($ post_id, '_post_reference_link', $ reference_link); 

Ora puoi provarlo: inserisci del contenuto nei campi di input e fai clic sul pulsante "Aggiorna" per salvarli.

Conclusione

Abbiamo appena creato una meta box che comprende due input. È possibile estendere ulteriormente la confezione con altri tipi di input come il pulsante di opzione o la casella di selezione. Questo esempio può essere molto semplice, ma una volta capito, sarai in grado di usare questa meta-scatola per usi molto più complicati. Fateci sapere se userete questo e per cosa lo userete.

20 Disegni di logo a tema caffè

Riesco a malapena a immaginare le mie mattinate senza una tazza di gustosa e gustosa tazza di caffè. Scommetto che anche il caffè fa parte della routine mattutina di molte persone - per alcuni potrebbe persino essere indispensabile per alzarsi e prepararsi per la giornata.Se hai visto una vetrina che abbiamo presentato in precedenza sui modelli di tazze di caffè, probabilmente concorderai sul fatto che avere una tazza dal design attraente è un ottimo modo per aggiungere alla propria esperienza di assaporare il loro java preferito. E

(Consigli tecnici e di design)

Come creare un blog statico usando Cactus [OS X]

Aggiornamento : l'app Cactus è stata interrotta.Se non hai bisogno di un CMS e preferisci semplicemente ottenere un sito o un blog statico, allora Jekyll è un buon strumento con cui cogliere un'opportunità. Tuttavia, se si preferisce uno strumento con una GUI, piuttosto che lavorare con gli strumenti della riga di comando, allora si potrebbe voler controllare Cactus .Ca

(Consigli tecnici e di design)