den fuldstændige vejledning til wordpress indstillinger api, del 8: validering, sanitisation og input - ii

, den fuldstændige vejledning til wordpress indstillinger api, del 8: validering, sanitisation og input - ii,,,,, 2,,,,,,,,, 16,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss. denne post er en del af en serie kaldet den fuldstændige vejledning til wordpress indstillinger api. den fuldstændige vejledning til wordpress indstillinger api, del 7: validering, sanitisation input, og jeg, vi har nået i den sidste artikel i serien.i den sidste post, vi tog et kig på om validering, sanitization, og et par grundlæggende input elementer, som vi kan drage fordel af at bygge mulighed sider. i denne artikel, skal vi tage et kig på det sidste sæt af tre valgmuligheder, og til at få dem op til forenden af temaet.,,, før vi går i gang, som med de sidste par, denne artikel forudsætter, at man har fulgt sammen med resten af den serie, er en kopi af prøvens kode installeret, og nu er forholdsvis velkendt med indstillinger api - og tema muligheder.hvis du er i tvivl om noget af ovenstående, kan jeg anbefale at læse resten af artikel før at dykke ned i denne post.,, element former, fortsatte afkrydsningsfelt, tidligere i denne serie, vi har tilføjet til galochka.vi kunne gå tilbage og revidere dem, men lad os holde i overensstemmelse med det, vi har gjort indtil nu, og indføre nye muligheder.når vi er færdige, kan du vende tilbage til den kode, tilføjede vi i begyndelsen af serien for revision. lad os indføre afkrydsningsfelt element til, sandbox_theme_initialize_input_examples, funktion:, add_settings_field ('checkbox element,'checkbox element,'sandbox_checkbox_element_callback,'sandbox_theme_input_examples,'input_examples_section), og derefter skal vi gå videre og fastlægge de svar, som vi har specificeret ovenfor.der tilføjes følgende opgaver til dit projekt:, funktion sandbox_checkbox_element_callback() {$muligheder = get_option ('sandbox_theme_input_examples) $html = < input type = "afkrydsningsfelt" id = "checkbox_example" navn = "sandbox_theme_input_examples [checkbox_example]" /> "$html. = < etiket =" checkbox_example "> dette er et eksempel på en afkrydsningsfelt < /etiketten > « echo $html;} //ende sandbox_checkbox_element_callback, kommer vi til at revidere denne funktion lige nu, men først bemærke, at jeg har tilføjet en etiket element ved siden af afkrydsningsfelt.for galochka ofte har et element, der er forbundet med dem, der også har evnen til at være faldet til at udløse afkrydsningsfelt.det gør det lettere for brugerne at aktivere en løsning uden at klikke på netop afkrydsningsfelt. at sætte en etiket med afkrydsningsfelt, du er nødt til at give etiketten er for, tillægger værdien af, id, attribut i afkrydsningsfelt, som den er bundet af.let nok, ikke?nu, her deres muligheder side, og du skulle se det nye element, synligt på dine muligheder side.men for nu, betyder det ikke rent faktisk redde eller hente en værdi.lad os først indføre en værdi, tilskriver på afkrydsningsfelt.det er lidt tilfældigt, men det er almindelig praksis at give en kontrolleret element en værdi af 1. lad os gøre det nu: $html = < input type = "afkrydsningsfelt" id = "checkbox_example" navn = "sandbox_theme_input_examples [checkbox_example]" værdi = "1" /> "næste, lad os tænke på, hvad der skal ske, når vi redde en værdi.ideelt set:,, brugeren kontrollerer element og redder den værdi, den side styrker og afkrydsningsfelt kontrolleres, brugeren kontrollerer element for at deaktivere den og redder den værdi, den side styrker og afkrydsningsfelt ikke kontrolleres, relativt klart, ikke?i stedet for at læse den mulighed, at oprette en betinget, og kontrol af tilstedeværelsen eller fraværet af en værdi, vi kan drage fordel af wordpress, kontrolleret funktion. den funktion, accepterer tre argumenter, kun det første, som er påkrævet:,, den første værdi, er en af de værdier, at sammenligne den anden værdi at sammenligne, hvis den første værdi ikke er sandt, at echo, tjek = "kontrol", til browseren, så lad os opdatere vores kode til at bruge denne funktion: $html = < input type = "afkrydsningsfelt" id = "checkbox_example" navn = "sandbox_theme_input_examples [checkbox_example" værdi = "1".kontrolleret (1 $muligheder ['checkbox_example "falske)./> «, som giver den side og se den mulighed, at redde, og gentager, hvis det ser lidt forvirrende, gennemgår den foregående artikel, hvor vi dækker significances af hver enkelt attribut med en option element. endelig, lad os opdatere forenden af temaet for at kontrollere denne mulighed, og gøre en kæde af teksten er baseret på, hvis valg er blevet kontrolleret.minder om, at da vi oprettede det element, vi gav det værdien af ', 1'.det betyder, at når afkrydsningsfelt, kontrolleres og serialized, det vil opretholde en værdi af en.kort sagt, vi er nødt til at skrive en betinget af, at kontrollen værdien af forkøbsretten og gør teksten på passende vis.i index.php, tilføje denne blok af kode:, <?folkesundhedsprogrammet aspektet om ($input_examples ['checkbox_example ". = = 1) {?> < p > afkrydsningsfelt, er blevet kontrolleret. < /p > <?php} andre {?> < p > afkrydsningsfelt, ikke er blevet kontrolleret. < /p > <?php} //, hvis?> nu, gå tilbage til jeres indstillinger side, greb den afkrydsningsfelt, og genopfriske din side. som nævnt i begyndelsen af dette afsnit, ser tilbage på de muligheder, som vi har fremsat tidligere i denne serie, og se, om det er meget bedre, nu hvor vi har undersøgt, hvordan man kan indføre og forvalte afkrydsningsfelt elementer. radio knapper, radio knapper er elementer, der er nyttige for grupper – efter alt, du kommer aldrig til at bruge et fælles radio - knappen.det med radioaktive elementer er, at de giver en måde at give mulighed for at vælge en ud af et gensidigt udelukkende sæt valgmuligheder. af en eller anden grund radio knapper, ofte er en udfordring for wordpress udviklere.forhåbentlig kan vi gøre det så let som muligt at inddrage i vores projekter.som med resten af eksempler i denne serie, detaljeret, hvad vi skal gøre:, ønsker vi at indføre to muligheder, som brugeren skal vælge.vi vil give dem meget generelle etiketter. den første mulighed vil være en radio element med etiketten "mulighed" og vil få værdien af '1'. den anden mulighed vil være en radio element med etiketten "mulighed to" og har en værdi af 2, forekommer. klart nok, lad os gå videre og sige – inden element for vores muligheder side:, add_settings_field (træffer knap elementer, træffer knap elementer,'sandbox_radio_element_callback,'sandbox_theme_input_examples,'input_examples_section), og lad os gennemføre radio element er callback.først skal vi præcisere den kode, så kan vi gennemgå det:, funktion sandbox_radio_element_callback() {$muligheder = get_option ('sandbox_theme_input_examples) $html = < input type = "radio" id = "radio_example_one" navn = "sandbox_theme_input_examples [radio_example]" værdi = "1".kontrolleret (1 $muligheder ['radio_example "falske)./> "$html. = < etiket til =" radio_example_one "> mulighed 1 < /etiketten >" $html. = < input type = "radio" id = "radio_example_two" navn = "sandbox_theme_input_examples [radio_example]" værdi = "2".kontrolleret (2 $muligheder ['radio_example "falske)./> "$html. = < etiket til =" radio_example_two "> mulighed for to < /etiketten > « echo $html;} //ende sandbox_radio_element_callback, den første ting at se, når man arbejder med radio knapper, er, at de ikke følger typiske eksempler på, hvordan der, id, og navn, attributter.bemærker, at den, id, attribut er enestående og har ingen forbindelse til resten af attributter på element.bemærker også, at hvert enkelt element er knyttet etiket anvender, id, for det er for nogen.det binder etiketten til radio knap, så brugerne kan klikke på etiketten at udvælge den radio element. næste, meddelelse om, at den, navn, attributter er de samme for hvert radio element, men, værdier, er forskellige.det er det, der gør radio knapper gensidigt udelukker hinanden – hvert radio element skal have samme navn, men værdier skal være unikt. endelig kan vi etablere et betinget af, at den hjemmeside, ved at kontrollere element er værdi.i din tema er, funktioner. php, tilsættes følgende blok af kode:, <?folkesundhedsprogrammet aspektet om ($input_examples ['radio_example ". = = 1) {?> < p > den første løsning blev valgt. < /p > <?php} elseif ($input_examples ['radio_example ". = = 2) {?> < p > den anden mulighed var udvalgt. < /p > <?php} //, hvis?>, lad din tema er hjemmeside, greb de muligheder, og her.du skulle se de to sætninger at ændre baseret på værdien af forkøbsretten elementer. vælg rubrik, det sidste element, som vi skal gennemgå, er den særlige element.dette element giver brugerne en ud vifte af muligheder, som de kan vælge imellem.lad os planlægge præcis, hvad vi har behov for at indføre dette element:,, fastlægge en udvælge element.i vores eksempel, vi vil behandle det som tre muligheder for tiden. skal vi give muligheder for "aldrig", "undertiden", og "altid". vi vil fylde en misligholdelse mulighed, der vil blive fastsat, når side belastninger.,, på dette tidspunkt i serien, bør denne ret rutine.lad os komme i gang – først skal vi indføre de indstillinger, område:, add_settings_field ('select element,'select element,'sandbox_select_element_callback,'sandbox_theme_input_examples,'input_examples_section), skal vi definere denne funktion.revision af kodeksen, og så snakker vi om det efter eksempel:, funktion sandbox_select_element_callback() {$muligheder = get_option ('sandbox_theme_input_examples) $html = < udvælge id = "time_options" navn = "sandbox_theme_input_examples [time_options]" > "$html. = < alternativ værdi =" standard "> udvælge en mulighed... < /mulighed >" $html. = < alternativ værdi = "aldrig".udvalgte ($muligheder ['time_options "" aldrig ", falske).> aldrig < /mulighed > "$html. = < alternativ værdi =" undertiden ".udvalgte ($muligheder ['time_options "" undertiden ", falske).> undertiden < /mulighed > "$html. = < alternativ værdi =" altid ".udvalgte ($muligheder ['time_options "" altid ", falske).> altid < /mulighed > "$html. = < /udvælge > « echo $html;} //ende sandbox_radio_element_callback først genopfriske dine muligheder side for at sikre, at vælge element synes.hvis det gør, lad os gennemgå kode ovenfor. ved fastlæggelsen af de særlige elementer, der har givet det en, id, tilskriver og et navn, attribut, som vi gør med resten af de elementer, som vi har påvist.ved hver valgmulighed har en unik værdi og tekst, der svarer til den værdi.men du behøver ikke gøre det her, jeg har fundet det nyttigt typisk, når de arbejder i mine projekter.endelig har vi benyttet sig af den udvalgte, hjælper det wordpress tilbud.det er ligesom, kontrolleret, funktion, som vi har anvendt i tidligere eksempel, bortset fra at det er rettet mod særlige muligheder. det sidste skridt er at ajourføre forenden af temaet, således at den kontrol, værdien af den særlige betydning, efter at det er blevet reddet.der tilføjes følgende del af koden til din index.php:, <?folkesundhedsprogrammet aspektet om ($input_examples ['time_options ". = =" aldrig ") {?> < p > aldrig vise dette.lidt ironisk, at vise dette. < /p > <?php} elseif ($input_examples ['time_options ". = =" undertiden ") {?> < p > undertiden vise dette. < /p > <?php} elseif ($input_examples ['time_options ". = =" altid ") {?> < p > altid vise det. < /p > <?php} //hvis /andet?> revidere den hjemmeside om temaet, ændrer de muligheder, og så opdater side –, du skal se tekst ajourføring baseret på den mulighed, at du har valgt.,, konklusioner, med, at vi endelig kan nå frem til slutningen af denne serie.indstillingerne er et stærkt element af wordpress api - og giver os mulighed for at gennemføre projekterne, sikre mulighed sider, men det kræver, at vi bruger det ordentligt.desværre, det er nok en af de mest oversete aspekter af den platform, som mange byggeforetagender. i sidste ende mit mål var at gå udviklere gennem api - fra begyndelsen af at forstå, hvorfor det er vigtigt, at indstillingerne fra menuen sider, tabbed sejlads, og hvordan de skal arbejde med hvert enkelt af de element former. endelig bør man huske på, at du kan finde et eksempel på github kode.så du kan fortsætte med at arbejde med de indstillinger, api eller finde et træk, der er uklare, vær venlig at bidrage.jeg vil gerne i denne serie, og f.eks. kode til fortsat at yde en kilde til uddannelse for wordpress fællesskab.,, forbundne kilder, kontrolleres, udvalgt, wordpress indstillinger sandkassen.



Previous:
Next Page: