WordPress spécifie que l'en-tête et le pied de page de l'article chargent du code PHP/JavaScript/CSS

Si vous utilisezSite web Wordpress, vous devez spécifier un certain article ou une certaine page dans WordPress pour charger le code PHP/JavaScript/CSS dans l'en-tête et le pied de page. Comment y parvenir ?

Nous pouvons utiliser les puissants champs personnalisés de WordPress pour implémenter différentes pages JavaScript pour une publication ou un chargement de page donné.

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 WordPress ?

Habituellement, ouvrez le fichier d'en-tête header.php du thème WordPress et trouvez le code▼

<?php wp_head(); ?>

ajouter ▼ après

<!-- 指定文章页面加载head自定义字段代码 开始 -->
    <?php if (is_single() || is_page()) {
$head = get_post_meta($post->ID, 'head', true); 
if (!empty($head)) { ?> 
<?php echo $head; ?> 
<?php } } ?>
<!-- 指定文章页面加载head自定义字段代码 结束 -->
  • L'en-tête dans le code est le nom du champ personnalisé, qui peut être personnalisé.

Chen WeiliangRecommandé de passerPlugin WordPressAjoutez le code PHP suivant pour spécifier la page d'article pour charger le champ personnalisé du pied▼

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

Ajouter des champs personnalisés aux articles ou pages spécifiés dans 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 

WordPress spécifie que l'en-tête et le pied de page de l'article chargent du code PHP/JavaScript/CSS

  • 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.

Comment WordPress spécifie-t-il que les en-têtes et pieds de page des articles chargent le code PHP/JavaScript/CSS ?

Si vous ajoutez le code PHP du champ personnalisé au fichier header.php du thème WordPress, le code PHP du champ personnalisé sera perdu après le changement de thème WordPress, et vous devrez ajouter le code PHP du champ personnalisé à le nouveau thème.

Une meilleure solution serait,Utilisation du plugin Head, Footer et Post Injections, qui implémente le code PHP pour ajouter des champs personnalisés à la page et au pied de page d'un article ou d'une page.

Comment personnaliser l'en-tête dans WordPress?Vous pouvez ajouter du code dans la tête ou le pied en installant le plugin WordPress via l'article suivant ▼

  • 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.

J'espère que le blog de Chen Weiliang ( https://www.chenweiliang.com/ ) partagé "WordPress spécifie les en-têtes et pieds de page des articles pour charger le code PHP/JavaScript/CSS", ce qui vous est utile.

Bienvenue à partager le lien de cet article :https://www.chenweiliang.com/cwl-2022.html

Bienvenue sur la chaîne Telegram du blog de Chen Weiliang pour obtenir les dernières mises à jour !

🔔 Soyez le premier à obtenir le précieux « Guide d'utilisation de l'outil d'IA de marketing de contenu ChatGPT » dans le répertoire supérieur de la chaîne ! 🌟
📚 Ce guide contient une valeur énorme, 🌟C'est une opportunité rare, ne la manquez pas ! ⏰⌛💨
Partagez et likez si vous aimez !
Vos partages et likes sont notre motivation continue !

 

发表 评论

Votre adresse email ne sera pas publiée. 项 已 用 * 标注

到 顶部