, skabe pålidelige wordpress meta - kasser: opstilling,,,,, 54,,,,,,,,, 8,,,,,,, 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 - boxescreating pålidelige wordpress meta - kasser: forenden i denne serie, vi går igennem, hvordan man kan skabe pålidelige wordpress meta - kasser.det er, at vi ser på en bedste praksis, at vi kan anvende i vores wordpress udvikling for at sikre, at vi skriver kode, der er bevarelse af os   eller, som vores team, som den fortsat udvikler sig over tid. i den første post, så vi på den første fortegnelse struktur og fælde de grundlæggende kode der er nødvendige for at få en stik af løbe i wordpress.i denne post, skal vi fortsætte planlægningen og opbygge vores stik af.  , vil vi også tale om de beslutninger, som vi gør, når det gælder om at adskille dele af vores kodeks, og hvordan det faktorer i vedligehold.,, planlægning, forfatterens bemærkninger, i den tidligere post, begyndte vi at arbejde på et stik af ringede  , forfatternes kommentarer.idéen er, at det vil gøre det muligt for post - stik af forfatterne til at lade forskellige bemærkninger og aktiver, der er forbundet med den post, der blev anvendt enten som inspiration, som tanker  , efter post blev skrevet, og modtog, og andre lignende oplysninger.,, når du skriver et brev, lad os sige, at vi vil fange tre specifikke oplysninger:,, bemærker, der anvendes ved udarbejdelsen af post, aktiver og ressourcer, der anvendes i den post, beskeder og links til kommentarer og feedback fra offentliggørelsen, til at gøre det klart, at vi vil have en måde at opretholde de noter, som gik ud på at skabe den post, inden det blev skrevet, links til forskellige aktiver - det ydre genstande, billeder, video, kode prøver osv. - og så fører en liste over tweets, forbindelser til bemærkninger.og forskellige stumper af e - mails, vi har modtaget, og på dette punkt har vi nok til at gå for at påbegynde forberedelsen af den meta - kassen og tabbed opstilling for det.,, meta - box tekniske vurderingsorganer, før vi begynder at skrive en kode, vi kalder de tekniske vurderingsorganer, der vil være forbundet med hver af staterne i vores post som anført ovenfor.det vil hjælpe os begrebsmæssigt organisere vores input elementer, så de er logisk grupperet sammen.,,, du kan sætte navn på disse noget du vil have, - - men hvis du følger med denne forelæsning, og forudsat kildekode, så er det, hvad du kan forvente at se.,, det første tab vil blive kaldt   udkast til,  , som den vil indeholde alle de pointer, punktum, og bemærker, at der ved udarbejdelsen af den post. det andet tab vil blive kaldt  , ressourcer, som den vil indeholde oplysninger om andre stillinger, forbindelser, videoer osv. det kan vi henvise til, at vi i vores post, eller kan integrere i vores post. det endelige tab vil blive kaldt  , offentliggjort  , da det vil indeholde links til bemærkninger, inden for e - mail, og andre oplysninger, som alle er relevantet til post, efter at den er blevet offentliggjort, let nok, ikke?vi vil tale mere om input elementer for hver regning, når vi kommer til det punkt i den kode, men nu er vi nødt til at fokusere på at skabe meta - kasse og gennemførelse af de tekniske vurderingsorganer.,, at meta - kasse, for at skabe en meta - kasse, vi kan drage fordel af den, add_meta_box, fungere som dokumenteret i wordpress codex.   til at gøre det, vi vil indføre en ny klasse, ajourføring af stik af er bootstrap fil, og at indføre nogle synspunkter, der vil blive anvendt til at gøre - i browseren.,, meta - box klasse, med henblik på at sikre, at vores regler er godt sammenfattet, og at hver klasse repræsenterer en enkelt idé, vil vi skabe en, authors_commentary_meta_box, klasse.denne klasse vil være ansvarlig for at registrere en krog med, add_meta_box, handling, oprettelse af meta - box, og at dens indhold, for dem, der ikke bruger til at skrive plugins i en samt måde med wordpress, denne fremgangsmåde gør det muligt for os at segment vores ansvarsområder, f.eks. en meta - kasse - og en enkelt gruppe, der repræsenterer alle, der går ind i at skabe en.,, til at gøre dette, skaber, class-authors-commentary-meta-box.php i administrationen af registret.næste, tilføje følgende kode:,, <?php /* * * repræsenterer forfatternes kommentarer meta - æske.* * @ forbindelse http://code.tutsplus.com/tutorials/creating-maintainable-wordpress-meta-boxes-the-layout--cms-22208 * @ siden 0.2.0 * * @ pakke author_commentary * @ subpackage author_commentary /admin. //* * * repræsenterer forfatternes kommentarer meta - æske.* * registre meta - æske med wordpress api, fastsætter dets egenskaber og gør indholdet * af, herunder tillægget fra tilknyttede synspunkt.* * @ pakke author_commentary * @ subpackage author_commentary /admin * @ forfatter tom mcfarlin < tom @ tommcfarlin. kom > * /klasse authors_commentary_meta_box {/* * * registrering af denne klasse med wordpress api - * * @ siden 0.2.0 * /offentlige funktion __construct() {add_action ('add_meta_boxes, system ($denne "add_meta_box')} /* * * den funktion, ansvarlig for at skabe den faktiske meta - æske.* * @ siden 0.2.0 * /offentlige funktion add_meta_box() {add_meta_box ('authors-commentary "," "kommentarer" system ($, display_meta_box "),'post,'normal,'default)} /* * * gør indholdet af meta - æske.* * @ siden 0.2.0 * /offentlige funktion display_meta_box() {}}, bemærkninger og indholdet af klasse vil gøre det relativt let at forstå.det betyder tre ting, men for at være klar, konstruktøren registre, add_meta_box, fungere med de tilsvarende wordpress handling.,, add_meta_box, funktion, definerer egenskaberne af de meta - æske.,, display_meta_box, funktion, gør ikke noget endnu. - vi arbejder på det, før vi et øjeblik. fart på, der er et par ændringer, som vi er nødt til at indføre til resten af stik af.,,, er vi nødt til at inddrage denne nye fil i stik af er bootstrap fil.i, forfatternes kommentarer. php,, tilføjes følgende linje kode end de nuværende, require_once, erklæring: /* * * den klasse, der repræsenterer den meta - boks, der vil dispaly sejlads tabs - og hver af de * områder for meta - æske.* /require_once plugin_dir_path (__file__).admin /klasse forfattere kommentarer meta - æske. php;,, vi tilføjer denne linje frem for den første kode, fordi den første kode afhænger af dette særlige dokument til at løbe, og det har derfor være ladt.,, vi er nødt til at indføre en ny ejendom i side af, administration /class-authors-commentary.php, det vedrører et tilfælde af meta - box: /* * * en henvisning til meta - æske.* * @ siden 0.2.0 * @ adgang til private * @ var authors_commentary_meta_box $meta_box en henvisning til meta - kasse for stik af.* /private $meta_box;,, endelig er vi nødt til at instantiate koden i konstruktøren af klasse:,, /* * * 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();}, på dette tidspunkt, skal du være i stand til at aktivere stik af, sejle til en post - side, og ser en tom meta - box:,,,,, noget spændende, men vi har  , hvad vi har brug for til at begynde at indføre vores tabbed navigation, tilføjelse af tekniske vurderingsorganer, på dette punkt, og vi er klar til at indføre tabbed navigation del af meta - æske.i sidste ende er det vores mål at indføre tillægget og former for tab i denne stilling, og så gennemføre den opførsel, en elementer i den næste stilling i den serie.,, når det er sagt, lad os først skabe et, synspunkter, subdirectory i, administration, fortegnelse.teknisk set er vi   gjorde det i den foregående artikel, men vi havde ikke indholdet i registret, så det var ikke undersøgt kilde kontrol (hvilket registret ikke blev tilføjet - - så hvis du følger med register, nu er det tid til at oprette registret).,, skabe en fil i synspunkter fortegnelse, forfattere, i navigation. folkesundhedsprogrammet.denne sag vil primært tjene som tillæg, men det vil være en lille smule af folkesundhedsprogrammet med den tid, vi gør med dette stik af.,, tilføje følgende kode filen.vi vil drøfte det mere indgående, efter at den blok af kode:,, < 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 > < /div >,, når det er klaret, indsættes efter kode i authors_commentary_meta_box, tilføje følgende kode til at indføre dette stykke markup:,, <?php /* * * gør indholdet af meta - æske.* * @ siden 0.2.0 * /offentlige funktion display_meta_box() {include_once (synspunkter /forfattere kommentarer navigation. folkesundhedsprogrammet)}, bortset fra det, okay, beholder, som vi har bemærket følgende:,, vi har pakket ind i en 3 ankre, h2, element.  , h2, element indeholder klasse attributter for, nav regning - papir, og aktuelle.dette giver os mulighed for at arve styles direkte fra wordpress uden noget på vores side. hver anker har, nav regning, klasse, hvoraf den første er den, nav regning aktive, klasse.det giver os lidt på vej, som vi arvede fra wordpress. hver anker har også, href, attribut, javascript:;, fordi de ankre ikke faktisk vil føre os nogen steder.i stedet i en fremtidig forelæsning, vi vil bruge javascript til kontrol af de tekniske vurderingsorganer og indhold, som vises i hver enkelt.,, på dette punkt, så skulle du se følgende:,,,,, bemærker, at alle de former, der er anvendt til de tekniske vurderingsorganer har givet wordpress.det eneste, du vil måske justere er den margen, der findes mellem de tekniske vurderingsorganer og den vandrette linje under dem.  , lad os gøre det nu.,, herunder en stylesheet, i, administration, fortegnelse, tilføje en anden subdirectory ringede, aktiver, og i det register, kaldet  , css,.næste,   skabe en tom fil, admin. css,.,,, efter at indeholde følgende linjer i landestøttestrategien fil:,, a.nav-tab {margen nederst: - 4px;}, så sørg for at omfatte følgende til producenten af klasse forfattere kommentarer. folkesundhedsprogrammet,,, add_action: ('admin_enqueue_scripts, system ($, enqueue_admin_styles')); og endelig tilføje følgende fungerer - det er ansvarlig for enqueuing den faktiske stylesheet: /* * * enqueues alle filer, specielt til instrumentbrættet.* * @ siden 0.2.0 * /offentlige funktion enqueue_admin_styles() {wp_enqueue_style ($- > navn. "- administration, plugins_url (forfattere, i /admin /aktiver /css /admin. css), falske $- > udgave)}, på dette tidspunkt, bør se meget renere:,,,,, med det arbejde, vi har gennemført alt det, vi har brug for at gøre for det grundlæggende fundament for sejlads øje for vores meta - æske.,, forbereder sig på at komme videre, i den næste artikel, skal vi indføre indholdet for hvert tab, og vi kommer til at arbejde med javascript er det nødvendigt at aktivere de tekniske vurderingsorganer, og hver enkelt af deres indhold, for dem, der har mere erfaring med wordpress denne række af artikler kan føle det bevæger sig i et langsommere tempo, men pointen er, at vi ser ud til at være så udtømmende som muligt, når det drejer sig om ikke blot at bygge vores brugergrænseflade, -t også i at forklare baggrunden for hver af vores beslutninger, i mellemtiden, glem ikke at se kildekode på github, følg med, og at efterlade nogen spørgsmål eller kommentarer i foder, nedenfor.