Come creare un pannello delle opzioni di WordPress migliore

 
 
 
 
 ">   
 
 / * Ripeti gli ingressi per il numero di opzioni richiesto. */ /* uso 
 per ogni nuova sezione di input, ad esempio Generale, Pagina iniziale ecc. * /  
 

, possiamo ridimensionare gli elenchi a discesa, gli input di testo e le aree di testo in modo diverso.

Ora, la cosa più importante è che la codifica di questo non dovrebbe essere fatta manualmente - dovremmo usare la flessibilità di PHP il più possibile. Ciò significa efficienza: non programmare manualmente quando hai loop per te!

Passaggio 3

Inizia aprendo functions.php nel tuo editor di codice preferito (io uso Notepad ++). Inserisci il seguente codice:

  
Le due variabili PHP contengono il nome del tema (Nettuts nel nostro caso) e un nome breve che hai definito (nt nel nostro caso). Il nome breve viene utilizzato per aggiungere un prefisso a tutti i nomi delle opzioni dei temi e di solito è univoco per un tema particolare. Andando avanti, scriveremo del codice per generare automaticamente un elenco di categorie di WordPress, piuttosto che gli utenti digitano i numeri ID. Inserisci il codice sotto il codice già digitato:
 
 $ categories = get_categories ('hide_empty = 0 & orderby = name'); $ wp_cats = array (); foreach ($ categorie come $ category_list) $ wp_cats [$ category_list-> cat_ID] = $ category_list-> cat_name;  array_unshift ($ wp_cats, "Choose a category");
 
Questo snippet utilizza la funzione get_categories incorporata di WordPress per recuperare tutte le categorie e quindi utilizza un ciclo foreach per archiviarli nella variabile $ wp_cats. Le opzioni "Scegli una categoria" vengono quindi aggiunte all'inizio dell'array
 
Passaggio 4
 
Ora iniziamo a inserire un elenco di opzioni per il tema. Vedi sotto e incollalo nel tuo file functions.php:
 
 $ options = array (array ("name" => $ themename. "Options", "type" => "title"), array ("name" => "General", "type" => "section"), array ("type" => "open"), array ("name" => "Color Scheme", "desc" => "Seleziona la combinazione di colori per il tema", "id" => $ shortname. "_ color_scheme" , "type" => "select", "options" => array ("blue", "red", "green"), "std" => "blue"), array ("name" => "URL del logo "," desc "=>" Inserisci il link alla tua immagine logo "," id "=> $ shortname." _ logo "," type "=>" text "," std "=>" "), array (" name "=>" Custom CSS "," desc "=>" Vuoi aggiungere un codice CSS personalizzato? Metti qui e il resto è a posto. Questo sostituisce qualsiasi altro foglio di stile, ad esempio: a.button color: green  "," id "=> $ shortname." _ custom_css "," type "=>" textarea "," std "=>" "), array (" type "=>" close "), array (" nome " => "Homepage", "tipo" => "sezione"), array ("tipo" => "aperto"), array ("nome" => "Immagine intestazione homepage", "desc" => "Inserisci il link a un'immagine usata per l'intestazione della homepage. "," id "=> $ shortname." _ header_img ", "type" => "text", "std" => ""), array ("name" => "Home page category featured", "desc" => "Scegli una categoria da cui vengono pubblicati i post in primo piano", "id "= & lt; , array ("name" => "Footer", "type" => "section"), array ("type" => "open"), array ("nome" => "testo del copyright del piè di pagina", "desc" => "Inserisci il testo utilizzato nella parte destra del piè di pagina. Può essere HTML "," id "=> $ shortname." _ Footer_text "," type "=>" text "," std "=>" "), array (" name "=>" Codice di Google Analytics "," desc "=>" Puoi incollare il tuo Google Analytics o altro codice di monitoraggio in questa casella, che verrà automaticamente aggiunto al piè di pagina. "," id "=> $ shortname." _ ga_code "," type "=>" textarea " , "std" => ""), array ("name" => "Favicon personalizzato", "desc" => "Un favicon è un'icona di 16x16 pixel che rappresenta il tuo sito; incolla l'URL in un'immagine .ico che voglio usare come immagine "," id "=> $ shortname." _ favicon "," type "=>" testo "," std "=> get_bloginfo ('url')." / favicon.ico "), array ("name" => "Feedburner URL", "desc" => "Feedburner è un servizio di Google che si occupa del tuo feed RSS. Incolla qui il tuo URL di Feedburner per consentire ai lettori di vederlo nel tuo sito web", "id" => $ shortname. "_ feedburner", "type" => "text", "std" => get_bloginfo ('rss2_url')), array ("type" => "close"));
 
Quello era un grosso pezzo di codice, che sicuramente merita qualche spiegazione. Quindi eccoci qui: 
 
 
La variabile $ $ opzioni memorizza l'intero elenco di opzioni per il tema.
 
È composto da un numero di matrici, ognuna con un tasto "tipo" per indicare come verrà visualizzato e cosa fa.
 
Iniziamo con una matrice "type" => "titolo" - questa sarà usata per mostrare il themename e un titolo nella parte superiore della pagina
 
Ogni sezione (Generale, Homepage e Piè di pagina) ha un elenco separato di opzioni.
 
Iniziamo una nuova sezione chiudendo qualsiasi sezione precedente, dichiarando una nuova sezione usando array ("name" => "Footer",
"type" => "section") e aprendo una nuova sezione.
 
Ogni opzione può avere le opzioni specificate di seguito:
nome: Il nome del campo di input.
desc: Una breve descrizione che spiega cosa è per l'utente.
id: l'id del campo, preceduto dal nome breve. Verrà utilizzato per memorizzare e accedere alle opzioni.
genere: il tipo di input: select, text o textarea
opzioni: utilizzato per dichiarare un array di opzioni per un input di tipo select.
std: il valore di input predefinito, utilizzato se non viene fornito nessun altro input. 
 
 
Passaggio 5
 
Prova a navigare in WordPress. Vedrai che non c'è alcuna opzione da nessuna parte in realtà vista la pagina del pannello di amministrazione; quindi come possiamo vederlo? Aggiungi i seguenti pezzi di codice al file functions.php:
 
 function mytheme_add_admin () global $ themename, $ shortname, $ options; if ($ _GET ['page'] == basename (__ FILE__)) if ('save' == $ _REQUEST ['action']) foreach ($ opzioni come $ valore) update_option ($ value ['id' ], $ _REQUEST [$ value ['id']]);  foreach ($ options as $ value) if (isset ($ _REQUEST [$ value ['id']])) update_option ($ value ['id'], $ _REQUEST [$ value ['id']])) ;  else delete_option ($ value ['id']);  header ("Location: admin.php? page = functions.php & saved = true"); morire;  else if ('reset' == $ _REQUEST ['action']) foreach ($ options as $ value) delete_option ($ value ['id']);  header ("Location: admin.php? page = functions.php & reset = true"); morire;  add_menu_page ($ themename, $ themename, 'administrator', basename (__ FILE__), 'mytheme_admin');  function mytheme_add_init () 
 
Questa funzione è pensata per l'aggiornamento delle opzioni e per l'aggiunta di una pagina di menu. Se le opzioni vengono salvate (indicate da una variabile nascosta salva), tutte le opzioni vengono aggiornate con i loro nuovi valori. Se le opzioni vengono ripristinate (indicate da un'altra variabile nascosta con un ripristino valore), tutte le opzioni vengono eliminate. L'ultima riga aggiunge una pagina di menu: i parametri sono rispettivamente nome e titolo, il livello di autorizzazione dell'utente richiesto per visualizzare la pagina, la pagina di salvataggio e la funzione utilizzata per la visualizzazione / salvataggio (chiamato mytheme_admin nel nostro caso). Vedi mytheme_add_init, una funzione blanbk? Lascia che sia, ci arriveremo più tardi.
 
Passaggio 6
 
Ancora nessuna pagina delle opzioni del tema, giusto? Bene, ricorda il mytheme_admim funzione di cui avevamo parlato poche righe fa? Non abbiamo ancora scritto quella funzione. Quindi usa il codice dai punti 6,7 e 8 per scrivere quella funzione. Iniziare: 
 
 function mytheme_admin () global $ themename, $ shortname, $ options; $ I = 0; if ($ _REQUEST ['saved']) echo '
'$ THEMENAME.' impostazioni salvate.
'; if ($ _REQUEST ['reset']) echo '
'$ THEMENAME.' impostazioni ripristinate.
'; ?> 
 
 impostazioni
 
 
 
Abbastanza semplice, vero? Se le opzioni sono state salvate, scrivi un messaggio che lo indichi. Allo stesso modo per ripristini. Noterai un: WordPress lo dissolverà automaticamente in alcune sezioni. Nifty, giusto? Andando avanti, iniziamo il div "rm_wrap". 
 
Passaggio 7
 
Proseguendo dall'alto, incolla il seguente codice: