Hoe u een beter WordPress-optiespaneel kunt maken

Nu, het belangrijkste is dat de codering hiervan niet handmatig moet gebeuren - we zouden PHP's flexibiliteit zo veel mogelijk moeten gebruiken. Dat betekent efficiëntie: codeer niet handmatig als u loops voor u hebt!

Stap 3

Begin met het openen van functions.php in je favoriete codebewerker (ik gebruik Notepad ++). Voer de volgende code in:

  
De twee PHP-variabelen bevatten de naam van je thema (in ons geval Nettuts) en een korte naam die je hebt gedefinieerd (in dit geval niet). De korte naam wordt gebruikt als voorvoegsel voor alle namen van onze thema-opties en is meestal uniek voor een bepaald thema. Verder gaan we wat code schrijven om automatisch een lijst met WordPress-categorieën te genereren, in plaats van dat gebruikers ID-nummers typen. Voer de code hieronder in onder de al getypte code:
 
 $ categories = get_categories ('hide_empty = 0 & orderby = name'); $ wp_cats = array (); foreach ($ categorieën als $ category_list) $ wp_cats [$ category_list-> cat_ID] = $ category_list-> cat_name;  array_unshift ($ wp_cats, "Kies een categorie");
 
Dit fragment maakt gebruik van de ingebouwde functie get_categories van WordPress om alle categorieën op te halen en gebruikt vervolgens een foreach-lus om ze in de variabele $ wp_cats op te slaan. De opties "Kies een categorie" wordt vervolgens toegevoegd aan de bovenkant van de array
 
Stap 4
 
Nu beginnen we met het invoeren van een lijst met opties voor het thema. Zie hieronder en plak het in uw functions.php bestand:
 
 $ options = array (array ("name" => $ themename. "Options", "type" => "title"), array ("name" => "General", "type" => "sectie"), array ("type" => "open"), array ("naam" => "Kleurenschema", "desc" => "Selecteer het kleurenschema voor het thema", "id" => $ korte naam. "_ color_scheme" , "type" => "select", "options" => array ("blauw", "rood", "groen"), "std" => "blauw"), array ("name" => "Logo URL "," desc "=>" Voer de link naar uw logo in "," id "=> $ shortname." _ logo "," type "=>" text "," std "=>" "), array (" name "=>" Aangepaste CSS "," desc "=>" Wil je een aangepaste CSS-code toevoegen? Hier invoegen, en de rest wordt afgehandeld. Dit heeft voorrang op andere stylesheets, bijv .: a.button color: green  "," id "=> $ korte naam." _ custom_css "," type "=>" textarea "," std "=>" "), array (" type "=>" sluiten "), array (" naam " => "Homepage", "type" => "sectie"), array ("type" => "open"), array ("naam" => "Homepage header image", "desc" => "Voer de link in naar een afbeelding die wordt gebruikt voor de homepaginakop. "," id "=> $ shortname." _ header_img ", "type" => "text", "std" => ""), array ("name" => "Homepage featured category", "desc" => "Kies een categorie waaruit featured posts zijn getekend", "id "=> $ shortname." _ feat_cat "," type "=>" select "," options "=> $ wp_cats," std "=>" Kies een categorie "), array (" type "=>" sluiten ") , array ("naam" => "Voettekst", "type" => "sectie"), array ("type" => "open"), array ("naam" => "Voettekst copyright-tekst", "desc" => "Voer de tekst in die aan de rechterkant van het voettekst wordt gebruikt. Het kan HTML zijn "," id "=> $ shortname." _ Footer_text "," type "=>" text "," std "=>" "), array (" name "=>" Google Analytics Code "," desc "=>" U kunt uw Google Analytics of andere trackingcode in dit vak plakken. Dit wordt automatisch toegevoegd aan de voettekst. "," id "=> $ shortname." _ ga_code "," type "=>" textarea " , "std" => ""), array ("name" => "Aangepast Favicon", "desc" => "Een favicon is een 16x16 pixelpictogram dat uw site vertegenwoordigt; plak de URL in een .ico-afbeelding die u wil als afbeelding "," id "=> $ shortname gebruiken." _ favicon "," type "=>" text "," std "=> get_bloginfo ('url')." / favicon.ico "), array ("name" => "Feedburner URL", "desc" => "Feedburner is een Google-service die voor uw RSS-feed zorgt. Plak hier uw Feedburner-URL om de lezer het op uw website te laten zien", "id" => $ shortname. "_ feedburner", "type" => "text", "std" => get_bloginfo ('rss2_url')), array ("type" => "close"));
 
Dat was een groot stuk code, wat zeker enige uitleg rechtvaardigt. Hier gaan we: 
 
 
De PHP variabele $ opties slaat de volledige lijst met opties voor het thema op.
 
Het is samengesteld uit een aantal matrices, elk met een "type" -toets om aan te geven hoe het wordt weergegeven, en wat het doet.
 
We beginnen met een "type" => "titel" array - dit zal worden gebruikt om de themename te tonen en een titel bovenaan de pagina
 
Elke sectie (Algemeen, Homepage en Voettekst) heeft een afzonderlijke lijst met opties.
 
We starten een nieuw gedeelte door eerdere secties te sluiten en een nieuw gedeelte te declareren met array ("naam" => "Voettekst",
"type" => "gedeelte") en een nieuw gedeelte openen.
 
Elke optie kan de hieronder gespecificeerde opties hebben:
naam: De naam van het invoerveld.
desc: Een korte beschrijving die uitlegt wat het voor de gebruiker is.
ID kaart: de id van het veld, voorafgegaan door de korte naam. Het wordt gebruikt om zowel op te slaan als om toegang te krijgen tot de opties.
type: het invoertype - selecteer, tekst of tekstgebied
opties: gebruikt om een ​​reeks opties voor een select type invoer te declareren.
soa: de standaard invoerwaarde, die wordt gebruikt als er geen andere invoer wordt gegeven. 
 
 
Stap 5
 
Probeer te navigeren naar WordPress. Je zult zien dat er eigenlijk nergens een optie is uitzicht de admin panel-pagina; dus hoe kunnen we het bekijken? Voeg de volgende stukjes code toe aan het functions.php-bestand:
 
 function mytheme_add_admin () global $ themename, $ shortname, $ options; if ($ _GET ['page'] == basename (__ FILE__)) if ('save' == $ _REQUEST ['action']) foreach ($ options as $ value) update_option ($ value ['id') ], $ _REQUEST [$ waarde ['id']]);  foreach ($ options as $ value) if (isset ($ _REQUEST [$ value ['id']])) update_option ($ value ['id'], $ _REQUEST [$ value ['id']]) ;  else delete_option ($ value ['id']);  header ("Locatie: admin.php? page = functions.php & saved = true"); dood gaan;  else if ('reset' == $ _REQUEST ['action']) foreach ($ options as $ value) delete_option ($ value ['id']);  header ("Locatie: admin.php? page = functions.php & reset = true"); dood gaan;  add_menu_page ($ themename, $ themename, 'administrator', basename (__ FILE__), 'mytheme_admin');  function mytheme_add_init () 
 
Deze functie is bedoeld voor het bijwerken van opties en het toevoegen van een menupagina. Als de opties worden opgeslagen (aangegeven door een opgeslagen verborgen variabele), worden alle opties bijgewerkt met hun nieuwe waarden. Als de opties worden gereset (aangegeven door een andere verborgen variabele met een reset van de waarde), worden alle opties verwijderd. De laatste regel voegt een menupagina toe - de parameters zijn respectievelijk: naam en titel, het autorisatieniveau van de gebruiker dat vereist is om de pagina te bekijken, de pagina opslaan en de functie die wordt gebruikt voor weergave / opslaan (in dit geval mytheme_admin genoemd). Zie de mytheme_add_init, een blanbk-functie? Laat dat maar, we komen er later op terug.
 
Stap 6
 
Nog steeds geen pagina met thema-opties, toch? Wel, onthoud dat mytheme_admim functie waarover we een paar regels geleden hadden gesproken? We hebben die functie nog steeds niet geschreven. Gebruik dus de code uit stappen 6,7 en 8 om die functie te schrijven. Beginnen: 
 
 function mytheme_admin () global $ themename, $ shortname, $ options; $ I = 0; if ($ _REQUEST ['saved']) echo '
'$ Themename.' instellingen opgeslagen.
'; if ($ _REQUEST ['reset']) echo '
'$ Themename.' instellingen reset.
'; ?> 
 
 instellingen
 
 
 
Best simpel, toch? Als de opties zijn opgeslagen, schrijf dan een bericht dat dit aangeeft. Evenzo voor resets. U zult merken dat - WordPress zal dit in een paar secties automatisch vervagen. Handig, toch? We gaan verder en starten vervolgens de divisie "rm_wrap". 
 
Stap 7
 
Voer van boven in en plak de volgende code in: