Quomodo WordPress recte introducit JavaScript?Custom loading JS and CSS files

ususWordPress websiteprogrammatores enucleatiWordPress pluginVel cum customising a WordPress theme, quidam JavaScript et CSS scripting facultates referuntur.

WordPress HTML loading JavaScript (JS) et files CSS introducit

  • Solet, nexum adhibent, tags directe pro HTML script.
  • Re vera, WordPress aedificavit in urbanis functionibus et modis ad scriptorum referendorum.
  • Sic, usura WordPress' constructum-in methodo references magis professio et extensio est.

De vitiosa citatione methodo

Duae rationes communes citationis, suus finis, suus 'iustus non perfectus vel rationabilis.

Typus 1:link tags ad CSS files

  • Scriptor tags adhibere JS files.Hinc Not.

Typus 2:Utere wp_head munus

  • Munus wp_head usus est ad outputandum aliquem morem seu systema-definitum contentum.
  • Nos interdum hoc codice utimur ad hunc fasciculum referendum:
<?php
add_action('wp_head', 'wpcwl_normal_script');
function wpcwl_normal_script() {
echo '资源文件的链接';
}
?>
  • Effingo codicem superius in functionibus.php lima ut referat lima correspondentes.

WordPress Enqueue Scriptor resource mechanism

Ut omnes novimus, WordPress multa plugins:

  • Fere singula plugin indicio sunt quaedam lima resource.
  • Necessario certamina erunt inter facultates quae a duobus pluginis referuntur, quae instabiles fient et efficientiam afficiant.

Utere wp_enqueue_script functione

  • Ad auxilium in WordPress uti debetis referatwp_enqueue_scriptMunus quod habet verbum enqueue in nomine functi vel sortitur.
  • With WordPress' way of enqueueing resources (Enqueue Scripts), the references are separate from the correspondens files and core code.
  • Si usor subsidii inactivare vult, delere, mutare et explanare potest sine modificatione e codice nucleo.

Quidam etiam bibliothecae communiter usi sunt ut jQuery, jQuery UI, etc. in WordPress construuntur.

Munus wp_enqueue_scripte uti possumus appellare directe in bibliotheca aedificata, quae codicem servat et specificationem mundiorem.

Elenchus constructus in definitionibus bibliothecarum et identificariorum (manubrium) hic providetur

Si hoc munere uteris ad limam tuam JS et CSS referendam, debes utiwp_register_scriptMunus descripserunt identifier (manubrium) et deinde ususwp_enqueue_scriptMunus vocat resource huic vexillo respondentem.

Quomodo ad JS et CSS lima in WordPress apte importare?

WordPress praebet rationes sensibiles importare pro modos JS et CSS.

Hoc codice uti potes ad importare plugin.css fasciculi in plugin ▼

<?php
function wpcwl_add_styles() {
wp_register_script('plugin_stylesheet', plugins_url('plugin.css', __FILE__));
wp_enqueue_script('plugin_stylesheet');
}

add_action( 'wp_enqueue_scripts', 'wpcwl_add_styles' ); 
?>

Supra scripta functione wp_register_scripte utitur ad creandum resource cum identificatorio plugin_stylesheet.

Deinde addere amet petitiones eiuswp_enqueue_scriptsactiones sunt in operatione.

Etsi nomen muneris scriptum est, nihil ad genus fasciculi subsidii pertinet et pro utroque CSS et JS valet.

Munus wp_register_scripti re vera non simplex est, quinque parametris habere potest:

I) $ manubrium:Resource identifier.

  • wp_enqueue_scripttranslatio.

2) $src:Locus eopia.

  • Inscriptiones relativa vel absoluta utuntur WordPress -in functionibus ut inscriptiones acciperent, etc.
  • communiapositioningmunus hasplugins_url,get_template_directory_uriEt ita in.

3) $deps:mnia.

  • Si referas ad plugin jQuery et opus est in funda jQuery aedificare, debes implere in jQuery.
  • Nota quod praecessit ordinatus.

4) $ver:Resource versionis, ad libitum.

5) $in_footer:Ponisne ad fundum?

  • Communiter, JS fasciculi in ima paginae collocari potes, hunc modulum ad Verum appone, blank vel falsum relinquas in summa output.

Intueamur pleniorem JavaScript lima reference exemplum ▼

<?php
function wpcwl_add_scripts() {
wp_register_script('plugin_script', plugins_url('plugin_script.js', __FILE__), array('jquery'),'1.1', true);
wp_enqueue_script('plugin_script');
}

add_action( 'wp_enqueue_scripts', 'wpcwl_add_scripts' ); 
?>

WordPress themata uti wp_enqueue_script ad facultates importare

Programmatores in WordPress thematis evolutionis, ususwp_enqueue_scriptInferre opes.

  • Exempla superiora sunt exempla referendi facultatum pro WordPress plugin development.
  • Modus referenced in re similis est.

Praecipua differentia est respondente munere uti ad thema directorium acquirendi electronicae tabellae sub argumento.

vos can utorget_template_directory_urimunus ut hodiernam materiam presul.

Si puero uteris themate, uti debesget_stylesheet_directory_uriMunus accipit thematis directorium parentis ut facultates congruas obtineat.

发表 评论

Quisque sit amet nisl. 必填 项 已 用 * Pittacium

Scroll To Top