wordpress panel, het creëren van een betere wordpress optie paneel,,,,,,,,,, 27, delen, delen van,,,,,, het netwerk van maandag wat in tuts + cursussen worden teruggebracht tot slechts drie dollar.Niet' niet missen.,, vandaag zullen we, door de oprichting van een panel wordpress betreft mogelijkheden voor het beheer van het hele proces, met een goede wooframework als voorbeeld.Dan zullen we nog verder gaan, omdat we een aantal functies: verbetering van de uitvoering.,,,,,, de opleiding, de programma 's: wordpress versie: 2.7, 2.8, 2.9,,,,, de moeilijkheden, tussenproducten, de verwachte duur: 1,5 uur wordpress,,,, is een van De meest populaire beheer van de inhoud System (CMS) systeem daar.Wat is de cliënt project of themeforest verkoop betreft, is snel een wordpress webdesigners CMS veel keuze.Dit is makkelijker te gebruiken, maar kan het eenvoudiger, met inbegrip van de gebruiker als je het paneel.In plaats van de opening van het dossier en met PHP model code, kan de gebruiker rechtstreeks gebruik te maken van de mogelijkheden van het panel en de interactie tussen je thema vallen.Bijvoorbeeld, als je de thema 's van de rode, blauwe en groene kleur, iedereen heeft een CSS dossier, het zal voor de gebruikers bij de keuze van de eerste lijst van kleur is makkelijker, dus vandaag, laat ik je leiden door de opbouw en de versterking van het panel door wordpress pagina' s van het hele proces, YU. Voor we beginnen, stap 1, opgericht voor het beheer van het panel, we moeten een van de thema 's, hè?Dus te downloaden van de richtsnoeren van de bron.Ik enigszins gewijzigd klassieke wordpress betreft."NETTUTS MAP (mijn naam in je NETTUTS thema") wp-content/themes MAP.Je moet naar de volgende documenten:,, functions.php (blanco), geïndexeerd. Php, commentaar. Php PHP header meter.. php, RTL, PHP, lulverhalen. Php stijl. - een screenshot. Papoea - Nieuw - Guinea, er zijn twee documenten, beelden, hebben de meeste van onze werkzaamheden zullen in de functions.php document klaar.,, een thema 's kan kiezen voor het gebruik van de documenten die in functie van het onderwerp catalogus genaamd functions.php.Dit dossier is in feite een plug - in, als je het op de thema 's van het automatisch laden in wordpress gestart (voor het beheer van de website en de pagina' s).Deze documenten, voor gebruik:,, de definitie van je betreft meer in de documenten van de functie, het opzetten van een voor het beheer van de interface, om de selectie van kleur, stijl, en andere aspecten van de thema 's (WP, van de Codex), twee stappen, en nu hebben we de thema' s die naar je uiterlijk, > betreft, en het activeren van de thema 's nettuts.,, geactiveerd?Oké, geweldig.Nu moeten wij rekening houden met het panel de opmaak.Dit is mijn beslissing, die de structuur: < = "pakket" > rm_wrap < div = "rm_opts" > < vorm en methode = "na" > < div = "rm_section" > < die soort = "rm_title > < H > titel < /H > < aan de knop > < /div > < div =" rm_input rm_ < de keuze van de tekst, zoals de tekst //> > en "lt; in de regio > < beschrijving van > < /div > < //* herhalen die > de inbreng van de verschillende keuzes.* * * * * * * * * * * * * * gebruik ///////< div = "rm_section" > input, zoals in het algemeen elke nieuwe deel homepage * /< /vorm > < /div > < /div >, laat me het uitleggen van dit alles voor je.Die opties worden verpakt in een div genaamd "rm_wrap" en "optie rm_opts".Dan beginnen we een vorm van alle in het kader van de input, en.Elke afdeling van de opties (in het algemeen, de homepage, blogs enz.) hebben een aparte die een soort "rm_section".Het ministerie heeft een titel (naam) en in een paar van die invoer.Door, zoals < div = "rm_input rm_select" > we kunnen de stijl, menu 's, de tekst en de teksten, de verschillende regio' s.En nu, het belangrijkste is, dat dit niet de code moet klaar zijn met de hand moet PHP flexibiliteit mogelijk te maken.Dit betekent dat de efficiëntie: als je een cyclus, als het niet met de code.Stap 3, begint te openen, functions.php je favoriete code... (ik gebruik toch + +).De inbreng van de volgende code:PHP themename dollar = "NETTUTS"; de naam "NT ="; de dollar, die twee PHP variabelen je thema 's naam (in ons geval, en een NETTUTS omschreven (NT) je in ons geval).De naam van alle thema 's als voor ons de naam van de optie, is vaak een specifieke thema' s is uniek.Vooruit, we schrijven een code voor het automatisch leidt tot een lijst van de categorieën wordpress, in plaats van het identificatienummer van het type gebruiker.De code is in de volgende categorieën: = code invoeren, get_categories dollar ('hide_empty = 0 & orderby = naam "); wp_cats dollar = ((); voor (klasse category_list dollar) {% wp_cats [category_list dollar - > cat_id] = $category_list - > cat_name;} array_unshift (wp_cats dollar." de keuze van een categorie "); dat deze code wordpress get_categories functie in alle categorieën, gebruik dan een lus in de variabele wp_cats dollar opslag.De optie "van de keuze van een categorie" toegevoegd aan de generator op de top, en dan, stap 4, we beginnen nu met de inbreng van een lijst van thema 's.See below, and paste it into your functions.php file:, $options = array ( array( "name" => $themename." Options", \t"type" => "title"), array( "name" => "General", \t"type" => "section"), array( "type" => "open"), array( "name" => "Colour Scheme", \t"desc" => "Select the colour scheme for the theme", \t"id" => $shortname."_color_scheme", \t"type" => "select", \t"options" => array("blue", "red", "green"), \t"std" => "blue"), \t array( "name" => "Logo URL", \t"desc" => "Enter the link to your logo image", \t"id" => $shortname."_logo", \t"type" => "text", \t"std" => ""), \t \t array( "name" => "Custom CSS", \t"desc" => "Want to add any custom CSS code? Hier, de rest is geregeld.Dit zal pas een andere stijl.eg: a.button{color:green}", \t"id" => $shortname."_custom_css", \t"type" => "textarea", \t"std" => ""),\t\t \t array( "type" => "close"), array( "name" => "Homepage", \t"type" => "section"), array( "type" => "open"), array( "name" => "Homepage header image", \t"desc" => "Enter the link to an image used for the homepage header.", \t"id" => $shortname."_header_img", \t"type" => "text", \t"std" => ""), \t array( "name" => "Homepage featured category", \t"desc" => "Choose a category from which featured posts are drawn", \t"id" => $shortname."_feat_cat", \t"type" => "select", \t"options" => $wp_cats, \t"std" => "Choose a category"), \t array( "type" => "close"), array( "name" =&g- "een", "" = > "dag"), - ("type" = > "open"), - ("naam" = > "meter tekst" en "landen" = > "in de tekst op de meter rechts.Het is: //europa.eu.int /comm /"," identiteitskaart "= > $naam _footer_text." "," "= > de tekst", "ziekten" = > "), - (" naam "= >" Google analyse code "," landen "= >" je kunt plakken je Google analyses of andere volgen de code in deze doos.Dit automatisch wordt toegevoegd aan de meter. "En" identiteitskaart "= > $naam _ga_code." "," "= > de tekst", "ziekten" = > "), - (" naam "= >" op icon "," landen "= >" is een icoon van 16x16 pixel icoon zei dat je website; URL naar. De ICO beeld, je beeld te gebruiken "," ik "= > $naam _favicon." "," "= > de tekst", "ziekten" = > get_bloginfo ('url ")". /icoon. Icoon "), - (" naam "= >" feedburner URL 's "," landen "= >" feedburner is Google, zorg voor je RSS - feeds.Gebruik je feedburner URL 's te laten zien dat de lezer op je website,' id = > $naam _feedburner. "", "" = > de tekst "," ziekten "= > get_bloginfo ('rss2_url"), - ("type" = > "gesloten"); dit is een groot blok, het maakt wat uit te leggen.Dus hier gaan we:,, PHP variabele $mogelijkheden voor de opslag voor een volledige lijst van thema 's optie, het is een generator, elk met een "-" is de vraag hoe de zullen worden aangegeven, en het deed en we van een "type" = > "titel" - - om aan te tonen dat de themename en bovenaan de bladzijde van elke titel, een (in het algemeen, de meter) heeft een aparte lijst van opties, we door het sluiten van een begin van een nieuw deel van dat deel van de installatie, het gebruik van nieuwe ("naam" = > "een", "" = > "dag"), en open een nieuw deel van elke optie, die de volgende mogelijkheden: naam:,,, in de naam van het veld, kenmerken:.,, een korte beschrijving, uitleggen wat de gebruikers, id,Op het gebied van de, in combinatie met de naam.Het zal worden gebruikt voor de opslag van en de toegang tot de opties.,,, de keuze van het type en de input: de tekst of opties voor verklaringen:,, een keuze in de scala van mogelijkheden.,,, seksueel overdraagbare ziekten: de standaard input - waarde, als er geen andere input gebruikt.Stap 5 - de wordpress, proberen.Je ziet overal geen optie, in feite, van mening dat het panel pagina 's, dus hoe kunnen we het zien?Voeg de volgende code: de functie van functions.php documenten, mytheme_add_admin () {de themename $, hierna, opties; als ($_get [] = = basename blz. (__file__)) {als ("red" = = $_request [het]) {(waarde van de optie voor $) {update_option (De waarde van de dollar [de waarde van de dollar _request ID '], [] [id'} voor ($); de waarde van de optie) {als lid is (de waarde van $_request [] [id ')) {update_option (de waarde van de dollar [id'], [[_request ID '] de waarde van de dollar);} {delete_option (de waarde van de dollar of de [id'.);}} titel ("locatie: admin.php?Bladzijde =. Php & behoud van = waar ");..;} anders als (" reset "= = $_request [het]) {(waarde van de optie voor $) {delete_option (de waarde van de dollar [id ']);} titel (" locatie: admin.php?Bladzijde =. Php & - = waar ");..;}} add_menu_page (themename dollar, themename dollar, de beheerder, basename (__file__)," mytheme_admin "); mytheme_add_init () {}) de functie van deze functie is het actualiseren van de opties en de toevoeging van een menu 's.Als het redden van opties (door een verborgen variabelen worden bewaard), alle opties zijn bijgewerkt, de nieuwe waarden.Indien de optie wordt vervangen (door een andere verborgen variabelen en de waarde van alle opties opnieuw), worden geschrapt.De laatste regel van de toevoeging van een menu 's parameters), naam en titel, moeten op het niveau van de pagina' s van de rechten van de gebruiker, bewaard voor de show /opslag pagina 's en functies (bekend als de mytheme_admin in ons geval).Zie mytheme_add_init, een blanbk functie?Laten we gaan, we zullen later in 6 stappen, nog niet gekozen thema 's pagina' s, hè?Nou, weet je, mytheme_admim, we praten over de functie van een paar geleden?We schrijven een functie van het nog steeds niet.Dus het gebruik van code 6, 7 en 8 van de stappen in de richting van schrijven.De functie van mytheme_admin:, () {de themename $, hierna, opties; i = 0; als ($_request ['saved]) ECHO < div = "nieuws" = "update vervagen" > < p> < sterke > ". Themename dollar." wordt bewaard. < /sterk > < /P > < /div >; als ($_request ['reset]) ECHO < div = "nieuws" = "update vervagen" > < p> < sterke > ". Themename dollar. Reset. < /sterk > < /P > < /div >;?> < div = "pakket" > rm_wrap < H > <?PHP ECHO $themename;?> vaststelling van < /H > < div = "rm_opts" > < vorm en methode = "na" >, het is heel simpel, hè?Als optie worden bewaard, schrijf een bericht geven.Ook de reset.Zie je een = "update vervagen" wordpress automatisch verdwijnt een paar.Mooi, hè?In beweging, en dan kunnen we beginnen met "rm_wrap", 7 stap, van boven, in plakken, de volgende code: <?PHP (waarde van de optie voor $) {schakelaars (de waarde van de dollar [vormen]) (zaak C - "open"?> <?PHP breken; zaak "gesloten":???????> < /div > < /div > < BR > <?PHP breken; zaak "titel":???????> < p> vergemakkelijking van het gebruik van <?PHP ECHO $themename;?> betreft, kun je de menu 's. < /P > <?PHP breken; zaak ": de tekst"?> < div = "rm_input rm_text" > < = het etiket "<?PHP ECHO $waarde [id '];?> "> <?PHP ECHO $waarde [naam];?> < /etiket > < de naam = "<?PHP ECHO $waarde [id '];?> "=" <?PHP ECHO $waarde [id '];?> "type = <"?PHP ECHO $waarde [vormen];?> de waarde "=" <?PHP als (get_settings (de waarde van de dollar [id ']).= ") (ECHO stripslashes (get_settings (de waarde van de dollar [id ']);} {ECHO $waarde of ['std];}?> "> < kleine > <?PHP ECHO $waarde ['desc];?> < /kleine > < div = "clearfix" > < /div > < /div > <?PHP breekt; de tekst ": de zaak?> < div = "rm_input rm_textarea" > < = het etiket "<?PHP ECHO $waarde [id '];?> "> <?PHP ECHO $waarde [naam];?> < /etiket > < de tekst naam = "<?PHP ECHO $waarde [id '];?> "type = <"?PHP ECHO $waarde [vormen];?> "als" = "> <?PHP als (get_settings (de waarde van de dollar [id ']).= ") (ECHO stripslashes (get_settings (de waarde van de dollar [id ']);} {ECHO $waarde of ['std];}?> < /tekst > < kleine > <?PHP ECHO $waarde ['desc];?> < /kleine > < div = "clearfix" > < /div > < /div > <?PHP breken; zaak keuze:???????> < div = "rm_input rm_select" > < = het etiket "<?PHP ECHO $waarde [id '];?> "> <?PHP ECHO $waarde [naam];?> < /etiket > < selectie "<?PHP ECHO $waarde [id '];?> "=" <?PHP ECHO $waarde [id '];?> "> <?PHP voor (de waarde van de dollar de opties voor $) (???????Opties > < <?PHP als (get_settings (de waarde van de dollar [id ']) = = $) {' "=" keuze ";}?> > <?PHP ECHO opties;?> < /opties > <?}?> < /selectie > < kleine > <?PHP ECHO $waarde ['desc];?> < /kleine > < div = "clearfix" > < /div > < /div > <?PHP breken; zaak vakje:???????> < div = "rm_input rm_checkbox" > < = het etiket "<?PHP ECHO $waarde [id '];?> "> <?PHP ECHO $waarde [naam];?> < /etiket > <?PHP als (get_option (de waarde van de dollar 'id "] [)) {% gekozen" gekozen "gekozen" of ";} {% =" inspectie ";}?> < in het vakje "naam" = <?PHP ECHO $waarde [id '];?> "=" <?PHP ECHO $waarde [id '];?> de waarde "=" waar "<?PHP ECHO onderzoek;?> /> < kleine > <?PHP ECHO $waarde ['desc];?> < /kleine > < div = "clearfix" > < /div > < /div > <?PHP een doorbraak is;,, grote deel van de code.PHP een lus vormen de verklaring van elke optie is, op basis van de beoordeling van geval tot geval.We gebruiken een schakelaar van de omstandigheden, de technologie.- de variabele facultatief is, deze situatie is die werden geëvalueerd.In elk geval, in kennis van de verklaring van onderbreking?Dit is om te voorkomen dat een daling van de zogenaamde "goederen".Wanneer een situatie van voortdurende afstemming van alle omstandigheden, ook uit te voeren.Dit betekent dat, als we de zaak van de wedstrijd 3 gevallen van 4,5, ook uit te voeren.We niet zeggen, hè?Dus, als er sprake is van een "open" - optie, dan zal het gebruik van een onderbreking van de situatie om te voorkomen dat de schakelaar.Als er een "gesloten" - keuze, twee van die gesloten."Titel" optie slechts eenmaal gebruikt - dit is een van de thema 's van de invoering van de opties.Voor elk type tekst "(input vormen voor de tekst"), "keuze" (menu 's), het vakje "en" de tekst "(het is duidelijk wat deze betekenen), in de desbetreffende weergegeven.De aandacht die in de klas van 'clearfix < "> - het is gebruikt voor de verwijdering van zwevende deeltjes, doen we straks, acht stappen, we kwamen, en een groot deel van de functie is voorbij.Op de hoogte van de volgende code:, "dag": $+ +.???????> < div = "rm_section" > < div = "rm_title" > < H > < IMG - src = < "?PHP ('template_directory ").> ///- beeld. De FSIM "=" nietsdoen "(=" "> <?PHP ECHO $waarde [naam];?> < /H > < breedte = "dienen" > < de naam = "red <?PHP ECHO $ik;?> "=" dienen "." veranderingen "/> < Kruis > < div =" clearfix "> < /div > < /div > < div =" rm_options "> <?PHP breken;}}?> < input - type = "verborgen" naam "actie" () "redden" /> < /vorm > < vorm en methode = "na" > < P = "dienen" > < de naam "reset" = = = = = = = "dienen" waarde "reset" /> < input - type = "verborgen" naam "actie" waarde "reset" /> < /P > < /vormen die style= "> < lettergrootte: 9px; marge beneden 10 pixels;" > icoon: < a = 'http: //href www.woothemes. COM /2009 /09 /woofunction /"> woofunction < /> < /div > < /div > <?}?> een "dag" - optie, ik gebruik het tegen een variabele die de volgen de segmenten en de indiening van de naam van het conactenates knop, een unieke voorgelegd aan de knop.Tot slot is opnieuw een vorm van alle opties.Het beeld is een transparante methode voor de beelden van ons is.Met dit laatste deel van de code om de functie van:PHP add_action ('admin_init "," mytheme_add_init "); add_action ('admin_menu", "mytheme_add_admin");?> toevoeging van het menu, zeg je, stap 9, kijk!We hebben z 'n geweldige het panel pagina' s, heeft een aparte positie van de menu 's.Dus, laten we eens kijken naar het - klik op de link.En haat.Dit is een van de meest lelijke van het panel, de pagina 's.Laten we onze goede vriend, de CSS.Het creëren van een nieuw dossier in NETTUTS /Einecs - naam is "functionele".Het creëren van een nieuwe functions.css CSS dossier hebben.In de volgende code:,. Rm_wrap (breedte: 740px;} {: 1 - pixel vaste rm_section&#DDD; de onderste grens: 0; achtergrond:&#f9f9f9;} {rm_opts etiket lettergrootte: lettertype 12px; 700; gewicht: breedte: 200px; dat blok; drijvende: links, rm_input}. {10 pixels gevuld: 30px; de onderste grens: 1 - pixel vaste&#DDD; de grens: 1 - pixel vaste&#fff;}. Rm_opts kleine {blijkt dat blok; die rechten; breedte: 200px; kleur:ϧ}. Rm_opts input (type), "de tekst". Rm_opts kiezen (breedte: 280; de lettergrootte: 12px; oude 4px; kleur:ō lengte: 1EM; achtergrond:&#f3f3f3;}. Rm_input input - Focus, focus. Rm_input textarea:{achtergrond:&#fff;}. Rm_input textarea (breedte: 280; lengte: 175px; de lettergrootte: 12px; kleur: oude 4pxōLine-height:1.5em; background:#f3f3f3;}.Rm_title H3 (cursor:pointer; font-size:1em; text-transform: uppercase; margin:0; font-weight:bold; color:#232323; float:left; width:80%; padding:14px 4px;}.Rm_title{cursor:pointer; border-bottom:1px vaste #ddd; background:#eee; padding:0;}.Rm_title H3 img.inactive{margin:-8px 10 pixels 0 X; width:32px; height:32px; background:url ('images/pointer.png'Papoea - Nieuw - Guinea) 0 0; -moz-border-radius:6px float:left; verslag: #ccc;};.Rm_title H3 img.active{margin:-8px 10 pixels 0 X; width:32px; height:32px; background:url ('images/pointer.png'Papoea - Nieuw - Guinea) 0 -32px; float:left; -moz-border-radius:6px -webkit-border-radius:6px; border:1;- vaste&#«;} {1 - pixel. Rm_title H3:img: vaste dieϧ}. Rm_title span. Bij het indienen van een blok van variabele rechten (:;: 0; de marge; oude 0; breedte: 15%; oude 14 0;} {} zijn duidelijk: clearfix; op rm_table.,. Rm_table TD {grens: 1 - pixel - oude vaste #; 10 pixels; aanpassing van de tekst: het Centrum;}. Rm_table dag. Rm_table TD. Kenmerken (kleur:͸}, ik kan het niet uitleggen wat het heel duidelijk elke verklaring; CSS, ben je vrij je eigen thema 's gemaakte indeling, stap 10, dus hebben we nu een goede CSS dossier.Maar hoe krijgen we het toe aan de pagina 's?Immers, wij hebben geen rechtstreekse toegang tot het dossier < hoofd >.Weet je nog dat we in mytheme_add_init (blanco) functie in stap 4 geschreven?Dat zal van pas komen.Vervangen door:, de functie mytheme_add_init () {% file_dir = get_bloginfo ('template_directory "); wp_enqueue_style (" functionele ", file_dir dollar." /functie /functie. De CSS, valse "," 1 "," ");}, en functions.css hoofd van het dossier.De positie van de catalogus van documenten door het model vastgesteld, 11 stap, nu gaan kijken.Heel mooi, is het niet?Maar je vraagt, wat is "en" iconen?Nou, dat is dit.. door het creëren van een nieuw dossier rm_script.js in NETTUTS /functie /MAP.In de volgende code: (document). Voorbereiding (functie) (("). Rm_options"). Slideup (;) ("). Rm_section H3"). Daarna (functie) (als (dit (deze). De moedermaatschappij (). (". Rm_options ("). Display) = = = gaat ") {) ("). RemoveClass (activiteiten).AddClass (initiatiefadvies) ('img kinderen "). RemoveClass (activiteiten).AddClass (initiatiefadvies);} {Dit (deze) anders. RemoveClass (initiatiefadvies).AddClass (activiteiten) kinderen ('img"). RemoveClass (initiatiefadvies).AddClass (activiteiten);}) ("). De moedermaatschappij (de). (". Rm_options "). Slidetoggle (" rustig ");});}); dit is een dom te laden, alle rm_options magische lamp.Wanneer daarna de + "icoon, zal niet de soort activiteiten uit het beeld te verwijderen, en de toevoeging van" ".Als de klik "icoon, het omgekeerde is voltooid.En schuif de stijging of daling van de rm_options (door de staat besluit om gebruik te maken van de CSS) slidetoggle functie is heel eenvoudig.De toevoeging van dit script, dezelfde mytheme_add_init () de functie van toepassing.Vervangen door:, de functie mytheme_add_init () {% file_dir = get_bloginfo ('template_directory "); wp_enqueue_style (" functionele ", file_dir dollar." /functie /functie. De CSS "- en" 1 "," alle "); wp_enqueue_script (" rm_script ", file_dir dollar." J 's ", rm_script /functie /valse," 1 ");}, dit script actief zal zijn.De dokter hem onderzoeken.Persoonlijk ben ik van mening dat het mooi.,,, een 12 - stappen, nu hebben we alle thema 's die pagina, zal ik door gebruik te maken van de mogelijkheid om je.De code is als volgt: door gebruik te maken van de mogelijkheid get_option var = ('nt_colur_scheme dollar, "); de nt_color_scheme opties zal verwerven.Naar het volgende voorbeeld: volgens de gekozen, /* * * * * * * * * * * * * * /< veranderen van kleur CSS; rel = = link "stijl" tekst /CSS "href =" <?PHP ('template_directory ");?>, <?PHP get_option ('nt_color_scheme "); de ECHO?>. De CSS "/> /* ECHO een meter tekst: //europa.eu.int /comm /* * /< p> <?PHP stripslashes (ECHO get_option ('bl_footer_text ");?> < /P >, gebruik gewoon je verbeelding van allerlei beperkingen, conclusies, en ik hoop dat u in deze les geleerd.Dit is niet je standaard optie paneel.Dit is niet het gebruik van een van de onderstaande tabel, die is versterkt, met gebruikmaking van de Wegwijzerdienst verschrikkelijk, en het is heel makkelijk.Deze handleiding is gericht op het leren - je kan te allen tijde ter vervanging van opvouwbare panel en etikettering van, bijvoorbeeld, of zelfs iets veel, veel beter.Gebruik je creativiteit.In de opmerkingen of vragen te bespreken.Sinds de introductie van het kader, WooThemes versie.Je kan hier voor de details.,, op Twitter ons volgen, of abonnementen voor de beste ontwikkeling van de website online lessen Nettuts+ RSS.,