wordpress CSS, laden op de juiste manier CSS wordpress,,,,,,,,,, 60, 17 - eenheid,,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,, geen CSS, je stijl je pagina 's zeer beperkte mogelijkheden.Zonder de juiste integratie van de CSS wordpress, kun je voor je betreft de gebruiker betreft vormen uiterst moeilijk. , in deze handleiding, zullen we zien of het de juiste manier CSS wordpress, wordpress is, de meest populaire systeem voor het beheer van de inhoud, het heeft tientallen miljoenen gebruikers.Dit is de reden waarom, met het oog op een succesvolle betreft, zijn wij van mening dat nodig voor elke één wordpress gebruikers, dat door middel van dit boek in de CSS dossier en we in onze betreft juist de verkeerde manier, en in de afgelopen jaren wordpress CSS belasting, is de code wordpress zodat het meer en meer flexibiliteit. En er in de richting van de CSS en javascript.We houden nog steeds van de slechte gewoonte voor een tijdje, maar.Het begrip wordpress CSS en javascript team, we blijven om deze code toe te voegen aan onze header.php documenten:,,,, < link rel = "stijl href = <"?PHP get_stylesheet_uri (ECHO);?"> >,,... Of we worden de volgende documenten van de code in de functions.php, denken we, dat is beter:,, <?PHP add_stylesheet_to_head (functie) (ECHO "< link href =" http://fonts.googleapis.com/css?De familie = open + geen rel = - ='stylesheet "in" > "; /CSS) add_action (" wp_head "," add_stylesheet_to_head ");?>,, in de genoemde zaak, niet bepaald wordpress CSS dossier laden of niet.Dit is een vreselijke vergissing. , als een plug - in dezelfde CSS dossier, als de CSS dossier is opgenomen in de pagina 's niet kan controleren.Dan plug - in - een keer dezelfde documenten, die herhaaldelijk code.,, gelukkig, wordpress had dat probleem zou gemakkelijk kunnen worden opgelost: de registratie en de stijl van het team. En op de juiste manier in je CSS belasting, zoals wij al eerder hebben gezegd, is de laatste jaren gegroeid. We moeten veel, De wereld wil in elke wordpress gebruiker. , naast hun, we moeten ook rekening houden met de duizenden wordpress plug - ins.Maar laat dat je grote digitale bang is voor ons goed: je CSS wordpress zeer nuttige functie. , kijken we naar een geregistreerde CSS dossier,,,,, als je aan het laden van de CSS, moet je eerst registreren, wp_register_style (). Functie:,, <?PHP wp_register_style (verwerking, $src, DEP, verapamil, $media);?>,,, ik regel (touw, nodig is, je stijl unieke naam.Andere functies zullen gebruik maken van deze "verwerking" zal drukken. Tabel,,,, ", (touw, moet) verwijst naar de CSS URL 's.Je kunt gebruik maken van de mogelijkheden, get_template_directory_uri () en de toegang tot de catalogus van de documenten in de stijl van de thema 's.Niet te hard, code!,, $DEP, (installatie, facultatief) in verband met het beheer van de naam van de stijl.Als een andere stijl bestand van jouw stijl niet werkt, gebruik van deze parameters om de "vertrouwen".,, E (touw, of niet, is de versie van de facultatieve).Als je wilt, kan je met je thematische versie, of verzin een.Als je het niet wilt gebruiken, een versie, zet het leeg is.Het in gebreke blijven van de valse,,, wordpress aan hun eigen versie van de media, en $(touw, facultatief) is de CSS - media "op het scherm" of "met een" of "druk".Als je niet weet hoe je moet dit gebruiken, gebruik het niet.De standaard is "alle".,,, hier is een voorbeeld van wp_register_style (). Functie:,, <?PHP /wp_register_style () gevallen van wp_register_style ('my-bootstrap-extension ", met de naam ///////get_template_directory_uri (").Mijn gids /CSS /uitbreiding. CSS, //- URL (bootstrap belangrijkste), afhankelijk van de stijl van de'1.2 /////////- ///////'screen versie van ", de CSS - media);?> de wijze van registratie, en is een "facultatieve" wordpress.Als je niet denkt dat je stijl is gebruik te maken van een plug - in - of je niet van plan om het gebruik van een code voor het laden, nogmaals, je kan het niet de stijl van de registratie.Zie hoe het is om onder de CSS dossier.,, in het team, na de registratie, de stijl van onze dossiers, en we moeten in de rij staan "klaar om te laden in onze thema 's, < hoofd >,. , dat wij dat doen, wp_enqueue_style (). Functie:,, <?PHP wp_enqueue_style (verwerking, $src, DEP, verapamil, $media);?>,, parameters, wp_register_style (), die dezelfde functie hebben, dus hoef ze niet te herhalen. ,, maar we zeggen, wp_register_style (), de functie niet verplicht is, moet ik je vertellen dat je kan gebruiken, wp_enqueue_style (), op twee verschillende manieren:,, <?PHP /als we van de wijze van registratie: wp_enqueue_style (ik zelf een uitbreiding "); ///////registratie als niet, we moeten een parameter dollar".Wp_enqueue_style ('my-bootstrap-extension ", get_template_directory_uri (").Mijn gids /CSS /uitbreiding van de CSS - bootstrap. De belangrijkste), lucht /gevallen zonder versie...///////- type); de media... Niet?>,, weet je, als een plug - ins moet vinden van jouw stijl of ben je van plan om in de verschillende delen van de belasting op de thema 's van je, je moet registreren.,, manier van laden in onze website, kunnen we niet alleen het gebruik van wp_enqueue_style (), en De functie van de plaats waar de thema' s in onze - we moeten het gebruik van "actie".We kunnen er drie acties, met verschillende doeleinden:,,, wp_enqueue_scripts op onze website, de voorkant van het script en de stijl van het laden, admin_enqueue_scripts, geladen en op de website van het script - panel, in je login_enqueue_scripts,,, op de pagina 's script en stijl,,, hier is het drie. Voorbeelden van acties:,, <?PHP /belasting van de voorkant van de website van de functie van de CSS mytheme_enqueue_style () {wp_enqueue_style ("mytheme stijl", get_stylesheet_uri (})); add_action ("wp_enqueue_scripts", "mytheme_enqueue_style"); ///////- pagina 's in functie van het laden van mytheme_enqueue_options_style () {wp_enqueue_style ("stijl, get_template_directory_uri (")./CSS /beheerder. De CSS ");} add_action (" admin_enqueue_scripts "," mytheme_enqueue_options_style "); ///////- functie - naar die pagina mytheme_enqueue_login_style () {wp_enqueue_style (" stijl, get_template_directory_uri (")./CSS /geregistreerd. De CSS ");} add_action (" login_enqueue_scripts "," mytheme_enqueue_login_style ");?>,, hebben een belangrijke beslissing genomen: "laat wordpress, wp_enqueue_scripts () (),, nee, wp_print_styles,!"Het vertelt je een wordpress v3.3 waarschijnlijk fout.,, een extra functies, een nuttige functie in wordpress over de CSS: ze laten drukken we in stijl, controleren we de regeling van de dossiers van de stijl van onze stijl dossier staat, toevoeging van metagegevens, en afschrijving van, laten , stijl. Kijk, de toevoeging van dynamische in stijl,.:,, wp_add_inline_style (), als je het onderwerp heeft gekozen thema 's vormen, kan je het in stijl te drukken, wp_add_inline_style (). Functie:,, <?PHP mytheme_custom_styles (functie) {wp_enqueue_style ("aangepaste stijl", get_template_directory_uri (")./CSS /aangepaste stijl. CSS "); bold_headlines dollar = get_theme_mod (titel lettertype gewicht"); ///////- laten we zeggen het is de waarde "dapper" = "custom_inline_style dollar. Titel {worden".Bold_headlines dollar. ";) "; wp_add_inline_style (" aangepaste stijl ", custom_inline_style dollar);} add_action (" wp_enqueue_scripts "," mytheme_custom_styles ");?>,, snel en gemakkelijk.Onthoud: je moet met dezelfde naam als je wilt toevoegen in de vorm van de tabel in stijl, controleer de stijl. En de regeling staat, wp_style_is () en, in bepaalde omstandigheden, moeten we misschien een stijl van de staat: het is geregistreerd, dit is het team, is de gedrukte of wachten op te drukken?Je kan bepalen, wp_style_is (). Functie:,, <?PHP /* * wp_style_is (verwerking, $staat); * $aan stylesheet stylesheet * $de naam van het land: "geregistreerd", "in de rij", "doen" of "to_do".Standaard: "in de rij" (*) ////////wp_style_is () () {als voorbeeld bootstrap_styles (wp_style_is (bootstrap belangrijkste) {///////leidt betreft als die al in de rij wp_enqueue_style (mijn gewoonte om thema 's "," http://url.of/the/custom-theme.css ");}} add_action (" wp_enqueue_scripts "," bootstrap_styles ");?>,, het toevoegen van de metagegevens de CSS:,, wp_style_add_data (), hier is een vreselijke functie, wp_style_add_data (metagegevens) toe te voegen, zodat je met jouw stijl, met inbegrip van voorwaardelijke opmerkingen, RTL en voor meer. , kijk:,,, <?PHP /* * * * * * * ($dollar wp_style_add_data handvat, de sleutel van de waarde van de dollar); * * * * * * * de waarde van de dollar de sleutel en mogelijke waarden: * * * * * * * "toestand", d.w.z. 6 en 7) opmerkingen, ie lte * RTL booleaanse
- op de juiste manier
Previous:Van junior, Senior