• Articles
• admin

Pour un développeur de thème WordPress, la première chose à faire est de comprendre sa structure; et après cela, il s’agit d’apprendre à ajouter des scripts et des feuilles de style.

La plupart des concepteurs de sites Web font une erreur en créant un thème WordPress comme un simple modèle HTML.

Vous devez comprendre que WordPress est une plate-forme basée sur PHP, et que ses thèmes sont dynamiques. Ajouter un fichier CSS n’est pas comme vous le faites pendant la création d’un site Web statique.

WordPress a sa norme de codage que vous devez suivre. Mettre en file d’attente un fichier CSS correctement peut être un peu délicat pour de nombreux développeurs / concepteurs Web.

Dans ce tutoriel, je vais vous guider à travers un processus étape par étape, qui explique le codex WordPress de l’ajout d’un fichier CSS à un thème WordPress.

En supposant que vous avez un bon hébergement WordPress avec WordPress mis en place, commençons!

Comprendre la fonction wp_enqueue_style()

Lors du développement d’un site web HTML statique, vous pouvez lier le fichier CSS à la tête, mais ce n’est pas le même cas dans un thème WordPress.

Avec une compréhension claire du Codex PHP et WordPress, vous devriez apprendre à utiliser les fonctions de thème.

Commençons par la fonction wp_enqueue_style(), qui est utilisée pour lier un fichier CSS à votre thème WordPress. Les paramètres par défaut sont les suivants.

wp_enqueue_style( $handle, $src, $deps, $ver, $media );

Permettez-moi d’expliquer tous ces paramètres.

• $ poignée:- C’est un champ obligatoire, qui comprend le nom de la feuille de style
• $src: – Il est également nécessaire de le remplir. C’est le chemin de la feuille de style par rapport au répertoire racine
• dedeps: – Il est facultatif de créer un tableau pour contrôler la feuille de style
• vver: – Si vous souhaitez contrôler la version de la feuille de style, vous pouvez.
• mediamedia: – Si vous souhaitez utiliser la feuille de style pour n’importe quel type de média, vous le pouvez. Sinon, pas besoin.

Vous avez peut-être eu une idée maintenant. Seules les deux premières options sont nécessaires pour remplir, le reste vous pouvez laisser vide pour récupérer les valeurs par défaut.

Remarque: Maintenant, si le nom de la feuille de style est « style » et qu’il se trouve dans le dossier du nom du thème principal, le code sera le suivant.

wp_enqueue_style( 'style', get_stylesheet_uri() );

Mais comme vous pouvez le voir, vous le faites fonctionner; vous devez créer une fonction WordPress, qui peut lier le fichier à la tête de manière appropriée.

Laissez-moi vous montrer le code.

functionnew_theme_css_file{wp_enqueue_style( 'style', get_stylesheet_uri() );}add_action('wp_enqueue_scripts', 'new_theme_css_file' );

Vous vous demandez peut-être quel est le meilleur endroit pour ajouter la fonction. Eh bien, si vous connaissez un peu le développement de thèmes WordPress, vous savez peut-être que les fonctions.le fichier php contrôle toutes les fonctions.

Donc, vous devez ouvrir le fichier et ajouter cette fonction.

Si vous l’avez remarqué, il existe un crochet « add_action » avec un paramètre « wp_enqueue_scripts », qui est utilisé pour mettre en file d’attente les styles et les scripts.

Tout ce que vous devez comprendre est la fonction principale wp_enqueue_style().

Pour les développeurs WordPress débutants, il peut être difficile de saisir de telles choses techniques, mais une fois qu’ils ont appris le Codex WordPress, tout se passe bien.

J’espère que ce n’est Pas Si Difficile d’Ajouter un fichier CSS à un thème WordPress

Je me souviens quand j’ai commencé à développer des thèmes WordPress il y a quelques années, c’était un désastre. Lorsque vous continuez à pratiquer des sites Web statiques et que vous apprenez soudainement la nature dynamique du web 2.0, vous pouvez vous inquiéter un peu.

Une fois que vous vous engagez avec les codes WordPress, vous pouvez commencer à le sentir intéressant. L’ajout d’un fichier CSS est l’une des bases pour développer un thème WordPress à partir de zéro.

Conclusion

Le développement Web peut être délicat et effrayer les utilisateurs débutants de WordPress. Le guide s’adresse aux personnes qui souhaitent commencer à développer leur thème WordPress personnalisé.

Merci de suivre ce tutoriel.

Découvrez ces 3 meilleurs services d’hébergement WordPress: