grave i det tema, customizer: komponenter

, at temaet customizer: komponenter,,,,, 3,,,,,,,,,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss. denne post er en del af en serie kaldet grave i det tema, customizer. graver sig ind i emnet customizer: overviewdigging til temaet customizer: øver jeg i den første del af denne serie, jeg præsenterede temaet customizer egenskab, og det viste, hvorfor det er nyttigt.vi ved allerede, at temaet customizer har fire hovedkomponenter: indstillinger, profiler, kontrol og den, der kontrollerer de andre er den virksomhedsleder, der er vigtig variabel er $wp_customize,.vi kender også vejen til at påberåbe sig denne variabel for at bruge senere.i denne lektion, jeg planlægger at gå dybt ind i disse komponenter, finde ud af deres egenskaber, og hvordan til at registrere eller fjerne komponenter og måde at konfigurere dem som du vil.,,, en leder, som er anført i første del, er det et vigtigt element med de vigtigste opgave, forvaltning, de andre.det initializes alle nødvendige ting, sætter tingene og integrerer misligholdelse komponenter til temaet customizer.det er et eksempel på, wp_class_customize_manager, klasse (beliggende i, wp omfatter /wp-class-customize-manager.php,), det indeholder nogle nyttige metoder:, få alle sektioner, indstillinger eller kontrol liste: $wp_customize - > sections(); //tilbagelevering af et system med id er id i afsnit /med /kontrol - wp_customize - > settings(); //og værdien er afsnit /med /kontrol objekt.$wp_customize - > controls(); //for at få et element, vi kunne bruge: $wp_customize - > get_section (id) $wp_customize - > get_setting ("id"); //huske at sende id som argument.$wp_customize - > get_control ("id"), eller fjerne komponenter: $wp_customize - > remove_section (id) $wp_customize - > remove_setting ("id"); //huske at sende id som argument.$wp_customize - > remove_control ("id"), der forvalter også har nogle andre vigtige metoder, herunder: $wp_customize - > add_section ("id", array()); //det første argument er id af komponent $wp_customize - > add_setting ("id", array()); //den anden er et system af ejendommens værdi. $wp_customize - > add_control ("id", array()); //nærlys til komponent objekt. vi vil fokusere på disse metoder i næste afsnit, afsnit, som navnet antyder, at denne komponent categorizes alle miljøer i grupper.hvert afsnit kan indeholde et eller flere indstillinger.det er den enkleste komponent.nogle metoder, der arbejder med dele, add_section,, get_section, og remove_section: $wp_customize - > add_section ("id" system ('title = > ",'description = >",'priority = > "), og id, - en enestående identitet navn, som vil blive anvendt med indstillinger og kontrol.,, titel, - titlen på afsnit til fremvisning i menuen.,, beskrivelse, en kort beskrivelse af dette afsnit, prioritet - sekvensen eller for dele, der vises i menuen, lavere nummeret, de højere, vil det vise, du bemærker, at hver afdeling er et eksempel på, wp_class_customize_section, klasse (beliggende i, wp omfatter /class-wp-customize-section.php,), så hvis du bruger, get_section, denne metode vil vende tilbage med en genstand, mensch er et eksempel på, at klasse. for at få en, der er til rådighed om, bare brug, get_section, denne metode er tilbage at objekt. $wp_customize - > get_section ("id"), og den sidste metode er, remove_section, det blot fjerner enhver del, vi ønsker at fjerne: $wp_customize - > remove_section ("id"), for eksempel, hvis jeg ønsker at tilføje en ny afdeling til at bruge senere, følgende kode er, hvad jeg ville gøre: $wp_customize - > add_section ('wp_tuts, system ('title = > wptuts,'description » = > et eksempel for tema customizer "), at de er komponenter, der kontrol muligheder, som hver især behandler en specifik mulighed.de er inde i afsnit i, wp_customize_setting, klasse (beliggende i, wp omfatter /class-wp-customize-setting.php,).den vigtigste opgave for denne komponent er at fastlægge, hvorledes en indstilling, er oplagret, og hvor den skal reddes.følgende kode er syntaks for denne metode: $wp_customize - > add_setting ("id" system ('default = > ",'theme-supports = >",'type = > '//default "theme_mod"'capability = >' //default "edit_theme_options"'sanitize_callback = > ",'sanitize_js_callback = >",'transport = > '//default "-"), standard - standardværdi for indgående om, tema. støtter - kontrollere, hvorvidt de nuværende tema støtter bestemt emne træk, hvis ikke, at der ikke længere foreligger.,,, - fastlægge en fastsættelse af type, theme_mod eller valg, misligholdelse, theme_mod,.,, theme_mod, indstillinger er kun til rådighed i det aktuelle emne, de er alle miljøer, at opretholde det aktuelle emne, og de er specielle for hvert tema.for at få værdien af bestemte miljøer, du kan bruge den, get_theme_mod, funktion med et argument om navnet på en bestemt indstilling.bemærker, at det, get_theme_mod, funktion vil ændre sig, når det henter data fra hver gang, vi ændrer temaer, og det betyder også, at funktion er afhængig af det tema, vi bruger.for eksempel, når vi bruger 20 11, get_theme_mod, funktion, få data fra, theme_mods_twentyeleven, valg, og de, theme_mods_twentyten mulighed, hvis vi bruger 20 10 tema. på den anden side mulighed, der kan købes overalt, som du ved, er den mulighed, som vi plejer at bruge.for at få den værdi, vi bruger, get_option,: funktion, du sikkert ved.,,, kapacitet, - kapacitet, der kræves for nuværende indstillinger til anføres for brugeren.læs mere om roller og muligheder, sanitize_callback - callback - funktion, der sanitizes indlæsning af data.tema customizer har til rådighed - funktion, sanitize_hex_color_no_hash, som anvendes til at kontrollere data input er en forbandelse farve uden en hash.,, sanitize_js_callback - callback - funktion, der sanitizes data, der anvendes til transport javascript.,,, - den måde, hvorpå data vil blive transporteret, kan enten være, friske eller postmessage,.,, friske, hver gang der er noget ændret i fastsættelsen af muligheder, temaet customizer styrker forvisningen ramme for at lade, så indholdet i forpremiere ramme vil være helt udhvilet.,, postmessage, - - i stedet for forfriskende hele forpremiere ramme, når noget ændringer, de nye data vil blive transporteret på stedet til forpremiere ramme ved hjælp af javascript teknikker.,,, så grunden til, at wordpress har disse to måder til overførsel af data (, friske, og postmessage,), er de ændringer, der har mindre indvirkning på side struktur eller simple ændringer (måske tilføje /fjerne noget eller ændre værdien af nogle egenskaber ved /html /css).vi skal bruge, postmessage, for disse, som de kan behandles med javascript øjeblikkeligt og let, uden at det er nødvendigt at lade en hel side.omvendt, hvis nye ændringer til indstillinger vil påvirke side struktur, eller er det vanskeligt for javascript gøre effektivt, er det bedre at bruge, friske,.lad mig også deres tanker om dette ved at lade deres bemærkninger. følgende er et enkelt eksempel på at tilføje en ny indstilling: $wp_customize - > add_setting ('blogname, system ('default = > get_option (' blogname "),'type = >" mulighed ".), samme som afsnit har vi også, get_setting, og remove_setting for indstillinger: $wp_customize - > get_setting (id) $wp_customize - > remove_setting (" id "); //ex: værdien af at få $wp_customize - > get_setting (" blogname ') - > value(); //afkast websted navn;,, kontrol, denne komponent vil arrangere indstillinger for korrekt sektioner, definere den type indstillinger, og derefter gøre deres indhold.hver kontrol er et eksempel på, wp_class_customize_control, klasse (beliggende i, wp omfatter /class-wp-customize-control.php). $wp_customize - > add_control ("id" system (»mærket« = > ",'settings = > //default er id ejendom.'section = > ",'type = > '//default" tekst "'choices = >' //det er frivilligt, afhængigt af type værdi.'priority = > '//default er 10.),,, - - en unik id - kontrol, også anvendes som betegnelse for de fastsætter mulighed, hvis værdien af følgende indstillinger, ejendom, ikke er defineret.,, etiket, - mærket, at.,, kulisser, - navnet fastsættelse mulighed, der behandles.hvis forlader ikke værdien af ovennævnte id anvendes.,, afsnit - afdelingen, at fastsættelse tilhører.,,, - - at løsning vil være gjort.temaet customizer har visse standardværdier, som du kan bruge:,, tekst - den form for input om løsning vil være en tekst, input - type.det er også en standardværdi, hvis du ikke forbi noget for, type, ejendom, afkrydsningsfelt, - så, afkrydsningsfelt, fastsætter mulighed.,, radio, - at en liste over afkrydsningsfelt om muligheder.du er nødt til at vedtage en række værdi /afsnit par for hver radio input, valg, udvælge, - så vælge at mulighed liste.ligesom, radio, sin option liste skal sendes gennem valg, tilskriver.,, dropdown sider - det er en særlig liste, men blev bygget for at udstille webstedets sider liste mulighed.,,, valg - liste over om muligheder for radio, og udvælge, hvilke typer.,, prioritet - anvendes til at angive den rækkefølge, hvori en fastsættelse af vises.lavere tal svarer til tidligere henrettelse, og miljøer med samme prioritet gennemføres i den rækkefølge, i hvilken de blev tilføjet,, og fjerne en kontrol, bare gør som følger: $wp_customize - > get_control (id) $wp_customize - > remove_control ("id"); //ex: værdien af at denne kontrol kan få $wp_customize - > get_control ('blogdescription') - > value(); //- websted er beskrivelse.,,, idéer:, komponenter er genstande, som arbejder under klasser.så vi kan udvide disse klasser eller vælge at ændre dem på vores egen måde.ved misligholdelse, wordpress også har nogle ekstra komponenter, at på denne måde.jeg vil gå gennem dem senere i dele af denne serie.,, konklusion i denne serie, jeg skal vise hver enkelt bestanddel sammen med dets eksempler i aktion.men det er svært at forklare det hele grundigt på grund af den strenge forbindelse af komponenter.så jeg besluttede at vise den nødvendige oplysninger for hver komponent, så giv eksempler på aktioner senere, i den næste del.håber det ikke få dig til at føle dig kedelig.igen, jeg ser frem til at høre deres kommentarer, og alle feedback er meget værdsat.tak for det!,

digging-into-theme-customizer-part-2-components-1



Previous:
Next Page: