, skabe pålidelige wordpress meta - kasser: forenden,,,,, 51,,,,,,,,, 16,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss. denne post er en del af en serie kaldet at skabe pålidelige wordpress meta - kasser. at skabe pålidelige wordpress meta - æsker: layoutcreating pålidelige wordpress meta - kasser: gør front, denne serie er fokuseret på lossepladser og strategier, som vi kan bruge til at skrive wordpress plugins - især dem, der beskæftiger meta - - det er logisk tilrettelagt kasser og let at vedligeholde., i de to første poster i rækken, som vi fastlagde det oprindelige fortegnelse struktur, der er oprettet i koden for stik af, og drøftede det stik af vil gøre.i den sidste post, begyndte vi at skabe meta - kasse og indføre de tabletter, der indeholder alle de elementer, som vi skal til at arbejde, vil denne artikel fortsat bygge på det, vi har gjort hidtil.vi skal indføre indhold i hver af de tekniske vurderingsorganer, gennemførelse af funktioner, der giver os mulighed for at aktivere sagde indhold, og vi begynder at indføre inden for indhold på de første tab, tab skabeloner, inden vi går over til gennemførelse af den kontrol, som vil aktivere mellem alle de kunne muligheder, vi er nødt til at indføre fragmenter, skabeloner, synspunkter, eller hvad du vil kalde dem, således at vi har sager, specielt for håndtering af vores oplysninger, først, sejle til, administration /synspunkter /fragmenter, registre og tilføje følgende filer (som kan være tomt, for nu har jeg givet nogle grundlæggende kode nedenfor):,,, udkast. folkesundhedsprogrammet, ressourcer. folkesundhedsprogrammet, offentliggjort. php,,, og hver af disse filer, svarer til en af de tekniske vurderingsorganer i meta - kasser grænseflade.lad os gå videre og indføre en indikation af en art indholdet for hvert af de tekniske vurderingsorganer.før vi er færdige med den artikel, vi skal gennemføre eu - erhvervsgrenen af de første tab, men det vil give os noget visuelt at arbejde med, før vi fortsætte arbejdet med de faktiske tab funktioner.,, 1.udkast, tilsættes følgende kode til udkast. php,.,, <?php /* * * giver de udkast, for den tilsvarende tab i post - meta - æske.* * @ forbindelse http://code.tutsplus.com/tutorials/creating-maintainable-wordpress-meta-boxes-the-front-end--cms-22383 * @ siden 0.3.0 * * @ pakke authors_commentary * @ subpackage authors_commentary /admin /delvise * /?> < div klasse = "i" > < p > dette er, hvor udkastet til indhold vil opholde sig. < /p > < /div >,, vi tager et kig på denne delvise senere i denne artikel. 2.ressourcer, tilføje følgende kode til ressourcer. php,.,, <?php /* * * indeholder de ressourcer, for den tilsvarende tab i post - meta - æske.* * @ forbindelse http://code.tutsplus.com/tutorials/creating-maintainable-wordpress-meta-boxes-the-front-end--cms-22383 * @ siden 0.3.0 * * @ pakke authors_commentary * @ subpackage authors_commentary /admin /delvise * /?> < div klasse = "i" > < p > dette er, hvor ressourcerne indhold vil opholde sig. < /p > < /div >,, vi tager et kig på denne delvise senere i serien.,, 3.offentliggjort, tilføje følgende kode, offentliggjort. php,.,, <?php /* * * er offentliggjort, for den tilsvarende tab i post - meta - æske.* * @ forbindelse http://code.tutsplus.com/tutorials/creating-maintainable-wordpress-meta-boxes-the-front-end--cms-22383 * @ siden 0.3.0 * * @ pakke authors_commentary * @ subpackage authors_commentary /admin /delvise * /?> < div klasse = "i" > < p > det er, hvor de offentliggjorte indhold vil opholde sig. < /p > < /div >, vil vi også tage et kig på denne delvise senere i serien. ajourføring af de vigtigste mening, vi har endnu en ting at gøre, før vi tester det på wordpress instrumentbræt: vi er nødt til at medtage disse filer i meta - box holdning, så vi kan se de oplysninger,.,, det er enkelt at gøre.det første åbne, forfattere, i navigation. folkesundhedsprogrammet.der tilføjes følgende kode til fil (bemærk, at alle nye kodeks er en række, include_once, udtalelser).,, < div id = "forfattere kommentarer navigation" > < h2 klasse = "nav regning indpakning nuværende" > < en klasse = "nav regning nav regning aktive" href = "javascript:" > udkast til < /a > < en klasse = "nav regning" href = "javascript:" > ressourcer < /a > < en klasse = "nav regning" href = "javascript:" > offentliggjort < /a > < /h2 > <?folkesundhedsprogrammet aspektet include_once ("delvise /udkast. php '); include_once (" delvise /ressourcer. på "); include_once (" delvise /offentliggjort. folkesundhedsprogrammet)?> < /div >,, under forudsætning af, at de skabte alle dine filer og medtaget dem korrekt, vi er klar til at tage et kig på instrumentbrættet.hvis alle er blevet gennemført korrekt, skulle du se sådan her:,,,,, helt klart, at vi ikke vil have hele indholdet viser sig i de første tab, så vi er nødt til at lave nogle ændringer.så lad os gøre det.,, skjule inaktivere synspunkter, i sidste ende er det vores mål at anvende som indbygget styles og funktioner, der wordpress giver.hver gang du indføre noget, som er uden for kernen wordpress funktionalitet, der er noget, du vil have ansvaret for, at der med tiden.,, på toppen af, at du er også arbejder for at skabe et stik af, der er så tæt integreret med wordpress eu - erhvervsgrenen som muligt.det, vi skal bruge en kombination af indbyggede styles og skik stilarter og javascript for at opnå præcis, hvad det er, at vi håber at opnå, ved vi, at det første, vi ønsker at gøre, er at skjule alt, undtagen det første synspunkt (dvs. i alt undtagen  , udkast,  ). og for at gøre dette skal vi tilføje en klasse, en skjult, at den delvise for  , ressourcer, tab og til  , offentliggjort, tab.,, hver af følgende filer skal se sådan ud:,,, udkast. folkesundhedsprogrammet, er:,, <?php /* * * giver de udkast, for den tilsvarende tab i post - meta - æske.* * @ forbindelse http://code.tutsplus.com/tutorials/creating-maintainable-wordpress-meta-boxes-the-front-end--cms-22383 * @ siden 0.3.0 * * @ pakke authors_commentary * @ subpackage authors_commentary /admin /delvise * /?> < div klasse = "i" > < p > dette er, hvor udkastet til indhold vil opholde sig. < /p > < /div >,,, ressourcer. folkesundhedsprogrammet, er:,, <?php /* * * indeholder de ressourcer, for den tilsvarende tab i post - meta - æske.* * @ forbindelse http://code.tutsplus.com/tutorials/creating-maintainable-wordpress-meta-boxes-the-front-end--cms-22383 * @ siden 0.3.0 * * @ pakke authors_commentary * @ subpackage authors_commentary /admin /delvise * /?> < div klasse = "i skjulte" > < p > dette er, hvor ressourcerne indhold vil opholde sig. < /p > < /div >,,, offentliggjort. folkesundhedsprogrammet, er:,, <?php /* * * er offentliggjort, for den tilsvarende tab i post - meta - æske.* * @ forbindelse http://code.tutsplus.com/tutorials/creating-maintainable-wordpress-meta-boxes-the-front-end--cms-22383 * @ siden 0.3.0 * * @ pakke authors_commentary * @ subpackage authors_commentary /admin /delvise * /?> < div klasse = "i skjulte" > < p > det er, hvor de offentliggjorte indhold vil opholde sig. < /p > < /div >,, og resultatet af denne lille ændring bør være følgende:,,,,, let, ikke?det er præcis derfor, jeg anbefaler, at de centrale wordpress funktionalitet og stil så meget som muligt, toggling de tekniske vurderingsorganer, naturligvis har vi stadig brug for at indføre en kodeks for toggling data mellem de tekniske vurderingsorganer, ikke?så lad os gøre det nu. vi er nødt til at sikre, at de første tab er mærket som aktive.hvis du har fulgt med denne forelæsning, og dens tilsvarende github register, så er din kode skal se sådan ud:,, < h2 klasse = "nav regning indpakning nuværende" > < en klasse = "nav regning nav regning aktive" href = "javascript:" > udkast til < /a > < en klasse = "nav regning" href = "javascript:" > ressourcer < /a > < en klasse = "nav regning" href = "javascript:" > offentliggjort < /a > < /h2 >,, som er god, fordi den er allerede din første regning som aktive med at bruge, nav regning aktive, klasse attribut.vi har vores arbejde skåret ud for os:,, når brugeren klik på et teknisk vurderingsorgan, markerer det nuværende tab som aktive og fjerner de aktive klasse fra andre mærker.hvis du klikker på en aktiv regning, sker der intet. når en ny aktiv regning er udvalgt, så de tilsvarende delvis bør vise.,,, der er en række måder at udføre trin to.vi gør det på en måde, der er dokumenteret og forklaret i løbet af denne artikel, men ved, at der  , er andre alternativer, som du får at se, og at de ikke nødvendigvis er forkert.,, pointen er at der er en række måder at klare det, vi gør, en af de mange muligheder, der er til rådighed, så lad os tilføje en javascript fil, administration /aktiver /er, og vi vil kalde, øje. js,.skelet til sagen skal se ud:,, (funktion ($) {'strenge'; $(function() (})}) (jquery), næste, sørg for, at vi importerer javascript på post - sider.for at gøre dette skal vi indføre en krog i vores konstruktør, hvor vi allerede har medtaget nogle stylesheets.den fulde konstruktøren er følgende:,, <?php /* * * nulstille klasse og dens egenskaber.* * @ siden 0.1.0 * @ var snor $navn hedder denne stik af.* @ var snor $version den udgave af dette stik af.* /offentlige funktion __construct ($navn, $udgave) ($- > navn = $navn; $- > version = $udgave. $- > meta_box = nye authors_commentary_meta_box(); add_action ('admin_enqueue_scripts, system ($, enqueue_admin_styles')); add_action (' admin_enqueue_scripts, system ($, enqueue_admin_scripts')), og så skal vi gennemføre funktion:,, <?php /* * * omfatter javascript nødvendigt at kontrollere toggling af de tekniske vurderingsorganer i * meta - kasse, der er repretented af denne klasse.* * @ siden 0.2.0 * /offentlige funktion enqueue_admin_scripts() (hvis ("post" = = = get_current_screen() - > id) (wp_enqueue_script ($- > navn. "- øje, plugins_url (forfattere, i /admin /aktiver /er /øje. j 'er "), system (' jquery), $- > udgave)), og på dette punkt har vi alt, hvad vi har brug for til at gennemføre den javascript til kontrol af de tekniske vurderingsorganer.nedenfor finder du kommenterede kode for og en kort forklaring efter kode snippet såvel:,, (funktion ($) {'strenge'; $(function() (//tag posen for sejlads øje var navtabs = $('# forfattere kommentarer navigation). børn (. nav regning papir), tabindex = ugyldig; /*, når hver af navigations - tabletter er trykket, til at tjekke, om det er nav regning aktive' * klasse navn.hvis ikke, så mærke det som aktive; ellers ikke gør noget (som det allerede er * mærket som aktiv.* * næste, når en ny regning er mærket som aktive, de tilsvarende barn synspunkt skal være markeret med *, som er synlige.det gør vi ved at toggling "skjulte" klasse attribut i tilsvarende variabler.* /navtabs. children(). hver (function() {$(dette). ("klik" funktion (evt) (evt. preventdefault(); //, hvis dette tab ikke er aktiv.hvis (!$(det). hasclass (nav regning aktive ')) (//unmark løbende tab og mark den nye som aktive $(. nav regning aktive). removeclass (nav regning aktive) $(det). addclass (nav regning aktive) //- indekset for de tab, der lige er blevet mærket som aktiv.det vil være 0 - 3.tabindex = $(det). index(); //skjule den gamle aktive indhold $('# forfattere kommentarer navigation). børn (div. ikke, stk. inside.hidden)'). addclass ("skjulte"); $('# forfattere kommentarer navigation). børn (div: n - barn (+ (tabindex) + «)'). addclass ("skjulte"); //og vise den nye indhold $('# forfattere kommentarer navigation). børn (div: n - barn (+ (tabindex + 2 +)'). removeclass ("skjulte")})))))))) (jquery), og, i tilfælde af, at den kode bemærkninger er ikke klar, ovennævnte kode aftalt en begivenhed kontaktperson for alle de tekniske vurderingsorganer.når en regning er trykket, det ser ud til, at se, om det er det, nav regning aktive, klasse.hvis det var, så sker der ikke noget, vi ellers greb regningen og skjule det indhold, der  , var aktive og vise den nye indhold ved at fjerne den skjulte klasse navn, som vi tiisatte tidligere i denne artikel, ved nu, skal du være i stand til at skifte mellem de tekniske vurderingsorganer og hver af de tre forskellige implementeringer uden problemer.når det er sagt, lad os gå videre og videre til gennemførelse af de funktioner for de første tab.  ,, at tilføje, udarbejder eu - erhvervsgrenen,, men vi vil ikke gennemføre det fulde funktionalitet i denne forelæsning, får vi vores arbejde skåret ud for os i den følgende artikel.lad os antage, at i forbindelse med denne stik af,  , udkast,   - vil være et sted, hvor brugeren blot behandler det som en skramme pad for idéer. det kan indeholde links til artikler, forbindelser til tweets, korte noter om den oversigt, et par sætninger, og så videre.generelt er det tjener som et opsamlingshovedafsnit "for alle de genstande, som spørgeren kan være med i hans eller hendes post. med henblik herpå skal vi bruge en enkelt, fælles, textarea,.vi ønsker ikke at indføre flere elementer end eu - erhvervsgrenen er nødvendige, så vi vil  , ikke være at forelægge knap.vi vil redde de data, når brugeren klik "update" på post - redaktør.,, at alt er sparet på samme tid, igen, vil vi ikke komme til validering, sanitization, og serialization proces, men vi vil fremlægge en tekst område inden for  ,,, udkast, delvis for at få os i et godt sted til opfølgning af artikel.,, åben, udkast. php, tilsættes følgende kode, og deres endelige kode skal se sådan ud:,, <?php /* * * giver de udkast, for den tilsvarende tab i post - meta - æske.* * @ forbindelse http://code.tutsplus.com/tutorials/creating-maintainable-wordpress-meta-boxes-the-front-end--cms-22383 * @ siden 0.3.0 * * @ pakke authors_commentary * @ subpackage authors_commentary /admin /delvise * /?> < div klasse = "i" > < textarea id = "forfattere kommentarer udkast" > < /textarea > < /div >, efter at ajourføre, admin.css, fil at sørge for, textarea, krampeanfald godt med resten af meta - box:,,&#forfattere kommentarer udkast (bredde: 100%, højde: 250px;}, når nu du se meta - æske, du skulle se det format, textarea,   med meta - æske med øje at fungere, når sammen.,, næste gang -,, i den næste artikel, vil vi fortsætte med at gennemføre brugergrænseflade for hver af de tekniske vurderingsorganer, der findes i meta - æske.  , så vi kan indlede processen med at sanitization, serialization og validering, som vi rent faktisk redde oplysninger, at brugeren sætter i meta - æske.   vil vi også move fremad med at indføre yderligere områder i stik af.  , indtil da, se lige den github   register   (vi er nu op til 0.3.0 af stik af), og jeg beder dem   at efterlade alle bemærkninger og spørgsmål i foder under, og jeg vil op så hurtigt som muligt.