Hur man skapar en bättre WordPress Options Panel

Nu är det viktigaste att kodningen av detta inte ska ske manuellt - vi ska använda PHP: s flexibilitet så mycket som möjligt. Det betyder effektivitet: Koda inte manuellt när du har loopar för dig!

Steg 3

Börja med att öppna functions.php i din favorit kodredigerare (jag använder Notepad ++). Ange följande kod:

  
De två PHP-variablerna håller namnet på ditt tema (webbutik i vårt fall) och ett smeknamn som du har definierat (nt i vårt fall). Kortsnamnet används för att prefixera alla våra temanalternativsnamn, och är vanligtvis unikt för ett visst tema. När vi fortsätter skriver vi en kod för att automatiskt skapa en lista med WordPress-kategorier, snarare än att ha användare skriv in ID-nummer. Ange koden nedan under den redan skrivna koden:
 
 $ categories = get_categories ('hide_empty = 0 & orderby = namn'); $ wp_cats = array (); foreach ($ kategorier som $ category_list) $ wp_cats [$ category_list-> cat_ID] = $ category_list-> cat_name;  array_unshift ($ wp_cats, "Välj en kategori");
 
Denna kod använder WordPress inbyggda get_categories-funktion för att hämta alla kategorier och använder sedan en foreach-loop för att lagra dem i variabeln $ wp_cats. Alternativen "Välj en kategori" läggs sedan till i toppen av matrisen
 
Steg 4
 
Nu börjar vi skriva in en lista med alternativ för temat. Se nedan och klistra in den i din functions.php-fil:
 
 $ options = array (array ("namn" => $ themename. "Alternativ", "typ" => "titel"), array ("namn" => "Allmänt", "typ" => "avsnitt") array ("type" => "open"), array ("namn" => "Färgschema", "desc" => "Välj färgschema för temat", "id" => $ smeknamn. "_ color_scheme" , "typ" => "välj", "alternativ" => array ("blå", "röd", "grön"), "std" => "blå"), array ("name" => " "," desc "=>" Skriv in länken till din logotyp "," id "=> $ smeknamn." _ logo "," typ "=>" text "," std "=> namn "=>" Custom CSS "," desc "=>" Vill du lägga till någon anpassad CSS-kod? Sätt in här, och resten tas hand om. Detta strider mot alla andra stylesheets, t.ex .: a.button color: green  "," id "=> $ kortnamn." _ custom_css "," type "=>" textarea "," std "=> = "" Hemsida "," typ "=>" avsnitt "), array (" type "=>" öppen "), array till en bild som används för sidhuvudet. "," id "=> $ smsnamn." _ header_img ", "typ" = "" text "," std "=>" "), array (" namn "=>" Hemsida utseende kategori "," desc "=>" Välj en kategori från vilken utvalda inlägg är ritade " "=> $ shortname." _ feat_cat "," typ "=>" välj "," alternativ "=> $ wp_cats," std "=>" Välj en kategori "), array (" type "=>" stäng ") , array ("type" => "öppen"), array ("name" => "Footer copyright text", "desc" => "Ange text som används i höger sida av sidfoten. Det kan vara HTML "," id "=> $ smsnamn." _ Footer_text "," type "=>" text "," std "=>" "), array (" namn "=>" Google Analytics-kod " desc = "" Du kan klistra in din Google Analytics eller annan spårningskod i den här rutan. Den läggs automatiskt till i sidfoten. "," id "=> $ smsnamn." _ ga_code "," type "=>" textarea " , "std" => ""), array ("name" => "Custom Favicon", "desc" => "En favicon är en 16x16 pixelikon som representerar din webbplats; klistra in URL-adressen till en .ico-bild som du vill använda som bild "," id "=> $ smeknamn." _ favicon "," typ "=>" text "," std "=> get_bloginfo ('url')." / favicon.ico ") ("name" => "Feedburner URL", "desc" => "Feedburner är en Google-tjänst som tar hand om ditt RSS-flöde. Klistra in din Feedburner-URL här för att låta läsarna se den på din webbplats", "id" => $ shortname. "_ feedburner", "typ" => "text", "std" => get_bloginfo ('rss2_url')), array ("type" => "stäng"));
 
Det var en stor bit av kod, som säkert garanterar en förklaring. Nu kör vi: 
 
 
PHP-variabeln $ alternativen lagrar hela listan med alternativ för temat.
 
Den består av ett antal arrays, var och en med en "typ" nyckel för att indikera hur den ska visas och vad den gör.
 
Vi börjar med en "type" => "title" array - det här kommer att användas för att visa namnet och en titel högst upp på sidan
 
Varje avsnitt (Allmänt, hemsida och sidfot) har en separat lista över alternativ.
 
Vi startar en ny sektion genom att stänga några tidigare avsnitt, förklara en ny sektion med array ("name" => "Footer",
"typ" => "avsnitt") och öppnar en ny sektion.
 
Varje alternativ kan ha följande alternativ:
namn: Namnet på inmatningsfältet.
desc: En kort beskrivning som förklarar vad det är för användaren.
id: Fältets id, prefixat av smeknamnet. Det kommer att användas för att lagra samt tillgång till alternativen.
typ: Inmatningstypen - välj, text eller textarea
alternativ: används för att deklarera en rad alternativ för en välj typingång.
std: standardinmatningsvärdet, som används om ingen annan ingång ges. 
 
 
Steg 5
 
Försök att navigera till WordPress. Du kommer att se att det finns inget alternativ någonstans att faktiskt se adminpanelsidan; så hur kan vi se den? Lägg till följande stycken kod till funktionen.php-filen:
 
 funktion mytheme_add_admin () global $ themename, $ shortname, $ options; $ _GET ['page'] == basename (__ FILE__)) if ('save' == $ _REQUEST ['action']) foreach ($ alternativ som $ värde) update_option ($ value ['id' ], $ _REQUEST [$ värde ['id']]);  foreach ($ alternativ som $ värde) if (isset ($ _REQUEST [$ värde ['id']])) update_option ($ värde ['id'], $ _REQUEST [$ värde ['id']]) ;  annat delete_option ($ värde ['id']);  header ("Plats: admin.php? page = functions.php & saved = true"); dö;  annars om ('reset' == $ _REQUEST ['action']) foreach ($ alternativ som $ värde) delete_option ($ value ['id']);  header ("Plats: admin.php? page = functions.php & reset = true"); dö;  add_menu_page ($ themename, $ themename, "administrator", basnamn (__ FILE__), 'mytheme_admin');  funktion mytheme_add_init () 
 
Den här funktionen är avsedd för uppdatering av alternativ samt att lägga till en menysida. Om alternativen sparas (anges med en dold variabelspara), uppdateras alla alternativ med sina nya värden. Om alternativen återställs (indikeras av en annan dold variabel med en värdeåterställning), raderas alla alternativ. Den sista raden lägger till en menysida - parametrarna är respektive namn och titel, användarbehörighetsnivå krävs för att visa sidan, spara sidan och funktionen som används för visning / spara (kallad mytheme_admin i vårt fall). Se mytheme_add_init, en blanbk-funktion? Låt det vara, vi kommer senare.
 
Steg 6
 
Fortfarande ingen teman alternativ sida, eller hur? Tja, kom ihåg det mytheme_admim funktion vi hade pratat om några rader sedan? Vi har fortfarande inte skrivit den funktionen. Använd så koden från steg 6,7 och 8 för att skriva den funktionen. Börjar: 
 
 funktion mytheme_admin () global $ themename, $ shortname, $ options; $ I = 0; om ($ _REQUEST ['saved']) echo '
'$ THEME.' Inställningar Sparade.
'; om ($ _REQUEST ['reset']) echo '
'$ THEME.' inställningarna återställs.
'; ?> 
 
 inställningar
 
 
 
Ganska enkelt, eller hur? Om alternativen har sparats, skriv ett meddelande som indikerar det. På samma sätt för återställningar. Du märker a - WordPress kommer automatiskt att blekna ut det här i några avsnitt. Nifty, eller hur? När vi fortsätter startar vi sedan "rm_wrap" div. 
 
Steg 7
 
Fortsätt från ovan, klistra in i följande kod: