, gør det selv - wordpress ramme 2. del: oprettelse af temaet,,,,, andel,,,,,,,, 9,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss. denne post er en del af en række ringede til gør det selv - tema framework.diy wordpress tema ramme, del 1: definition af din needsdiy wordpress rammer del 3: anvendelse af den ramme, som et barn tema, sidste gang, jeg forlod dig, vi havde set på nogle principper for udformning, undersøgt andre rammer, og kom til den uundgåelige konklusion, at vi kunne bygge vores egne.i denne forelæsning, vi kommer til at dække de skridt, tog jeg til at skabe, hvad jeg kaldte min wordpress boilerplate, lidt nærmere på css, functions.php og udvælge skabelon sider.,,, er det vigtigt at holde sig for øje i udvikling, er, at vi ønsker at bevare denne generelle nok, at vi sagtens kan vedtage det /bygger på det i fremtidige temaer, og jeg gjorde det også et personligt mit mål at gøre dette godt nok til at stå sammen, som det barebones tema.lad os huske på, at vi skal gå fremad.,, temaet er css, den første ting, vi skal gøre, er at arrangere css.der er to vigtigste komponenter til css i min wordpress boilerplate: style.css, der er nødvendige, og de /css /folder, som omfatter alle css for rammerne.i style.css finder du to sektioner: tema definition og opfordringerne til at min rigtige ccs.hele style.css fil ser sådan ud: /* tema navn: wordpress 3,0 kedel tallerken tema uri: http://casabona.org/beskrivelse: en kedel tallerken tema til wp 30.nu mere html5!version: 1,5 forfatter: joe casabona forfatter uri: http://www.casabona.org * /@ import url ("css /nulstillet. css"); @ import url ("css /mester. css"); @ import url ("css /ie.css"), efter at temaet definition, kan du se tre @ import, linjer.det er, når alle de tunge løft for css går.reset.css er naturligvis css nulstillet.jeg har for nylig ændret dette til brug normalize.css for et par grunde.den første grund er, at i stedet for at nulstille alt for en misligholdelse, unformatted stil, skaber den stil, at du ville forvente af en misligholdelse browser.for eksempel, i en standard nulstille < stærk >, ikke længere er fed type.i normalize.css, det er.den anden grund er, at det er standard styles for html5 elementer, som er nødvendige for ældre - browsere, som ikke støtter den nye.,, note:, bruger jeg html5 under dette tema.det arbejder i firefox, krom, safari, og ie7-9. efter reset.css kaldes, ringer jeg til min store stylesheet, master.css (navngivning konventioner tak til dan cederholm af simplebits).det er sagens kerne!alle i min post - default styles bliver her.jeg vil ikke pasta alle css her, men jeg har medtaget de filer du mening.for at skabe css, jeg holdt i tankerne, styles, der normalt bliver det samme for mig fra sted til sted, ting som bredden af den samlede container, min navigation styles, hvordan jeg arrangere mit gruppemøde osv. jeg er også generelt anvende polstringsmaterialer /margener i multipla af 15 til punkt og en liste over de elementer, jeg har nogle grundlæggende definitioner for dem, også. jeg også omfatte misligholdelse styles for nogle fælles wordpress klasser, herunder dem, der fremkommer ved wordpress redaktør.de er:,. navigation. post. postmetadata, ol.commentlist, ol.commentlist li, ol.commentlist li. vcard, ol.commentlist li. vcard img, form&#commentform, form&#commentform p etiket, form&#commentform input, form&#commentform textarea, form&#commentform textarea, form&#commentform bidrag [type = "stille"], img.centered,. alignright,. alignleft,. aligncenter, div.aligncenter,. wp legende,. wp legende img,. wp legende p.wp-caption-text,. det sidste, jeg er i master.css er en klasse, der vil gøre divs "self - clearing." det er, det vil fjerne behovet for, clearfix,. div (igen, tak til dan cederholm for denne). /* selv klare flyder * /. gruppe: efter (indhold: "." display: blok. højde: 0; klart: begge visibil): skjult.}, efter master.css hedder, jeg kalder i det sidste stykke af vores puslespil, ie.css.det er, hvor alle er fastsat, vil gå.lige nu, det er bare et fix til. men heller ikke dér er menneskene sikre gruppe og et fix.husk på, at import for er meget vigtigt her, da nogle ting kan blive tilsidesat, og at ændre rækkefølgen, kan ødelægge den stil, vi har defineret, funktioner. folkesundhedsprogrammet, er lige så vigtig som css ting er functions.php fil.det er, hvor vi vil tilføje nogle generelle funktioner, vi planlægger at bruge hele temaet, samt definitioner for sidebars, menuer, og flere vil komme.jeg starte med to linjer:, definere ('temppath, get_bloginfo ('stylesheet_directory')); at definere ("billeder", temppath. "/billeder "), er disse to konstanter, jeg bruger hyppigt i hele temaet.den første er en skabelon er vej. det er godt, henvises til temaspecifikke filer.jeg brugte "stylesheet_directory" i stedet for "template_directory", for hvis vi bruger det som en forælder tema (tutor snart), template_directory ville tage den forkerte vej, nemlig den her i stedet for barnets vej).anden linje, rent faktisk anvender temppath at skabe en vej til /images /fortegnelse, som vi også meget ofte, uanset om det er inden for dette tema eller barn temaer. efter disse to linjer, tilføjer jeg, støtte til dynamisk menuer og 2 widgetized sidebars. den ene er den første aftale, og en er en 2. "hvis" gruppemøde.generelt vil jeg bruge det i mit emne er fod.endelig har jeg skabt to andre funktioner, som jeg fandt jeg brugte regelmæssigt:, funktion print_post_nav() {?> < div klasse = "navigations - gruppe" > < div klasse = "alignleft" > <?folkesundhedsprogrammet aspektet next_posts_link ('« næste')?> < /div > < div klasse = "alignright" > <?folkesundhedsprogrammet aspektet previous_posts_link ('previous »)?> < /div > < /div > <?php} funktion print_not_found() {?> < h3 klasse = "centret" > ingen stillinger.prøv en anden?< /h3 > <?folkesundhedsprogrammet aspektet get_search_form();?> <?php}, den første fingeraftryk post er navigations - og bør anvendes uden for processen.det betyder, at vi kan bruge den på en side, der indeholder en liste over stillinger (indeks, eftersøgnings - og sædvane efter type model).den anden funktion skaber "stillinger ikke fundet" område, som jeg brugte næsten hver skabelon side. der er naturligvis ingen grænse for, hvor mange funktioner, du skaber.det var dem, jeg bruger ofte.,, model sider, den næste er modellen sider.vi vil se på den 4. særlige sider: header.php, footer.php, single.php, og page.php.de andre er i bund og grund derivater af side eller fælles modeller, header & fod under hele vores header.php fil:, <!doctype html > < http: //xmlns = "http://www.w3.org/1999/xhtml" dir = "sine" lang = "en os" > < head > < afsnit > <?folkesundhedsprogrammet aspektet bloginfo ('name)?>