Comment WordPress spécifie-t-il que les pages d'articles chargent du code JavaScript/CSS ?

fabricationOutils de gestionLors de la thématisation, s'il existe un code JavaScript ou CSS spécifique qui apparaît sur une page spécifique dans WordPress, il ne sera utilisé qu'une seule fois.

Où placer le code ? Style.css ou base.js ?

Mais le coût de cette opération est un peu élevé.

Exemple 1:

• Essayez d'obtenir l'effet JavaScript Highslide sur votre site WordPress.
• Mais généralement, il n'est utilisé que pour les parties avec des images ou des pages souhaitées, et le chargement de pages sur des pages inutilisées pour ajouter des sections Highslide, donc plus de 50 Ko de JavaScript sont trop volumineux.

Exemple 2:

• Dans un article mettre une méthode de compatibilité standard est d'utiliserla balise l'insère, mais la balise inséréeLa page générée par la balise ne peut pas passer la vérification W3C.
• Une bonne façon de le faire est d'utiliser SWFObject, un JavaScript qui génère du code validé par le W3C.
• Mais le problème est qu'il est inutile de charger SWFObject sur chaque page de WordPress, et toutes les pages n'utilisent pas ce fichier JavaScript.

En fait, nous pouvons utiliser les puissants champs personnalisés de WordPress pour implémenter différentes pages JavaScript pour les publications personnalisées ou les chargements de page.

Cet article va vous montrer : Comment utiliser des champs personnalisés sur WordPress, des fichiers JavaScript ou CSS personnalisés ?

Si vous pouvez comprendre, les valeurs de champ personnalisées ne sont pas aussi simples que les fichiers JavaScript et CSS.

Comment ajouter des champs personnalisés dans les thèmes WordPress ?

Ouvrez le fichier header.php du thème WordPress et trouvez le code ▼

<?php wp_head(); ?>

ajouter ▼ après

<!-- 指定文章页面加载JavaScript/CSS代码 开始 -->
    <?php if (is_single() || is_page()) {
$head = get_post_meta($post->ID, 'head', true); 
if (!empty($head)) { ?> 
<?php echo $head; ?> 
<?php } } ?>
<!-- 指定文章页面加载JavaScript/CSS代码 结束 -->

L'en-tête dans le code est le nom du champ personnalisé, qui peut être personnalisé.

Ajouter des champs personnalisés aux publications ou aux pages WordPress

Moteur WordPressDans l'éditeur de la page d'édition d'article, il y a une petite fenêtre pour les "champs personnalisés".

1. Pour "Nom", saisissez :head
2. Puis dans "Valeur" entrez le code que vous souhaitez ajouter à l'affichage ▼

• Cliquez sur Ajouter un champ personnalisé.
• La mise à jour de l'article vous permettra de coder le thème et de saisir des valeurs pour ces champs personnalisés.

Puisque vous ne sortez que le code qui doit être chargé dans "valeur", vous devez entrer le code similaire suivant dans "valeur" ▼

<script type="text/javascript">...</script>

ou ▼

<style type="text/css">...</style>

pour afficher le code ci-dessus.

Autres utilisations des champs personnalisés WordPress

Après avoir compris les principes ci-dessus, vous constaterez que les champs personnalisés WordPress peuvent non seulement implémenter du JavaScript ou du CSS personnalisé pour les pages personnalisées, mais également implémenter de nombreuses fonctions via des champs personnalisés, telles que : ajouter aux vignettes d'articles, des astuces d'articles, etc.

Quant à la façon de les mettre en œuvre, essayez d'utiliser des champs personnalisés.

Comment spécifier les balises d'article et les en-têtes et pieds de catégorie pour charger le code JavaScript/CSS dans WordPress ?

Comment personnaliser l'en-tête dans WordPress?Nous pouvons l'installer à travers les instructions de l'article suivantPlugin WordPressRéaliser l'ajout de code principal▼

Comment WordPress ajoute-t-il le code principal aux articles ? Le plugin WP optimise le code principal

Comme dans cet article Comment personnaliser l'en-tête dans WordPress ?Le plugin Header Footer Code Manager décrit dans "Installation du plugin WordPress Footer Header" ne peut pas ajouter de code PHP pour le moment... Par conséquent, j'ai cherché sur le site officiel du plugin WordPress et j'ai trouvé qu'il se trouvait sur la page d'en-tête. .

Comment personnaliser l'en-tête dans WordPress ?Installer le plugin d'en-tête de pied de page WordPress

Certains codes WordPress HTML / Javascript / CSS ne doivent être affichés que dans un certain article ou une certaine page. Nous pouvons ajouter du code d'en-tête et de pied de page à l'article / à la page spécifié dans WordPress via le plugin Header Footer Code Manager. En-tête pied de page…

• De cette façon, il n'y a pas besoin de s'inquiéter de perdre le code personnalisé ou de transférer manuellement le code personnalisé après avoir changé le thème WordPress.