, lastning css i wordpress på den rigtige måde,,,,, 60,,,,,,,, 17,,,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' ikke glip af, uden at css, du har meget begrænsede muligheder for at sætte dit web - sider.og uden en ordentlig css optagelse i wordpress, kan du gøre det overordentligt svært for din tema er brugerne til at skræddersy temaet er på vej.  , i denne forelæsning, er vi nødt til at se på den rigtige måde at enqueue css i wordpress.,, wordpress er i øjeblikket den mest populære content management system i verden og det har millioner af brugere.det er derfor, for at opnå en vellykket tema, vi har brug for at tænke, som hver enkelt wordpress bruger og forsøge at gå efter bogen og læs vores css filer i vores temaer ordentligt.,, på den forkerte måde at lade css i wordpress, i de år, wordpress er vokset en kode for at gøre det mere og mere fleksible, og enqueueing css og javascript var et skridt i den retning.vores dårlige vaner, forblev i et stykke tid.med at vide, at wordpress indført css og javascript enqueueing, vi fortsatte med at tilføje denne kodeks i vores, header.php, filer:,, < forbindelse rel = "stylesheet" href = "<?php echo get_stylesheet_uri();?> ">,,, - - eller vi tilføjede koden ned i vores functions.php, filer, og tænkte, at det var bedre:,, <?php funktion add_stylesheet_to_head() (echo "< forbindelse href = http://fonts.googleapis.com/css?familie = åbne + sans "rel ='stylesheet type ='text /css" > "} add_action ('wp_head", "add_stylesheet_to_head)?>, i de tilfælde, wordpress kan ikke afgøre, hvorvidt css filer er lastet i side eller ej.det ville være en forfærdelig fejltagelse! , hvis et stik af anvender samme css - sagen, ville det ikke være i stand til at kontrollere, om css - sagen er allerede blevet opført på den side.så stik af belastninger samme sag for anden gang, hvilket resulterede i to eksemplarer kode. heldigvis wordpress er en nem løsning på de problemer, som denne: at registrere og enqueueing stylesheets.,, på den rigtige måde at lade css i wordpress, som vi sagde tidligere, wordpress har udviklet sig meget gennem årene, og vi skal overveje hver enkelt wordpress bruger i verden.  , foruden dem, må vi også tage hensyn til tusindvis af wordpress plugins.men lad ikke disse store tal skræmme dig: wordpress har ret nyttige funktioner for os til at laste css styles i wordpress.  , lad os se., at css filer,, hvis du er kommer til at indlæse css stylesheets, du bør registrere dem med, wp_register_style(), funktion:,, <?folkesundhedsprogrammet aspektet wp_register_style ($klare, $src, $dep, $over $medier).>,,, $klare (snor, krævede) er unikt navn til din stylesheet.andre funktioner vil bruge denne "klare" til enqueue og skriv dit stylesheet. $src, snor, krævede) henviser til url af stylesheet.du kan bruge funktioner, get_template_directory_uri(), for at få den stil filer i din tema er fortegnelse.lad være med at tænke på hårde kodning., $dep (array, valgfrit) behandler navne for afhængige styles.hvis din stylesheet dur ikke, hvis en anden stil fil er forsvundet, brug denne parameter til at fastsætte "områder"., $ver (snor eller boolean, frivilligt) er de samme nummer.du kan bruge din tema er versionsnummer eller udgør et, hvis du vil.hvis du ikke vil bruge et versionsnummer, sæt den til, nul.den misligholdelse, falske, hvilket gør wordpress tilføje sin egen version.,, $medier (snor, frivilligt) er   css medier typer som "screening" eller "håndholdt" eller "tryk".hvis du ikke er sikker på, at du er nødt til at bruge den, skal du ikke bruge det.det misligholder sine forpligtelser, at "alle".,,, her er et eksempel på, wp_register_style(), funktion:,, <?php //wp_register_style() eksempel wp_register_style ('my-bootstrap-extension, //klare navn get_template_directory_uri(). "/css /min bootstrap udvidelse. css, //url af stylesheet system ("bootstrap vigtigste) //en række afhængige styles'1.2, //versionsnummer'screen, //css medier type).>,, registrering af stilarter, er det "valgfri" i wordpress.hvis du ikke tror på din stil skal anvendes ved stik af, eller også er du ikke skal bruge en kode til at laste det igen, du er fri til at enqueue stil uden at registrere det.se, hvordan det gøres under.,, enqueueing css filer, efter registrering af vores stil fil, vi er nødt til at "enqueue" den for at gøre den klar til last i vores tema er, < head >, pkt.  , vi gør det her med, wp_enqueue_style() funktion:,,, <?folkesundhedsprogrammet aspektet wp_enqueue_style ($klare, $src, $dep, $over $medier).>,, parametrene er præcis det samme med, wp_register_style(), funktion, så ingen grund til at gentage dem.  , men som vi sagde, wp_register_style(), funktion ikke er obligatorisk, bør jeg fortælle dig, at du kan bruge, wp_enqueue_style(), på to forskellige måder:,, <?php //hvis registrerede vi stil før. wp_enqueue_style ("min bootstrap udvidelse"); //, hvis vi ikke over det, vi har til at fastsætte de $src parameter.wp_enqueue_style ('my-bootstrap-extension, get_template_directory_uri(). "/css /min bootstrap udvidelse. css, system ("bootstrap vigtigste), nul, //eksempel nr. versionsnummer.//. og ingen css medier type).>,, huske på, at hvis et stik af bliver nødt til at finde din stylesheet eller har til hensigt at lade den i forskellige dele i deres spørgsmål, bør du helt sikkert over det første.,, lastning stilen i vores websted, kan vi ikke bare bruge, wp_enqueue_style(), funktion overalt i vores tema – vi skal bruge "foranstaltninger".der er tre foranstaltninger, som vi kan bruge til forskellige formål:,,, wp_enqueue_scripts, for lastning af manuskripter og stilarter på forenden af vores websted,,, admin_enqueue_scripts, for lastning af manuskripter og styles i sider af vor administration panel,,, login_enqueue_scripts, for lastning af manuskripter og styles i wordpress indlogningsside.,,, er eksempler på disse tre foranstaltninger:,, <?php //belastning css i websted er undtaget funktion mytheme_enqueue_style() {wp_enqueue_style ('mytheme stil, get_stylesheet_uri())} add_action (' wp_enqueue_scripts "," mytheme_enqueue_style); //belastning css i administrationen mytheme_enqueue_options_style() {wp_enqueue_style sider funktion ('mytheme muligheder stil, get_template_directory_uri(). "/css /admin. css)} add_action ('admin_enqueue_scripts "," mytheme_enqueue_options_style); //belastning css i indlogningsside funktion mytheme_enqueue_login_style() {wp_enqueue_style (' mytheme muligheder stil, get_template_directory_uri(). "/css /login css)} add_action ('login_enqueue_scripts "," mytheme_enqueue_login_style)?>,, der er en vigtig meddelelse i wordpress: "brug, wp_enqueue_scripts(), ikke, wp_print_styles(),!"det fortæller du om en eventuel uforenelighed fejl med wordpress v3.3., og nogle ekstra funktioner, er der nogle meget nyttige funktioner på css i wordpress: de giver os mulighed for at trykke inline - styles, tjek enqueue tilstand af vores stil filer, og der tilsættes meta - data til vores stil filer og afregistreres styles.  , - er se.,, at dynamiske inline - styles, wp_add_inline_style(), hvis dit tema har muligheder for at vælge style i emnet, kan du bruge inline - at trykke dem med, wp_add_inline_style(), funktion:,, <?php funktion mytheme_custom_styles() {wp_enqueue_style ("skik stil, get_template_directory_uri()."/css /skik stil. css) $bold_headlines = get_theme_mod ("den skrifttype vægt '); //- lad os sige dens værdi er" fed "$custom_inline_style =. overskrift (font vægt:".bold_headlines dollars. ";); wp_add_inline_style ("skik stil, $custom_inline_style)} add_action ('wp_enqueue_scripts", "mytheme_custom_styles)?>,, hurtigt og nemt.husk: du er nødt til at bruge de samme hadle navn med stylesheet, du vil tilføje, i overensstemmelse med stil.,, kontrol af enqueue stat af stylesheet:, wp_style_is(), i nogle tilfælde, vi har brug for oplysninger om en stil er statens er registreret, er det enqueued, er det trykte eller venter. at være trykt?du kan bestemme det med, wp_style_is(), funktion:,, <?php /* * wp_style_is ($klare, $stat); * $klare - navnet på den stylesheet * $stat - stat af stylesheet: ", der er registreret i", "enqueued", "gjort" eller "to_do".standard: "enqueued" ///wp_style_is() eksempel funktion bootstrap_styles() (hvis (wp_style_is ("bootstrap vigtigste") (//enqueue den bootstrap tema, hvis bootstrap allerede er enqueued wp_enqueue_style ("min skik bootstrap temahttp://url.of/the/custom-theme.css)}} add_action ('wp_enqueue_scripts", "bootstrap_styles)?>,, at meta - data til stylesheet:, wp_style_add_data(), her er en fantastisk funktion, wp_style_add_data(), som giver dem mulighed for at tilføje meta - data til din stil, herunder betingede bemærkninger, rtl støtte og mere! , check det ud:,, <?php /* * wp_style_add_data ($klare, $nøgle, $værdi); * mulige værdier for $centrale og $værdi: * "betinget" snor bemærkninger til er 6, lte - dvs. 7. * '' bool