javascript en CSS - thema 's en javascript en CSS, hoe je die in de thema' s en « wordpress,,,,,,,,,, 19, 25,,,,,,,, de delen van het netwerk, maandag wat in tuts + - programma zal worden beperkt tot slechts 3 dollar.Niet' niet missen.,, weet dat op passende wijze, met inbegrip van javascript en CSS in je wordpress betreft en de dossiers, het ontwerp en de ontwikkeling van personeel is zeer belangrijk.Als je niet aan te dringen op de beste praktijken, riskeer je dan een andere thema 's en plug - in strijd met de risico' s, en er kunnen creëren dat gemakkelijk kan worden vermeden.Het doel van dit document is voor het goede en anderen verwezen.,,, de beste praktijken, zodat iedereen blij, als je een van de thema 's of in ontwikkeling, of in een andere te creëren, kan je met de verschillende methoden, met inbegrip van javascript en CSS.Hoewel er verschillende methoden kunnen optreden in een bepaalde omgeving werken, is een van de voornaamste methoden in de wordpress Codex aanbevolen.Deze prioriteit zal ervoor zorgen dat uw betreft of van de « plug­in », in alle gevallen, in de veronderstelling dat een andere code op de juiste wijze wat de code zegt dat dit een misverstand, ik zal helpen verduidelijken.,, wat zit er in de doos?Als je de keuze van het downloaden van gemeenschappelijke javascript wordpress, al zijn opgenomen in de ontwikkeling, gebruik je javascript.De lijst met inbegrip van de bibliotheek kan in de Codex wp_enqueue_script wordpress gevonden, artikelen, alle bibliotheken zijn opgenomen, maar alleen de laden wordpress nodig, alleen als het nodig is voor het beheer.Als je schrijft javascript, met een bibliotheek wordpress script nodig, wat heb je nodig in de schatkist van de eerste lading.,, over je script wordpress en wat het nodig heeft, sommige dingen wil je code als javascript wordpress is er een, met inbegrip van de bibliotheek, ik kan gebruiken?Ik kan met die versie?Moet ik op de voorkant en backstage - mijn script?De pagina 's te laden, en het beheer van mijn script?Een antwoord op deze vragen kan helpen, je weet wat je moet doen voor de registratie en de belasting van je script.Dit is door het gebruik van een van uw functie, wp_register_script,, dit is afhankelijk van het gebruik, wp_register_script wordpress Codex: ($aan $, src, de verwaterde winst per aandeel, terwijl de in_footer dollar); deze variabelen, dan moeten we ze elke keer?Dit is ter dekking van de kosten in de Codex pagina 's, zodat ik het kan eenvoudig gebruik eenvoudige taal), de dollar - aan, gebruik je het script waar je naar moet worden, moet je het met deze variabelen, ten minste, de weg ", – als bron van documenten in de « plug­in » of Het thema van de installatie met inbegrip van de dollar, die een andere behandeling – dat script nodig, die, afhankelijk van de dollar - script versie), versie kan worden gebruikt voor zijn verwijderd.Bij verstek, wordpress gebruiken hun versie nummers voor je script, in_footer dollar, - wil je je script geladen in de meter?Dit is een echt vals.Bij verstek is vals, dus het is in de eerste plaats de belasting, wp_head (), aangewezen, als je echt, het zal de plaats van lading, wp_footer (), die op de thema 's en schoon zijn. "Wat is dat?Weet je nog, de browser script en de stijl van het downloaden van een tabel is gebaseerd op scenario 's en stylesheet URL specifieke websites.Als je de URL veranderen, al was het alleen maar door de toevoeging van de vraag wat de browser wordt ervan uitgegaan dat dit is, een nieuw document, het downloaden, en, laten we proberen een paar voorbeelden, hier is de belasting op het script van de meest fundamentele een voorbeeld functie wptuts_scripts_basic () {///////registratie van scenario 's, zoals een plug - in wp_register_script (": pas het script, plugins_url (///pas het script. Js, __file__)) //////////////; registratie van scenario' s, zoals een betreft: wp_register_script (Pas het script, get_template_directory_uri (").///- vaststelling van SCRIPT. J 's "); ///////een plug - in - of betreft, kan dan worden het script: wp_enqueue_script (pas het script");} add_action ("wp_enqueue_scripts", "wptuts_scripts_basic"); in de eerste plaats, we het script, Registratie, dan weet je waar we het over hebben.Als we de weg van de javascript gevonden in het dossier op verschillende manieren onze code of « plug­in » of thema 's, dus ik kan met inbegrip van de bovenstaande voorbeelden.En dan gaan we in de rij aan worden toegevoegd: //europa.eu.int /comm /waren ontstaan, bij verstek, < hoofd >,,, wp_head ('), is een van de voorbeelden van de thema' s van onze produktie:, = < script "tekst /javascript" src = "http://yourdomain.com/wp-content/plugins/yourplugin/js/custom-script.js?Version = 3.3.1 "> < /scripts >, nu, als je het script is afhankelijk van een bibliotheek met inbegrip van wordpress, zoals dit, kan je de code van een zeer eenvoudige wijzigingen, wptuts_scripts_with_jquery () {///////« plug­in »: geregistreerde script wp_register_script (Pas het script", plugins_url (////pas het script. Js, __file__), - (:)) //////////////; registratie van scenario 's, zoals een betreft: wp_register_script (pas het script, get_template_directory_uri (").///- js, pas het script. (:)); ///////een plug - in - of betreft, kan dan worden het script: wp_enqueue_script (pas het script ");} add_action (" wp_enqueue_scripts "," wptuts_scripts_with_jquery ");,,, noot bij verstek, dit is een bibliotheek met het voorkomen van conflicten en andere (indien het prototype).Dat een deel van de Codex als je niet weet hoe om te gaan met de,,, gezien wat ik deed?Je moet gewoon nog een behandeling met dit als een afhankelijkheid).Hier is het gebruik van een serie, omdat je het script kan meerdere verslavingen.Als je het script is en dit toe te voegen: BU BU, je je afhankelijk van), - (): BU kern "), dus, de produktie is veranderd en we kunnen zien, dit zijn toegevoegd, < hoofd > de blz.:, < script type = /." http://yourdomain.com/wp-includes/js/jquery/jquery.js src = "?Version = 1.7.1 "> < /scripts > < script type = /src =" http://yourdomain.com/wp-content/plugins/yourplugin/js/custom-script.js javascript "?Version = 3.3.1 "> < /scripts > laten we proberen alle toeters en bellen een voorbeeld functie:, wptuts_scripts_with_the_lot () {///////« plug­in »: geregistreerde script wp_register_script (pas het script, plugins_url (///pas het script. Js, __file__), - (): bu de kern"), "20120208", waar); //////////////registratie van scenario 's, zoals een betreft: wp_register_script (pas het script, get_template_directory_uri (").///- js, pas het script. (): BU kern ")," 20120208 ", waar); ///////een plug - in - of betreft, kan dan worden het script: wp_enqueue_script (pas het script");} add_action ("wp_enqueue_scripts", "wptuts_scripts_with_the_lot");, oké, dus ik ben nu de toename van een versie van het script te laden, aangewezen op de meter.Voor de versie van mijn keuze, met de datum van vandaag, want het is makkelijk op te sporen, maar u kunt gebruik maken van de versie van je houdt.Deze produktie enigszins anders, dit is die in de produktie, < hoofd > ons script is voor de produktie en de bu, < /body >,, zoals:, < hoofd >...Het script type = < in http://yourdomain.com/wp-includes/js/jquery/jquery.js /javascript "src ="?Version = 1.7.1 "> < script> /;...< /hoofd > < body>...Het script type = < in http://yourdomain.com/wp-includes/js/jquery/ui/jquery.ui.core.min.js /javascript "src ="?"> 1.8.16 version = < /scripts > < script type = /src =" http://yourdomain.com/wp-content/plugins/yourplugin/js/custom-script.js javascript "?Version = 20120208 "> < /scripts > < /body > de verdeling van de prioriteiten, en dat sommige mensen niet willen het gebruik van passende methoden omdat ze denken dat ze het er minder controle - commando en de belasting.Bijvoorbeeld, in een van de thema 's Modernizr gebruikt, betreft de wil om ervoor te zorgen dat de Modernizr mogelijk is geïnstalleerd in de vroege, wat ik niet gezegd hoe de rol is, add_action. Meer details, want dit is kunnen we de volgorde van de dingen in beweging zijn.Hier is de functie van het gebruik van op basis van pagina 's, add_action wordpress Codex: (in dollars, $function_to_add, prioriteit accepted_args); regelmatig aandacht aan de tot nu toe in dit verslag, maar dat de dollar, de etikettering, de function_to_add, het gebruik van parameters.De parameters van de dollar, de prioriteit, de standaardwaarde voor 10 dollar, en accepted_args, parameters, de standaard 1.Als wij willen dat de scenario 's voor de rij of stijl hebben we alleen vermindering van de waarde van de dollar, de prioriteit van de standaard.Bijvoorbeeld, de functie wptuts_scripts_important () {///////registratie van een script dat « plug­in »: wp_register_script (pas het script, plugins_url (///pas het script. Js, __file__)) //////////////register; het script, een Dergelijke thema 's: wp_register_script (pas het script, get_template_directory_uri (").///- vaststelling van SCRIPT. J 's "); ///////een plug - in - of betreft, kan dan worden het script: wp_enqueue_script (pas het script");} add_action ("wp_enqueue_scripts", "wptuts_scripts_important", 5); de produktie zoals we eerder gezien, Maar het zal worden opgenomen in de tijdhttp: //europa.eu.int). De bibliotheek en het gebruik van de standaard, het netwerk voor de verspreiding van de inhoud, soms om gebruik te maken van verschillende versies van de bibliotheek, met inbegrip van je.Misschien wil je met een geavanceerde versie, of wil je niet wachten op de volgende versie van wordpress, op het gebruik van de nieuwste versie van de code van de stabiliteit.Een andere reden is misschien wil je met Google CDN opslagplaats.,, let op, dit is erg belangrijk, alleen voor gebruik in of op de website van de « plug­in » thema 's, doe je het persoonlijk onderhoud.Je vrijlating voor gebruik door het publiek van de bibliotheek, met inbegrip van het gebruik, moet je een plug - in - of thema 's,.,,, "waarom?"",,, ik hoorde dat je vroeg.Om de eenvoudige reden dat je niet de controle van deze website.Weet je niet dat andere - en thema 's kunnen daar gebruik van, weet je niet dat ze regelmatig van de « plug­in » of thema' s.Het gebruik van verpakkingen en wordpress bibliotheek is de veiligste optie, maar als je je wilt in de controle van een website te doen, en dat is het wat te doen, wptuts_scripts_load_cdn: functie () {///////wp_deregister_script (:) met inbegrip van de bibliotheek van de annulering van de registratie van; ///////Bibliotheek van Google (CDN wp_register_script)http: ///Ajax. Googleapis. COM /Ajax /Lips /JQuery 1.7.1 /). Versie van "- (), lege, valse); ///////registratie. Deze plug - ins: wp_register_script (pas het script, plugins_url (///gewoonte is het script.", __file__), - (:)); //////////////de griffier. Een dergelijke thema 's: wp_register_script (pas het script, get_template_directory_uri (").///- js, pas het script. (:)); ///////een plug - in - of betreft, kan dan worden het script: wp_enqueue_script (pas het script ");} add_action (" wp_enqueue_scripts "," wptuts_scripts_load_cdn "); in de eerste plaats, dus, ik schreef met inbegrip van versie van de bibliotheek, of van conflicten tussen de verschillende versies zou kunnen worden ingevoerd.En dan de geregistreerde alternatief gebruik van dezelfde regel, koos ik leeg versie (het aangewezen is op de website.In de voetnoten niet aangewezen.De code is hetzelfde, omdat we volgens een script gebruikt).We krijgen nu de produktie, het script: < type = /src = javascript "'http://Ajax. Googleapis. COM /Ajax /Lips /JQuery 1.7.1 /. Js" > < /scripts > < /javascript script type = src = "http://yourdomain.com/wp-content/plugins/yourplugin/js/custom-script.js?Version = 3.3.1 "> < /scripts >,, noot:, het is een slecht idee om in de « plug­in » of thema 's gepubliceerd op de website van het gebruik van de oorzaak is van de « plug­in » en alle andere thema' s, nu gebruik moeten maken van deze versie van de code.Ondertussen, registratie van nieuwe versies van dit geen valstrik, als alle andere plug - in - of thema 's script prototype bijvoorbeeld, die dingen breken,,,, niet hebberig, we hebben tot nu toe niets gezegd over hoe dit alles in de voorkant van het beheer, alleen.Wat is het grote verschil tussen de acties.Integendeel, add_action ("wp_enqueue_scripts", "wptuts_scripts_basic"); en wij met de voorkant, voor de administratieve handelingen, add_action ("admin_enqueue_scripts", "wptuts_scripts_basic");,, iets te doen aan de voorkant en beheer belangrijk is, is de keuze van die pagina 's in je script.Als je een plug - in - of betreft is er een script, alleen in een voorkant of het beheer van pagina 's, zoals de betreft pagina' s van de mogelijkheden, of een specifieke raam pagina 's, je hoeft alleen maar een belasting op de pagina' s van je script.Niet een beetje blokkeren met iets en het laden van de website van het script, en dat zij niet gebruikt worden.Er is een goed voorbeeld van hoe de Codex, in je script pagina 's in de laden van plug - ins.Omdat de « plug­in » en thema 's kan veel veranderen in hoe ze schreef, ik zal niet ingaan op de details van hoe kieskeurig je pagina' s script, maar het is belangrijk dat je weet dat als je de code script,.,,, nu de stijl, de stijl van het proces is bijna precies hetzelfde script.Dit is door het gebruik van een van uw functie, wp_register_style,, dit is afhankelijk van het gebruik, wp_register_style wordpress Codex: ($aan $, src, de verwaterde winst per aandeel, terwijl de dollar; de media), aan de verschillen tussen de wp_register_script, alleen, wp_register_style,, tegengesteld is aan die van de dollar in_footer, parameters, we hebben een een voor de media, de parameters.Deze parameter kan worden vastgesteld als een van de volgende:'screen ",",,,,,,'print'handheld ",", of een andere erkende vormen van media - regeling, zoals hoe je een stijl, is: wptuts_styles_with_the_lot () {///////de functie van het register van de « plug­in »: een wp_register_style ("gewoonte.", plugins_url (/- /aangepaste stijl. Stijl ", __file__), - ("), 20120208 "," alle "); //////////////van de wijze van registratie van een dergelijke thema 's: wp_register_style (" aangepaste stijl ", get_template_directory_uri (")./CSS /aangepaste stijl. Stijl ","), - (20120208 "," alle "); ///////een plug - in - of thema 's, en dan kan je bij het team stijl: wp_enqueue_style (" op maat ");} add_action (" wp_enqueue_scripts "," wptuts_styles_with_the_lot "); dit is een voorbeeld van een volledige de meeste parameters,,, en het leidt tot de lijkt, < link rel ='stylesheet id ='custom-style-css href =" http://yourdomain.com/wp-content/plugins/yourplugin/css/custom-style.css?In de versie van 20120208 - = = = "media /CSS" >,, dus waarom niet iedereen al gedaan?Goede vraag, en andere problemen, ik denk dat je zou kunnen vragen, "wat denk je dat dit de juiste weg is, en niet Je voorkeur?"Het antwoord is op de wordpress, dit is de aanbevolen methode.Het betreft een combinatie van plug - in - en om ervoor te zorgen dat moeten kunnen samen gelukkig niet meer, ik heb een paar thema 's en van het gebruik van het kader, waar script> <; < /scripts >,, < link />, in de Titel het etiket. Php, zelfs, meter. Php, het dossier van de thema' s zelf. En stijl.Er is geen enkele reden om dit te doen.Zoals ik hierboven is aangetoond, zal het script en de stijl en de benoeming van of ze uit je comfort en veiligheid, in de header - of een functie van de belasting mogelijk is. Php.Het voordeel is dat je het thema /kader en een breder scala van andere plug - ins /sub - thema 's. Een voorbeeld hiervan is het gebruik van belasting), < script> < /scripts >, etikettering, het lijkt goed te werken, maar dat is twee keer is geladen.- dit zal niet stoppen op deze manier uit andere plug - in de versie van dit wordpress laden, wordpress versie bij verstek, geen patroon, en een plug kan geven als een verslaving.Dus nu moet je geen werk voor dit model, kan ook een dollar, het gebruik van een « prototype.,, conclusies, wordpress is een geweldig systeem, en met veel ideeën te ontwikkelen.Als er een mechanisme kan iets doen, het is een goed idee, gebruik het.Bij de ontwikkeling van je plug - ins en thema 's, herinner je je code bedachtzaam, spelen de anderen, je wilt gebruiken, wp_enqueue_script, en de desbetreffende functies en rollen?Je weet dat er geen verkeerde voorbeeld?Weet je wat de reden niet op de naleving van de bovengenoemde aanbevelingen?,