Hvordan lage et bedre WordPress Options Panel

Nå er det viktigste at kodingen av dette ikke skal gjøres manuelt - vi bør bruke PHPs fleksibilitet så mye som mulig. Det betyr effektivitet: ikke kode manuelt når du har løkker for deg!

Trinn 3

Begynn med å åpne opp functions.php i favorittkodeditoren din (jeg bruker Notepad ++). Skriv inn følgende kode:

  
De to PHP-variablene holder navnet på ditt tema (Nettuts i vårt tilfelle), og et kortnavn som du har definert (nt i vårt tilfelle). Kallenavnet brukes til å prefikse alle våre temaalternativer, og er vanligvis unikt for et bestemt tema. Fortsett, vi skriver noen kode for å automatisk generere en liste over WordPress-kategorier, i stedet for at brukerne skriver inn ID-numre. Skriv inn koden under den allerede skrevne koden:
 
 $ kategorier = get_categories ('hide_empty = 0 & orderby = navn'); $ wp_cats = array (); foreach ($ kategorier som $ category_list) $ wp_cats [$ category_list-> cat_ID] = $ category_list-> cat_name;  array_unshift ($ wp_cats, "Velg en kategori");
 
Denne koden bruker WordPress 'innebygde get_categories funksjon for å hente alle kategorier, og bruker deretter en foreach loop til å lagre dem i variabelen $ wp_cats. Alternativene "Velg en kategori" legges deretter til toppen av arrayet
 
Trinn 4
 
Nå begynner vi å legge inn en liste over alternativer for temaet. Se nedenfor, og lim det inn i din functions.php-fil:
 
 $ opsjon = array (array ("navn" => $ themename. "Options", "type" => "tittel"), array ("navn" => "Generelt", "type" => "seksjon") array ("type" => "åpen"), array ("navn" => "Fargeskjema", "desc" => "Velg fargevalg for temaet", "id" => $ kortnavn. "_ color_scheme" , "type" => "velg", "alternativer" => array ("blå", "rød", "grønn"), "std" => "blå"), array "," desc "=>" Skriv inn lenken til logoet ditt "," id "=> $ kortnavn." _ logo "," type "=>" tekst "," std "=> navn "=>" Custom CSS "," desc "=>" Ønsker du å legge til en egendefinert CSS-kode? Sett inn her, og resten blir tatt vare på. Dette overstyrer andre stilark, f.eks .: a.button color: green  "," id "=> $ kortnavn." _ custom_css "," type "=>" textarea "," std "=> = "" Hjemmeside "," type "=>" seksjon "), array (" type "=>" åpen "), array til et bilde som brukes til startsiden header. "," id "=> $ shortname." _ header_img ", "type" = "" tekst "," std "=>" "), array (" navn "=>" Hjemmeside utvalgt kategori "," desc "=>" Velg en kategori hvor de uthevede innleggene er tegnet " "=> $ kortnavn." _ feat_cat "," type "=>" velg "," options "=> $ wp_cats," std "=>" Velg en kategori "), array (" type "=>" close ") , array ("type" => "åpen"), array ("name" => "Footer copyright text", "desc" => "Skriv inn tekst som brukes i høyre side av bunnteksten. Det kan være HTML "," id "=> $ kortnavn." _ Footer_text "," type "=>" tekst "," std "=>" "), array (" navn "=>" Google Analytics kode " desc = "" Du kan lime inn Google Analytics eller annen sporingskode i denne boksen. Dette blir automatisk lagt til footer. "," id "=> $ kortnavn." _ ga_code "," type "=>" textarea " , "std" => ""), array ("navn" => "Tilpasset favicon", "desc" => "En favicon er et 16x16 pikselikon som representerer nettstedet ditt, lim inn URL-adressen til et .ico-bilde som du vil bruke som bildet "," id "=> $ kortnavn." _ favicon "," type "=>" tekst "," std "=> get_bloginfo ('url')." / favicon.ico ") ("navn" => "Feedburner URL", "desc" => "Feedburner er en Google-tjeneste som tar vare på RSS-feedet ditt. Lim inn Feedburner-nettadressen din her for å la leserne se den på nettstedet ditt", "id" => $ shortname. "_ feedburner", "type" => "tekst", "std" => get_bloginfo ('rss2_url')), array ("type" => "lukk"));
 
Det var en stor del av koden, som helt sikkert garanterer noen forklaring. Så her går vi: 
 
 
PHP variabelen $ alternativer lagrer hele listen over alternativer for temaet.
 
Den består av en rekke arrays, hver med en "type" nøkkel for å indikere hvordan den skal vises, og hva den gjør.
 
Vi starter med en "type" => "tittel" -gruppe - dette vil bli brukt til å vise navnetavnet og en tittel øverst på siden
 
Hvert avsnitt (Generelt, Hjemmeside og bunntekst) har en egen liste over alternativer.
 
Vi starter en ny seksjon ved å lukke noen tidligere seksjoner, og deklarerer en ny seksjon ved hjelp av array ("name" => "footer",
"type" => "seksjon") og åpner en ny seksjon.
 
Hvert alternativ kan ha alternativene som er angitt nedenfor:
Navn: Navnet på inngangsfeltet.
desc: En kort beskrivelse som forklarer hva det er for brukeren.
id: feltet av feltet, prefiks av kallenavnet. Det vil bli brukt til å lagre samt få tilgang til alternativene.
type: inngangstypen - velg tekst eller tekstområde
opsjoner: brukes til å erklære en rekke alternativer for en valgt typeinngang.
std: Standardinngangsverdien, brukt hvis ingen annen inngang er gitt. 
 
 
Trinn 5
 
Prøv å navigere til WordPress. Du vil se at det ikke er noe alternativ hvor som helst utsikt admin panelet siden; så hvordan kan vi se det? Legg til følgende kodestykker til funksjonsfilen:
 
 funksjon mytheme_add_admin () global $ themename, $ shortname, $ options; $ _GET ['side'] == basename (__ FILE__)) if ('save' == $ _REQUEST ['action']) foreach ($ alternativer som $ verdi) update_option ($ value ['id' ], $ _REQUEST [$ verdi ['id']]);  foreach ($ valg som $ verdi) hvis (isset ($ _REQUEST [$ verdi ['id']])) update_option ($ verdi ['id'], $ _REQUEST [$ verdi ['id']]) ;  annet delete_option ($ value ['id']);  header ("Location: admin.php? page = functions.php & saved = true"); dø;  else if ('reset' == $ _REQUEST ['action']) foreach ($ alternativer som $ verdi) delete_option ($ value ['id']);  header ("Sted: admin.php? page = functions.php & reset = true"); dø;  add_menu_page ($ themename, $ themename, 'administrator', basenavn (__ FILE__), 'mytheme_admin');  funksjon mytheme_add_init () 
 
Denne funksjonen er ment for oppdatering av alternativer, samt å legge til en menyside. Hvis alternativene blir lagret (angitt med en skjult variabel lagre), blir alle alternativene oppdatert med deres nye verdier. Hvis alternativene tilbakestilles (angitt med en annen skjult variabel med en nullstilling), slettes alle alternativene. Den siste linjen legger til en menyside - parameterne er henholdsvis navn og tittel, brukergodkjeningsnivået kreves for å vise siden, lagringssiden og funksjonen som brukes til visning / lagring (kalt mytheme_admin i vårt tilfelle). Se mytheme_add_init, en blanbk-funksjon? La det være, vi kommer til det senere.
 
Trinn 6
 
Fortsatt ingen temaalternativer side, ikke sant? Vel, husk mytheme_admim funksjon vi hadde snakket om noen få linjer siden? Vi har fortsatt ikke skrevet den funksjonen. Så bruk koden fra trinnene 6,7 og 8 for å skrive den funksjonen. Til å starte med: 
 
 funksjon mytheme_admin () global $ themename, $ shortname, $ options; $ I = 0; hvis ($ _REQUEST ['saved']) ekko '
'. $ THEME. instillinger lagret.
'; hvis ($ _REQUEST ['reset']) ekko '
'. $ THEME. innstillingene tilbakestilles.
'; ?> 
 
 innstillinger
 
 
 
Ganske enkelt, ikke sant? Hvis alternativene er lagret, skriv en melding som angir det. På samme måte for tilbakestiller. Du vil legge merke til en - WordPress vil automatisk fade dette ut i noen få avdelinger. Nifty, ikke sant? Fortsett, så starter vi "rm_wrap" div. 
 
Trinn 7
 
Fortsett fra oven, lim inn i følgende kode: