, få jquery plugins via wordpress admin,,,,, andel,,,,,,,, 7,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, det pædagogiske mål er at sætte muligheder, der stilles til rådighed af jquery stik af entreprenører, at wordpress administratorer, bygning wordpress temaer er et håndværk i sig selv, det er et ekstra lag på et webdesignere job.det er også rigtigt, at det grundlæggende fra cms (afsnit, the_content, the_excerpt osv.), betyder, at du er en wordpress tema udvikler,, hvis du bygger wordpress temaer kan det blive rutine at åbne tema filer i din kode redaktør og foretage ændringer, men det kan indebære, at have adgang til deres arbejde maskine og lokalitet filer for den hurtigste resultater., således at konfiguration af jquery stik af indstillinger i wp admin, kun giver mening i min verden.ligesom med tilpasning af tema, logoer og side rør. resten vil udnytte de muligheder, det rammer ved at skabe et tema wptheming muligheder side.de muligheder, side vil fremlægge disponible miljøer (inden for jquery stik af), vi stiller til rådighed,., mens der for dette eksempel, 3 plugins er blevet valgt, nemlig tooltipsy, hav af skyer (twitter) og flexslider af woothemes disse kunne være plugins du bruger de fleste. kombineret med wordpress ville det være så enkelt, som indeholder en par stumper og filer i fremtidige temaer, du udvikler sig og har en forholdsvis kornet niveau af konfiguration med jquery drevet elementer.,, terminologi, stik af – det henviser til en jquery stik af og ikke wordpress, indstillinger – dette henviser til mulige konfigurationer, der stilles til rådighed af den jquery stik af forfatteren.f.eks. twitter brugernavn., muligheder – disse muligheder, skaber vi benytter de muligheder, ramme.,, downloads, valgmuligheder, der rammer havet af skyer - twitter, tooltipsy, flexslider, dokumentation, som tilsvarende forfattere, valgmuligheder, der rammer havet af skyer - twitter, tooltipsy, flexslider, trin 1 tema fortegnelse og fil struktur lad os gå videre og skabe skelettet af vores tema.The files required for this tutorial are listed below., ,,footer.php,,,functions.php,,,header.php,,,index.php,,,sidebar.php,,,style.css,,,inc/register.scripts.php,,,inc/options.tooltipsy.php,,,inc/options.tweets.php,,,inc/options.flexslider.php,,,inc/js/jquery.flexslider.js,,,inc/js/jquery.tooltipsy.js,,,inc/js/jquery.tweet.js,,jquery (Ships with WordPress), ,inc/img/, array of sample images ,*1, ,inc/options-framework/,*2, ,,*1, – Denotes sample images used for this tutorial as seen within Twenty Eleven.,,*2, – Denotes files within the Options Framework., , Step 2 Theme Markup,header.php, <!doctype html > < html > < head > < meta - charset = "utf - 8" /> < afsnit > <?folkesundhedsprogrammet aspektet bloginfo ('name)?> <?folkesundhedsprogrammet aspektet wp_title()?> < /afsnit > < forbindelse rel = "stylesheet" type = "tekst /css" href = "<?folkesundhedsprogrammet aspektet bloginfo ('stylesheet_url)?> "media =" alle "/> <?folkesundhedsprogrammet aspektet wp_head();?> < /head > < krop > < div klasse = "containere" > < header > < div klasse = "site meta -" > < h1 > < en href = "<?folkesundhedsprogrammet aspektet bloginfo ('home)?> "> <?folkesundhedsprogrammet aspektet bloginfo ('name)?> < /a > < span > <?folkesundhedsprogrammet aspektet bloginfo ('description)?> < /span > < /h1 > < /div > < div klasse = "flexslider" > < ul klasse = "glider" > < li > < img src = "<?folkesundhedsprogrammet aspektet bloginfo ('template_directory)?> /inc. /img /slide-1 jpg "alat =" glider "/> < /li > < li > < img src =" <?folkesundhedsprogrammet aspektet bloginfo ('template_directory)?> /inc. /img /slide-2 jpg "alat =" - 2 /> < /li > < li > < img src = "<?folkesundhedsprogrammet aspektet bloginfo ('template_directory)?> /inc. /img /slide-3 jpg "alat =" skub 3 "/> < /li > < li > < img src =" <?folkesundhedsprogrammet aspektet bloginfo ('template_directory)?> /inc. /img /slide-4 jpg "alat =" glider "/> < /li > < li > < img src =" <?folkesundhedsprogrammet aspektet bloginfo ('template_directory)?> /inc. /img /slide-5 jpg "alat =" - 5 /> < /li > < /ul > < /div > < /header > det er et meget grundlæggende, header.php, fil 3 punkter af interesse her.,, linje 6, – stylesheet, som vi vil bruge til basale layout og jquery stik af styles.,, linje 7, –, vi har brug for at ringe, wp_head(); for at gøre det muligt for wordpress med jquery.,, 18, – grundlæggende avance, der kræves for flexslider.,, footer.php, < /div > <!- sidste container - > <?folkesundhedsprogrammet aspektet wp_footer();?> < manuskript > < /manuskript > < /organ > < /html > vi skal registrere 3 jquery stik af filer med wordpress, wp_footer();, er nødvendige for produktionen. mellem manuskript, mærker vi vil anmodningen plugins med yderligere indstillinger. sidebar.php, < bortset > < h3 > tweets < /h3 > < div klasse = "tweets" > < /div > < /bortset >, ovennævnte retningslinjer bør være super bekendt tema udviklere, hvis du ikke ved noget om disse held og lykke med din rejse.wordpress er den mand!,, trin 3 stil, style.css, /* tema navn: muligheder rammer eksempel tema uri: http://wp.tutsplus.com beskrivelse: barn tema, for at illustrere, hvordan til at anvende de muligheder, ramme med jquery plugins i dit område.version: 1, 0 * /* {margen: 0; polstring: 0; liste stil: ingen;} organ {skrifttype familie: arial, helvetica, uden serif; skriftstørrelsen: 13px; linje højde: 18px; margen: 20px;} en (farve:c63cb; tekst): ingen;} h2, h3 {margen: 0 0 10px 0}. container (max bredde: 960px; margen: 0 auto;} header {overløb: skjulte; margen: 0 0 20px 0} header div.site-meta {margen: 0 0 20px 0} header div.site-meta h1 en (skriftstørrelse: 18px;} header div.site-meta h1 levetid (skriftstørrelsen: 12px; display: blok;} afsnit (bredde: 70%; flyde: venstre} side (bredde: 30%; flyde: ret.}, styles ovenfor er blevet skabt for at holdning hovedet, kom her og vigtigste indhold områder.han side. strækninger, 2, 3, 4 og 5 til wordpress om vores tema. div.flexslider {holdning: relativ, højde: 276px;} ul.slides li (display: ingen;} ul.slides li (display: ingen;} ul.slides li img (max bredde: 100%; display: blok;} ul.flex-direction-nav - {holdning: absolutte og nederst: 10px; z-index: 10, polstring: 5px; baggrund:&#fff;} ul.flex-direction-nav li a.prev {tilbage: 10px;} ul.flex-direction-nav li a.next {ret: 10px;} ol.flex-control-nav {holdning: absolut; tilbage: 10px; ret: 10px; nederst: 10px; tekst tilpasse: center;} ol.flex-control-nav li (display: i overensstemmelse med blok; margen: 0 1px;} ol.flex-control-nav li a {polstring: 5px; baggrund:&#fff; display: blok; markør: pointer.} ol.flex-control-nav li a.active (farve:&#ed4b48;} div.flex-pauseplay {holdning: absolutte, top. 10px; ret: 10px; tekst tilpasse: center;} div.flex-pauseplay span.pause, div.flex-pauseplay span.play (polstring: 5px; baggrund:&#fff; display: blok; markør: pointer.} nogle former for flexslider.meget minimal, ul.tweet_list li (grænse: 1px fast&#ccc; margen: 0 0 5px 0; polstring: 5px; overløb: skjulte;} ul.tweet_list li a.tweet_avatar {flyde: venstre margen: 0 5px 5px 0} ul.tweet_list li a.tweet_avatar img (polstring: 4px; baggrund:&#eee grænse: 1px fast&#ccc.}, i overensstemmelse med et minimum på vej til twitter - stream.,. tooltipsy (polstring: 5px; baggrund:ō, farve:&#fff; grænse: 1px fasto - webkit rubrik skygge: 0 0 5px� eur), og endelig den tooltip stil.,, post og hvad er det næste, at dette punkt, som vi har samlet en meget grundlæggende wordpress tema for at illustrere, at bevise konceptet med 3 jquery plugins valgt. næste vil vi medtage jquery plugins med ord.presse konventioner for at høste fordelene af denne kan bringe, f.eks. gzipping og caching af manuskripter (hvis de har passende plugins monteret på siden). desuden vil vi oprette muligheder rammer at arbejde med emnet ved at udnytte, funktioner. folkesundhedsprogrammet.3 systemer vil blive skabt at foretage indstillinger hver stik af skibe med, at vi vælger at stille til rådighed (f.eks. callback funktioner er noget, der muligvis vil være bedst tjent i tema, filer og ikke skabt en dynamisk, medmindre du vil skrive jquery i wp admin.)disse systemer vil blive gentaget, over i forbindelse med de muligheder, rammeaftaler at tage stik af indstillinger til temaet muligheder side.,, løntrin 4 /inc. /register.scripts.php, funktion px_register_scripts() (hvis (!is_admin()): $js_path = get_template_directory_uri(). /inc. /er /«. wp_register_script ('px-tweets, $js_path.'scripts /jquery. skub. js, system ('jquery), 1, 0, sande); wp_enqueue_script ('px-tweets'); wp_register_script ('px-tips, $js_path.'scripts /jquery. fitvids. js, system ('jquery), 1, 0, sande); wp_enqueue_script ('px-tips'); wp_register_script ('px-flex, $js_path.'scripts /jquery. flexslider. js, system ('jquery), 1, 0, sande); wp_enqueue_script ('px-flex '); endif;} add_action ('init "," px_register_scripts), 2, –, vi bruger, is_admin(); for at kontrollere, om vi er i wp admin instrumentbræt.,, linje 3 – skaber vi "$js_path", som hjælper til at pege på, at placeringen af manuskripter, linje 4, – vi bruger, wp_register_script(); at anmelde wordpress af manuskriptet navn, dens vej, afhængighed (jquery vedtages her, og wp_head(), vil blive anvendt til produktion), version, og om, hvorvidt der skal anvendes, wp_footer, som den krog eller ej.,, linje 5, –, vi bruger, wp_enqueue_script(); at tilføje den tidligere registrerede manuskript til enhver wordpress produktion., 12, –, vi bruger, add_action(); at vedlægge alle manuskripter til wordpress på runtime ved hjælp af funktion tidligere skabt.,, løntrin 5 functions.php, omfatter "inc. /register. manuskripter. php; lad os sørge for, at vi omfatter manuskripter er registreret i det foregående trin med vores tema inden for funktioner. php,., hvis (!function_exists ('optionsframework_init)): definition ('options_framework_directory, get_template_directory_uri(). /inc. /muligheder rammer /'); require_once dirname (__file__). /inc. /muligheder rammer /muligheder rammer. på "; endif; funktion optionsframework_option_name() ($themename = get_option ('stylesheet. $themename = preg_replace (" /\\ w /"," _ ", strtolower ($themename) $optionsframework_settings = get_option ('optionsframework. $optionsframework_settings ['id'] = $themename; update_option ('optionsframework, $optionsframework_settings)} funktion optionsframework_options() {$muligheder = array();}, stykke kode over skibe med muligheder. ramme, eftersom vi har arrangeret vores tema lidt anderledes ikkee af linje 2 og 3, hvor vi modificerer veje lidt. hvis man ser på dokumentation for flexslider du vil bemærke de mulige indstillinger, der er til rådighed, er det vores forhold ved oprettelsen af folkesundhedsprogrammet, $flexslider_options, system, animation: "forsvinder" //snor: vælg din animation type "forsvinder", eller "glider" slidedirection: "horisontale" //snor: angiv den glidende retning "horisontale" eller "vertikale" lysbilleder: det er rigtigt, //boolean: en automatisk ret slideshowspeed: 7000, //tal: sæt hastigheden af diasshowet cykling, i millisekunder animationduration: 600 //tal: der hastigheden af tegnefilm i millisekunder directionnav: det er rigtigt, //boolean: skabe navigation for tidligere/næste sejlads?(sandt /falsk) controlnav: det er rigtigt, //boolean: skabe navigation til personsøgning kontrol af hver clide?note: gå rigtigt til manualcontrols anvendelse keyboardnav: det er rigtigt, //boolean: tillade slider navigation via tastatur venstre /højre - nøgler mousewheel: falske, //boolean: tillade slider navigation via mousewheel prevtext: "tidligere" //snor: teksten til "tidligere" directionnav punkt nexttext: "næste" //snor: teksten til "næste" directionnav punkt pauseplay: falske, //boolean: skabe pause /spille dynamiske element pausetext: "pause" //snor: teksten til "pause" pauseplay punkt playtext: "spille" //snor: teksten til "spille" pauseplay punkt randomize: falske, //boolean: randomize slide for slidetostart: 0,//tal: den glide, som slider bør begynde på.array - koder (0 = første overhead) animationloop: det er rigtigt, //boolean: bør den animation loop?hvis ikke, vil directionnav modtaget "funktionsbegrænsning" klasser i hver ende pauseonaction: det er rigtigt, //boolean: pause diasshowet, når interaktion med kontrolelementer, anbefales.pauseonhover: falske, //boolean: pause diasshowet, når der svæver over ål, så fortsætte, når de ikke længere er svævede controlscontainer: "" //vælgeren: erklærer, som beholder sejlads elementer bør tilføjes.misligholdelse beholder er flexslider element.f.eks. ville være ". flexslider beholder", "# beholder" osv. hvis de da element ikke er fundet, ikke vil blive truffet foranstaltninger.manualcontrols: "" //vælgeren: erklærer skik kontrol navigation.f.eks. ville være "flex kontrol nav li" eller "# tabs nav li img" osv. antallet af elementer i deres controlnav skal svare til antallet af lysbilleder /øje.start: function() {}, //callback: funktion (en) - brande, når en belastning, det første billede før: function() {}, //callback: funktion (en) - brande asynkront med hver en informationskampagne efter: function() {}, //callback: funktion (en) - brande efter hver en informationskampagne fuldfører: function() {} //callback: funktion (en) - brande, når de skyder når det sidste skub (asynkron), trin 6 stik af indstillinger til muligheder rammer mulighed, lad os tage alle de valgmuligheder, der kan opholde sig i temaet muligheder side og placere dem inden for en php flerdimensionale array. $flexslider_options = mængde ('animation = > system ('title = > 'animation, type,'description = > ".er din animation type "forsvinder" eller "glider",'type = > "vælg",'class = > "mini",'default = > "forsvinder",'values = > system ('fade = > "forsvinder",'slide "= >" glider "),'slidedirection = > system ('title = > glide retning,'description = > udvælge den glidende retning" horisontale "eller" vertikale ",'type = >" vælg ",'class = >" mini ",'default = >" horisontale ",'values = > system (»horisontale« = > »horisontale« og »vertikale« = >" vertikale "),'slideshow = > system ('title = > give billederne?", \t\t'description' => 'Animate slider automatically', \t\t'type' => 'select', \t\t'class' => 'mini', \t\t'default' => 'true', \t\t'values' => array( \t\t\t'true' => 'Yes', \t\t\t'false' => 'No' \t\t) \t), \t'slideshowSpeed' => array( \t\t'title' => 'Speed of cycling between slides', \t\t'description' => 'Set the speed of the slideshow cycling, in milliseconds', \t\t'type' => 'text', \t\t'class' => 'mini', \t\t'default' => '7000', \t\t'values' => \tfalse \t), \t'animationDuration'\t=> array( \t\t'title' => 'Animation duration', \t\t'description' => 'Set the speed of animations, in milliseconds', \t\t'type' => 'text', \t\t'class' => 'mini', \t\t'default' => '600', \t\t'values' => false \t), \t'directionnav = > system ('title = > mulighed for tidligere /næste bånd?,'description = > skabe navigation for tidligere /næste sejlads?,'type = > "vælg",'class = > "mini",'default = > "ægte",'values = > system ('true = > ja,'false = > "nej"),'controlnav = > system ('title = > at glide med. ",'description = > « rentesats, navigation til personsøgning kontrol af hver clide?note: gå rigtigt til manualcontrols,'type = > "vælg",'class = > "mini",'default = > "ægte",'values = > system ('true = > ja,'false = > nr. ')),'keyboardnav = > system ('title = > give tastatur sejlads?,'description = > sikre en navigation via tastatur venstre /højre - nøgler,'type = > "vælg",'class = > "mini",'default = > "ægte",'values = > system ('true = > "ja,'false = >" nej "),'mousewheel = > system ('title = > for mousewheel nedad?, \t\t'description' => 'Allow slider navigating via mousewheel', \t\t'type' => 'select', \t\t'class' => 'mini', \t\t'default' => 'true', \t\t'values' => array( \t\t\t'true' => 'Yes', \t\t\t'false' => 'No' \t\t) \t), \t'prevText' => array( \t\t'title' => 'Previous text', \t\t'description' => 'Set the text for the "previous" directionNav item', \t\t'type' => 'text', \t\t'default' => 'Previous', \t\t'class' => 'mini', \t\t'values' => false \t), \t'nextText' => array( \t\t'title' => 'Next text', \t\t'description' => 'Set the text for the "next" directionNav item', \t\t'type' => 'text', \t\t'default' => 'Next', \t\t'class' => 'mini', \t\t'values' => false \t), \t'pausePlay' => array( \t\t'title' => 'Pause /Play button', \t\t'description' => 'Create pause/play dynamic element', \t\t'type' => 'select', \t\t'class' => 'mini', \t\t'default' => 'true', \t\t'values' => array( \t\t\t'true' => 'Yes', \t\t\t'false' => 'No' \t\t) \t), \t'pauseText' => array( \t\t'title' => 'Pause text',,Now let's take a look at some of the settings available to the Twitter plugin., username: "seaofclouds", join_text: "auto", avatar_size: 32, count: 3, auto_join_text_default: "we said,", auto_join_text_ed: "we", auto_join_text_ing: "we were", auto_join_text_reply: "we replied to", auto_join_text_url: "we were checking out", loading_text: "loading tweets...",As a PHP array using the same conventions as we did with ,$flexslider_options,., $tweet_options = array( \t'username' => array( \t\t'title' => 'Twitter username', \t\t'description' => 'The Twitter username you wish to display', \t\t'type' => 'text', \t\t'class' => 'mini', \t\t'default' => 'envatowp', \t\t'values' => false \t), \t'avatar_size' => array( \t\t'title' => 'Avatar Size', \t\t'description' => 'Chose the avatar size to display', \t\t'type' => 'select', \t\t'class' => 'mini', \t\t'default' => '16', \t\t'values' => array( \t\t\t16 => 16, \t\t\t32 => 32, \t\t\t64 => 64, \t\t\t128 => 128 \t\t) \t), \t'count' => array( \t\t'title' => 'Tweet count', \t\t'description' => 'How many tweets to show', \t\t'type' => 'text', \t\t'class' => 'mini', \t\t'default' => '10', \t\t'values' => false \t), \t'auto_join_text_default' => array( \t\t'description' => 'The Twitter username you wish to display', \t\t'type' => 'text', \t\t'class' => 'mini', \t\t'default' => 'we said,', \t\t'values' => false \t), \t'auto_join_text_ed' => array( \t\t'description' => 'The Twitter username you wish to display', \t\t'type' => 'text', \t\t'class' => 'mini', \t\t'default' => 'we', \t\t'values => false \t), \t'auto_join_text_ing' => array( \t\t'description' => 'The Twitter username you wish to display', \t\t'type' => 'text', \t\t'class' => 'mini', \t\t'default' => 'we were', \t\t'values' => false \t), \t'auto_join_text_reply' => array( \t\t'description' => 'The Twitter username you wish to display', \t\t'type' => 'text', \t\t'class' => 'mini', \t\t'default' => 'we replied to', \t\t'values' => false \t), \t'auto_join_text_url' => array( \t\t'description' => 'The Twitter username you wish to display', \t\t'type' => 'text', \t\t'class' => 'mini', \t\t'default' => 'we were checking out', \t\t'values' => false \t), \t'loading_text' => array( \t\t'title' => 'Loading text', \t\t'description' => 'Text to show when loading tweets', \t\t'type' => 'text', \t\t'class' => 'mini', \t\t'default' => 'loading tweets...', \t\t'values' => false \t) );,Finally the Tooltip settings available., alignTo: //'element' or 'cursor', offset: //[x, y] [0, -1], content: //'Custom tooltip indhold, vise: //en jquery animation, showevent: //callback funktion n /a, skjule: //en jquery animation, hideevent //callback funktion n /a, forsinkelse: //i millisekunder 200 sat til 0 for nogen forsinkelse css: //skik css classname: //css klo...and as a PHP array using the same conventions we get..., $tooltip_options = array( \t'alignTo' => array( \t\t'title' => 'Alignment', \t\t'description' => 'Should the tooltip be fixed or follow the cursor when hovered', \t\t'type' => 'select', \t\t'class' => 'mini', \t\t'default' => 'element', \t\t'values' => array( \t\t\t'element' => 'Fixed to element', \t\t\t'cursor' => 'Follow the cursor' \t\t) \t), \t'content' => array( \t\t'title' => 'Content', \t\t'description' => 'Useful for HTML inside tooltips since you can’t put HTML in title attributes', \t\t'type' => 'text', \t\t'class' => 'mini', \t\t'default' => '', \t\t'values' => false \t), \t'delay' => array( \t\t'title' => 'Hover delay', \t\t'description' => 'Set to 0 for no delay', \t\t'type' => 'text', \t\t'class' => 'mini', \t\t'default' => '0', \t\t'values' => false \t), \t'css' => array( \t\t'title' => 'Custom CSS', \t\t'description' => 'Useful if you want to keep styles together with plugin settings', \t\t'type' => 'textarea', \t\t'class' => 'mini', \t\t'default' => '', \t\t'values' => false \t), \t'className' => array( \t\t'title' => 'CSS Class', \t\t'description' => 'In case .tooltipsy doesn’t work for you', \t\t'type' => 'text', \t\t'class' => 'mini', \t\t'default' => 'tooltipsy', \t\t'values' => false \t) );,Now that the plugin settings have been mimicked as PHP arrays we can keep these as a snippet and re-use in future themeudvikling, hvis behovet opstår.i de tilfælde hvor stik af er ajourførte snippet kan ajourføres ret effektivt. jeg foretrækker at få disse systemer i deres egne filer til fremtidig brug.hvis du plugins anvendelse i et tema, det vil være en sag for at tage de indstillinger, fil, om de muligheder, de rammer, og outputting inden for temaet., omfatter "inc. /muligheder. flexslider. folkesundhedsprogrammet" omfatter "inc. /muligheder. tooltipsy. folkesundhedsprogrammet" omfatter "inc. /muligheder. tweets. folkesundhedsprogrammet. nu, hvor systemer har deres egne hjem. sørg for at omfatte hver inden for functions.php, som kræves, med det i tankerne, lad os komme videre og skabe et panel for flexslider inden for temaet muligheder side. ved hjælp af de muligheder, ramme dette gøres med følgende kode. $muligheder [] = system ('name » = > __ ('flex slider, options_framework_theme"),'type = > pos. "), for at skabe mulighed for, at vi tilføjer hver til $muligheder, vifte. lad os sikre, at vi kan fåglobal adgang til hvert system ved at fastsætte deres anvendelsesområde inden for, optionsframework_options(), funktion, globale $flexslider_options, $tweet_options, $tooltip_options; ved hjælp af $flexslider_options, system og en hver sløjfe, vi kan skabe en mulighed /input i hver udgave til at matche de indstillinger. $i = 0; for hvert ($flexslider_options som $nøgle = > $) værdi: $muligheder [] = system ('name = > (isset ($værdi ['title '])?$value['title'] : $key, \t\t'desc' => $value['description'], \t\t'id' => 'flex_opt_'.$i++, \t\t'type' => $value['type'], \t\t'std' => $value['default'], \t\t'class' => $value['class'], \t\t'options' => $value['values'] \t); endforeach;,The ,$options[], array is a convention of the Options Framework and explanations are loosely cited from the example files provided by the Author below., ,Line 1, – A counter is initialised., ,Line 3, – ,name, – Human readable title, outputted within Theme Options page., ,Line 4, – ,desc, – Human readable description, describing the particular option., ,Line 5, – ,id, – Unique identifier (we will use this for theme output)., ,Line 6, – ,type, – Possible field types: ,text,,textarea, afkrydsningsfelt, udvælge, radio, upload, (et billede uploaderen), billeder, bruge billeder i stedet for radio knapper), baggrund, en række muligheder for at definere en baggrund), multicheck, farve, a jquery farve picker) typografi, (en række muligheder for at definere typografi), redaktør,.,, linje 7, –, std, – standard input - værdi.,, linje 8, –, klasse, – mulige værdier:, mini -, lille, lille, linje 9, –, optioner, – spektrum af mulige værdier for støttede områder, yderligere diskussion. på linje 3. vi bruger den ternære operatør at fastsætte en grænseværdi, hvis.en vis fleksibilitet blev anset for at de arrays at foretage indstillinger.dette vil gøre det muligt for skik afsnit fremlægges sammen med hver mulighed, mens misligholdende at navn, hvis ikke der., linje 5 en trinvis værdi anvendes til at opbevare en entydig identifikationskode til hver mulighed. alle andre linjer er faste værdier, der bør følges, som anvist af de muligheder, der rammer forfatter fra vores indstillinger system med tilsvarende nøgler. det er nu et tilfælde af skum, skylle og gentage for $tweet_options og $tooltip_options,. $muligheder [] = system ('name = > __ ('twitter "," options_framework_theme "),'type = > pos."), oprettes et nyt panel. $i = 0; for hvert ($tweet_options som $nøgle = > $) værdi: $muligheder [] = system ('name = > (isset ($værdi ['title '])?$værdi ['title ']: $nøgle,'desc = > $værdi ['description "'id = > tweet_opt_. $i + +,'type = > $værdi ['type"'std = > $værdi ['default']'class = > $værdi ['class "'options = > $værdi ['values']); endforeach; næste vi sløjfe over de indstillinger, og tilføje, at den $muligheder [] system.se værdien af, id, vil det være nyttigt senere. - en gang til... $muligheder [] = system ('name = > __ ('tooltipsy "," options_framework_theme "),'type = > pos. '), skaber vi et nyt panel, og give det pos. $i = 0; for hvert ($tooltip_options som $nøgle = > $) værdi: $muligheder [] = system ('name = > (isset ($værdi ['title'])?$værdi ['title ']: $nøgle,'desc = > $værdi ['description "'id = > tooltip_opt_. $i + +,'type = > $værdi ['type"'std = > $værdi ['default']'class = > $værdi ['class "'options = > $værdi ['values']); endforeach; endelig vi fastsætte værdier, den eneste ændring er indstillingerne system bliver vedtaget og id værdi. tilbage $optioner, som anvist af de muligheder, rammer vi endelig tilbage, $muligheder, system, som nu er befolket med stik af indstillinger og outputted som muligheder for den valgte 3 plugins.,, optionsframework_options(), funktion er nu færdig.,, checkpoint og, hvad er det næste, del 2, muligheder rammer bør nu fungerer med temaet pænt, som vil fremlægge 3 - paneler winden for temaet muligheder side og en tilsvarende muligheder., stik af indstillinger var registreret med muligheder inden iterating over arrays, der er skabt, så tager vi en lignende tilgang, som vi output tema muligheder værdier til temaet i det sidste skridt, skridt 7 anvendelse af indstillinger fod. php, lad os sørge for, at vi har adgang til miljøer skabt og lagt til deres relevante sagsakter, nemlig muligheder. flexslider. folkesundhedsprogrammet, er, options.tooltipsy.php og muligheder. tweets. php,., globale $flexslider_options, $tweet_options, $tooltip_options;, stik af miljøer er medtaget, functions.php på hver side belastning, vi kan få adgang til disse tidligere skabt af systemer, ved at gøre dem, global, ligesom vi gjorde i funktioner. folkesundhedsprogrammet, med det.lad os overveje den produktion, der kræves af hver enkelt stik af., flexslider krav, var $flexslider_options = (fastsættelse af værdi, setting2: værdi, setting3: vaerdi //...}; $(vindue). belastning (function() {$(". flexslider '). flexslider ($flexslider_options)}), en ret almindelig objekt, der indeholder forhold, der kan overføres til den stik af ved opstart, linje 7 som fremhævet forbliver den samme, outputting en dynamisk objekt med indstillinger er, hvad vi leder efter her. of_get_option ('option_name"), for at hente lagrede værdier fra muligheder rammer forfatteren har skabt en hjælper, funktion, som accepterer den mulighed, id, som et parameter for at hente sin værdi.tilbage i trin 6 en mulighed, id, blev oprettet ved hjælp plugin_opt_n, hvor n er et nummer fra 0 til 100.det er nyttigt og indeks for uvigtige., en, de, loop - vil gøre det her for at få fat i, at data ved hjælp af en tæller igen for at få nøglen og værdier, dynamisk i forbindelse med nogensinde hjælpsomme hjælper funktion (overflødig nogen?)lad os få det., var $flexslider_options = (<?php $jeg = 0 $tæller = tæller ($flexslider_options); for hvert ($flexslider_options som $nøgle = > $) værdi: $option_value = of_get_option ('flex_opt_. $i + +); echo $nøgle. ":" hvis ($i = = $tæller): hvis ($option_value = = "rigtigt"
Computer læring 