, header.php - hvad skal gå i, og hvad der ikke,,,,, andel,,,,,,,, 37,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, i denne forelæsning, lad os tale om det, header. folkesundhedsprogrammet, er en vigtig sag, for wordpress tema.jeg vil vise dig en dejlig headerfilen eksempel og give råd om, hvad der skal gå i, og hvad betyder ikke,,, trin 1: indledning, den første ting, du skal vide om, header.php, filen er din funktion. men vi har mere end et logo og menu i denne sag, at vi desuden har den, hoved - og masser af andre mærker, som:, link, manuskript, meta - og titel. jeg har skrevet et eksempel, header.php, fil, jeg har prøvet at skabe en fil, så udtømmende som muligt, men de er fri til at kommentere denne forelæsning giver tips om den fil,., husk på, at din mission er det indhold, der er angivet på alle sider af din hjemmeside.for eksempel, logo og menu er vist på alle sider, så...begge vil blive føjet til, header. php, hvis et element er vist kun om en bestemt side, du har brug for at tænke, hvis dette element må være inde i dit hoved. lad os arbejde, og jeg håber, at du kan lide det.,, trin 2: den endelige kode, her kan du få den sidste kode til brug i temaet.læs andre skridt til at vide præcis, hvad hver linje. det første pasta disse linjer på toppen af din, functions.php, fil: (husk, at du er nødt til at ændre de veje til din css og javascript filer), definerer ("theme_dir", get_template_directory_uri()) /* - - - fjern generator meta - - - - - * /remove_action ('wp_head "," wp_generator); //enqueue styles funktion enqueue_styles() {/* * register css /screen.css * * /wp_register_style (skærm stil, theme_dir. "/css_path /skærm. css, array() "1", "alle"); wp_enqueue_style (skærm stil)} add_action ('wp_enqueue_scripts "," enqueue_styles); //enqueue manuskripter funktion enqueue_scripts() {/* * register html5 - * * /wp_register_script (' html5 - "," http: //html5shim. googlecode. kom /svn /bagagerum /html5. js, system ('jquery ")," 1 "falsk); wp_enqueue_script (' html5 shim) /* * register html5 otherscript.js * * /wp_register_script (" skik på hende, theme_dir. "/js_path /customscript. js, system ('jquery ")," 1 "falsk); wp_enqueue_script (" skik script)} add_action (' wp_enqueue_scripts "," enqueue_scripts), nu ind i din, header.php, tilføje disse linjer: (husk, at du er nødt til at ændre de veje din css og javascript filer), <!doctype html > <!- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/- > <!- hvis det er [7] > < http: //klasse = "ikke er ie6 klassiker" <?folkesundhedsprogrammet aspektet language_attributes();?> > <![endif] - > <!- hvis er 7] > < http: //klasse = "ikke er ie7 klassiker" <?folkesundhedsprogrammet aspektet language_attributes();?> > <![endif] - > <!- hvis er 8] > < http: //klasse = "ikke er ie8 klassiker" <?folkesundhedsprogrammet aspektet language_attributes();?> > <![endif] - > <!- hvis gt, dvs. 8] > <!- > < html <?folkesundhedsprogrammet aspektet language_attributes();?> > <!- <![endif] - > < head > <!- - = = = = = = meta - tags... > < meta - http equiv = "x-ua-compatible" indhold = "ie = kant, krom = 1 > < meta - charset =" <?folkesundhedsprogrammet aspektet bloginfo ('charset)?> "/> < meta - navn =" beskrivelse "indhold =" hjælp "> < meta - navn =" forfatter "indhold =" navn "> < meta - navn =" viewport "indhold =" bredde = anordning bredde, oprindelige omfang = 1 maksimale omfang = 1 > <!- - = = = = = = - link mærkater > < forbindelse rel = "genvej ikon" href = "<?php echo theme_dir;?> /vej /favicon. ico "/> < forbindelse rel =" alternativ "type =" anvendelse /rss + xml - "afsnit =" <?folkesundhedsprogrammet aspektet bloginfo ('name)?> rss2 foder "href =" <?folkesundhedsprogrammet aspektet bloginfo ('rss2_url)?> "/> < forbindelse rel =" pingback "href =" <?folkesundhedsprogrammet aspektet bloginfo ('pingback_url)?> "/> <!- - = = = = = = afsnit - > < afsnit > <?folkesundhedsprogrammet aspektet wp_title();?> - <?folkesundhedsprogrammet aspektet bloginfo (navn).> < /afsnit > <!- - = = = = = = - wp_head() > <?folkesundhedsprogrammet aspektet wp_head();?> < /head > < krop <?folkesundhedsprogrammet aspektet body_class();?> > <!- her er dit hoved - - som logo, menu, sociale ikoner og mere... > <!- glem ikke tæt på kroppen mærker på footer.php fil - > en overskrift "skal" have nogle ting, denne model, jeg har lavet, er følgende (om de næste skridt, jeg vil tale om hver):,, doctypes, hypoteser til ie8, 7, 6, 12, for at sikre, at temaet er gjort ordentligt, favicon, rss og pingback, titel, efter officiel wordpress retningslinjer, tilsætning af manuskripter og styles, wp_enqueue_script, og wp_enqueue_style, funktioner, optimeret med anvendelse af konstanter og fjerne meta - generator - at bistå med sikkerhed, ren og kommenterede kode, de foranstaltninger, der under vil tale om den kode, der er anvendt og du vil lære at bruge den.,, trin 2: den, functions.php, fil, lad os begynde med at tale om det, functions.php, fil, tilføjede vi disse linjer i than fil:, definere ("theme_dir", get_template_directory_uri()) /* - - - fjern generator meta - - * /remove_action ('wp_head "," wp_generator); //enqueue styles funktion enqueue_styles() {/* * register css /screen.cs * * /wp_register_style (skærm stil, theme_dir. "/css_path /skærm. css, array() "1", "alle"); wp_enqueue_style (skærm stil)} add_action ('wp_enqueue_scripts "," enqueue_styles); //enqueue manuskripter funktion enqueue_scripts() {/* * register html5 - * * /wp_register_script (' html5 - "," http: //html5shim. googlecode. kom /svn /bagagerum /html5. js, system ('jquery ")," 1 "falsk); wp_enqueue_script (' html5 shim) /* * register html5 otherscript.js * * /wp_register_script (" skik på hende, theme_dir. "/js_path /customscript. js, system ('jquery ")," 1 "falsk); wp_enqueue_script (" skik script)} add_action (' wp_enqueue_scripts "," enqueue_scripts), første linje, det skaber en konstant, theme_dir, at butikkerne skabelonen fortegnelse, skaber vi konstant for at optimere tema, hvis man ser på, header.php, fil, vi har brug for registret et par gange, og vi bruger det, functions.php, fil også at trykke tema vej.hvis vi kalder det, get_template_directory_uri(), al den tid, vi skaber anmodninger.at skabe en konstant og med det, vi sparer server behandling, fordi vi kalder funktion., * - - - fjern generator meta - - * /remove_action ('wp_head "," wp_generator '); denne grænse fjerner meta - generator mærke, for dette mærke, viser, at alle de wordpress version installeret.denne type oplysninger kan tillade, at en indtrænger ved insekterne af din version og udnytte dem. at tilføje din css, //enqueue styles funktion enqueue_styles() {/* * register css /screen.cs * * /wp_register_style (skærm stil, theme_dir. "/css_path /skærm. css, array() "1", "alle"); wp_enqueue_style (skærm stil)} add_action ('wp_enqueue_scripts "," enqueue_styles), her har vi skabt en funktion til at tilføje det, link, mærkater, header. folkesundhedsprogrammet.den officielle wordpress retningslinjer, sige, at det er bedre at tilføje styles (css) og manuskripter (er) er med, wp_enqueue_script, og wp_enqueue_style, funktioner.du kan lære mere om det i artiklen, at omfatte javascript og css i din wordpress temaer og plugins. først, skaber vi en funktion, enqueue_styles, og så ringer vi til det, add_action, funktion, det siger, at wordpress, at det må kalde vores funktion, når den wp_enqueue_scripts' tilfælde udløses, der sker noget i vores opfordring til, wp_head() i, header. php,!i vores funktion har vi følgende linjer: /* * register css /screen.cs * * /wp_register_style (skærm stil, theme_dir. "/css_path /skærm. css, array() "1", "alle"); wp_enqueue_style (skærm stil "), første, registrerer vi vores stylesheet og så tilføje det til wordpress" kø. bruger vi den funktion, wp_register_style, til at registrere en stil, denne funktion kræver følgende:,, param:, et navn, som du kan vælge, noget, mystyle,, mediaqueries,,,,,,,, param: sagen vej, bemærke, at vi bruger den, theme_dir, konstant her.,, param:, her du type afhængighed, navn - filer, der skal lastes, før sagen.,, param: den udgave,.,, param:, medier attribut til forbindelsen,.,, og så kalder vi det, wp_enqueue_style, funktion, og vi går som en parameter, navnet på vores stil, der vil blive tilføjet, at tilføje mere stil. din file, overlapper de to linjer og ændre navn, registre og andre parametre, at tilføje de manuskripter, nu vil vi se den funktion, der giver vores manuskript. //enqueue manuskripter funktion enqueue_scripts() {/* * register html5 - * * /wp_register_script ('html5 - "," http: //////////////html5shim. googlecode. kom /svn /bagagerum /html5. js, system (' jquery ")," 1 "falsk); wp_enqueue_script ('html5 shim) /* * register html5 otherscript.js * * /wp_register_script (" skik på hende, theme_dir. "/js_path /customscript. js, system ('jquery ")," 1 "falsk); wp_enqueue_script (" skik script)} add_action (' wp_enqueue_scripts "," enqueue_scripts "), er processen de samme, men forskellen er, at vi her anvende andre funktioner at tilføje manuskripter. at tilføje manuskripter, vi bruger, wp_register_script, og wp_enqueue_script, funktioner.det, wp_register_script, funktion kræver følgende:,, param:, et navn, som du kan vælge noget, som jquery, dojo osv.), param:, filkatalog, bemærke, at vi bruger den, theme_dir, konstant her.,, param:, her du type afhængighed navnet på manuskriptet filer, der skal lastes, før sagen.,, param: den udgave,.,, param:, her du sige, hvis det manuskript vil blive tilføjet i, wp_head() (normalt i overskriften. php,) eller, wp_footer() (normalt i meter. folkesundhedsprogrammet,) funktion kræver.hvis du går forkert, det vil blive indlæst på, wp_head(),.hvis du går, vil blive indlæst på, wp_footer(), og så kalder vi det, wp_enqueue_script, funktion, og vi går som en parameter, navnet på vores manuskript, der vil blive tilføjet, at tilføje mere manuskripter til din fil, overlapper de to linjer og ændre navnene, registre og andre parametre.,, trin 3: den, header.php, først vil jeg nævne her forbindelserne til biblioteker, som du kan bruge på denne model, jeg bruger allerede jquery og html5 shim i denne model, men du kan tilføje andre,.,, jquery – bibliotek at tilføje god virkninger til temaet, jeg tror, du har sikkert allerede ved det bibliotek, og det er faktisk allerede medtaget i wordpress ved misligholdelse, modernizr – dette bibliotek tillader, at du ved præcis de elementer, støttet af brugerens, makker.wser, html5 - – dette bibliotek tillader browsere, der ikke har lokalt støtte til html5 - begynde at støtte det, respond.js – tillader browsere, der ikke har lokalt støtte til css3 medier forespørgsler, til at støtte det, du kan downloade disse biblioteker og ajourføring af veje i din, header.php, fil. doctype, i denne model, vi bruger bare misligholdelse html5 doctype:, <!doctype html >,, < html > et <!- hvis det er [7] > < http: //klasse = "ikke er ie6 klassiker" <?folkesundhedsprogrammet aspektet language_attributes();?> > <![endif] - > <!- hvis er 7] > < http: //klasse = "ikke er ie7 klassiker" <?folkesundhedsprogrammet aspektet language_attributes();?> > <![endif] - > <!- hvis er 8] > < http: //klasse = "ikke er ie8 klassiker" <?folkesundhedsprogrammet aspektet language_attributes();?> > <![endif] - > <!- hvis gt, dvs. 8] > <!- > < http: //klasse = "er" <?folkesundhedsprogrammet aspektet language_attributes();?> > <!- <![endif] - > i denne del, jeg har brugt et par er hypoteser, at tilføje en klasse i henhold til den version eller ikke tilføje noget, hvis de ikke er 8 - eller lavere (firefox, ie9, krom og andre). det er virkelig nyttige, fordi de kan skabe en regel i din css fil at påvirke en genstand, hvis den er, dvs. 7 browser gør følgende: /* kører på alle browsere * /&#mymenu (bredde: 400px;} /* kun kører på ie7 * /. ie7&#mymenu (bredde: 200px;}, men de kan også skabe en separat css fil og knytte den indenfor de hypoteser, område, vi taler om det i nedenstående punkter.det er dit valg, < meta - >, mærkater, meta - plader er meget vigtige, fordi de går over visse oplysninger til - for at sikre en korrekt gengivelse af temaet. < meta - http equiv = "x-ua-compatible" indhold = "ie = kant, krom = 1 > denne grænse sikrer, at browsere vil ikke bruge, særheder tilstand, meget nyttigt, fordi det gør tilstand kan bryde layout. < meta - charset =" <?folkesundhedsprogrammet aspektet bloginfo ('charset)?> "/> denne linje viser, charset, browser, undgå ukendte tegn!, < meta - navn = "beskrivelse" indhold = "hjælp" > < meta - navn = "forfatter" indhold = "navn" >, grundlæggende meta - mærker, der kan hjælpe, seo, af temaet.kan du tilføje nøgleord, der beskriver deres websted og type dit navn eller virksomhedens navn. < meta - navn = "viewport" indhold = "bredde = anordning bredde, oprindelige omfang = 1, maksimale omfang = 1 > denne brik, fjerner /nulstiller enhver misligholdelse, zoom af en mobil enhed som ipad og iphone, meget nyttigt, hvis du arbejder på en imødekommende layout,.,, < forbindelse >, mærkater, < forbindelse rel =" genvej ikon "href =" <?php echo theme_dir;?> /vej /favicon. ico "/> det er en, favicon, til din side, som giver en mere professionel røre din hjemmeside. < forbindelse rel =" alternativ "type =" anvendelse /rss + xml - "afsnit =" <?folkesundhedsprogrammet aspektet bloginfo ('name)?> rss2 foder "href =" <?folkesundhedsprogrammet aspektet bloginfo ('rss2_url)?> "/> et link til rss foder af din hjemmeside. < forbindelse rel =" pingback "href =" <?folkesundhedsprogrammet aspektet bloginfo ('pingback_url)?> "/> et link til pingback url af din hjemmeside.,, < afsnit > et < afsnit > <?folkesundhedsprogrammet aspektet wp_title();?> - <?folkesundhedsprogrammet aspektet bloginfo (navn).> < /afsnit > titlen mærke, er meget vigtig, fordi den erstatter den misligholdelse, titel og er nyttigt at forbedre din rang i søgemaskiner.,, wp_head(), <?folkesundhedsprogrammet aspektet wp_head();?>, dette er en meget vigtig funktion, må du kalde denne funktion.gennem denne funktion, wordpress tilføjer kode fra plugins, andre javascript biblioteker, og meget mere.,, konklusioner, og det er gjort!jeg håber virkelig, at du nød godt af denne artikel og ikke føle sig fri til at udtale sig om den model, og giv din kode snippet for at forbedre det.,,,
Computer læring 