istandsættelse af wordpress rammer del 3: anvendelse af den ramme, som et barn tema

, gør det selv - wordpress rammer del 3: anvendelse af den ramme, som et barn tema,,,,, andel,,,,,,,, 6,,,,,,, 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 rammer del 2: at skabe themediy wordpress rammer del 4: ved hjælp af den ramme, som er en kedel, plader, i den sidste del af denne serie, skabte vi vores tema ramme, som svarer til en enkelt boilerplate, hvis vi tilføjede nogle funktioner, som vi normalt bruger.der er to måder, vi kan bruge vores ramme. som barn tema, og som en sand boilerplate, at vi bare kopiere og klipper.i dag skal vi bruge vores rammer som et barn tema.,,, jeg har lavet en forelæsning om at skabe et enkelt barn tema, men det er en smule anderledes denne gang, fordi vi ikke har en fuldt udviklet tema at arbejde med.vi har kun et minimum, for så vidt angår styles og funktionalitet.så med det i tankerne, lad os komme videre.,, note:, så denne forelæsning ikke bliver alt for længe, kan jeg gå ud fra, på punkter, som du er bekendt med bygning barn temaer for wordpress.,, begyndt, er det første, vi skal gøre, er at skabe den mappe i vores /themes /register.jeg har ringet til min wp boilerplate barn (meget kreative, jeg ved, du kan dit navn).som altid, vi skal til at begynde med vores style.css fil, og temaet definition: /* tema navn: ramme barn tema url: http: //example.com/beskrivelse: barn tema for deres rammer tema. forfatter: dit navn forfatter url: http: //your-site.com/model: wp boilerplate version: 1, 0 * /husk, at med barn temaer, vi har brug for den ekstra budgetpost til at definere, hvilke adresseregister værter modervirksomheden tema.når det er fastslået, wordpress ved hvor få forældre tema filer fra.det næste, vi skal gøre, er at indføre landestøttestrategien fra vores ramme:, @ import url (".. /wp boilerplate /stil. css"); det er et nødvendigt skridt, hvis du ikke vil starte fra bunden, da dette vil træde i stedet for landestøttestrategien fra den oprindelige tema.også huske på, at dette vil blive indlæst efter alle landestøttestrategien fra vores tema er ladt, herunder ie.css. nu, hvis du vil huske vores rammer uden nogen ændringer, ser sådan ud:,,, det uændrede boilerplate tema, noget at huske på her, er, at da det er vores ramme, vi er meget mere bekendt med det end med andre rammer, vi har bygget til vores egne personlige koder styles.det virker måske svarende til det andet barn tema tutorielle jeg gjorde en stor forskel er, at de oprindelige tema er vores egen ramme, der er bygget til eget behov. vi er nødt til at tilføje nogle stil til det, begyndende med en base ccs.tilføje disse linier til dit barn tema er css: organ {baggrund:�.}, en: besøgte (farve:&#a2a085; tekst): ingen;}&#container (baggrund:&#ffffff;}, det indeholder nogle forberedelser til omdannelse af vores tema, som finder sted især i ccs.vi har ændret nogle misligholdelser i kroppen, sammenhæng og beholder farver.nu skal vi gøre vores hoved lidt mere tiltrækkende, header (skriftstørrelse: 1.4em; baggrund:&#d1cfb5;} header h1 (polstring: 10px;} header h1, overskrift: besøgte (farve:𑀔b;} nav (baggrund:&#aba0b6; skriftstørrelsen: 1.5em; polstring. 3px; grænseoverskridende nederst: 1px fastÝf49; grænseoverskridende top: 1px fastÝf49;} nav, nav a: besøgte (farve:Ýf49;} nav a: den (farve:c4b55;}, til vores base, styles, vi har simpelt overskrevet hovedet og nav stilarter inden for disse rammer. jeg har også gået videre og tilføjede visse andre former for vores barn, tema, som er opført med denne forelæsning, hvis du ønsker at tage et kig.vi endte, var denne:,,, vores barn tema med stil, så lad os se på at skabe en ny indretning - model, som vi vil bruge strengt i vores barn tema., at tilføje en skik side model, de fleste af vores tema er allerede ordnet takket være vores ramme, men det betyder ikke, at vi ikke kan gøre det.i det næste afsnit vil vi skabe en skik hjemmeside med side skabeloner og en lille funktion magi.lad os skabe en ny side, page-home.php, og tilføje dette:, <?php /* * model navn: * /get_header();?> <?folkesundhedsprogrammet (have_posts()): mens (have_posts()): the_post();?> < h2 > <?folkesundhedsprogrammet aspektet the_title();?> < /h2 > <?folkesundhedsprogrammet aspektet the_content (< p - klassen = "serif" > læse resten af denne side » < /p > ").> <?folkesundhedsprogrammet aspektet om.function_exists ('dynamic_sidebar')



Previous:
Next Page: