web-dev-qa-db-fra.com

Est-il possible d'inclure du CSS en ligne dans les plugins?

Normalement, dans un plugin, j'ajouterais des styles en utilisant wp_enqueue_style. Cependant, je suis en train de créer un plugin qui ne nécessite que quelques lignes de CSS et je me demande s’il serait peut-être préférable de servir les styles en ligne pour enregistrer une requête. Il est évident que l’utilisation de wp_enqueue_style présente de nombreux avantages, mais valent-ils la demande supplémentaire d’un tel petit fichier CSS? Existe-t-il une "meilleure pratique" acceptée dans ce domaine?

plugin-developmentcsscustomizationwp-enqueue-style
21
Dustin

TL; DR; Enqueue

Utilisation d'une feuille de style externe

  • PRO: Tous vos styles sont réunis au même endroit.
  • PRO: Réduit le codage des pages Web.
  • PRO: Plus facile de maintenir le plugin.
  • PRO: Peut utiliser des crochets pour modifier l'emplacement du fichier.
  • PRO: Peut utiliser des points d'ancrage pour mettre le fichier en file d'attente.
  • PRO: Peut utiliser les styles minify automatiquement.
  • CON: Peut ajouter une requête HTTP supplémentaire (peut être surmontée).

Utilisation de styles en ligne

  • PRO: Peut voir directement le style appliqué.
  • PRO: Pas de requête HTTP supplémentaire.
  • CON: Impossible d'utiliser des crochets pour modifier les styles.
  • CON: Impossible d'utiliser des crochets pour mettre les styles en file d'attente.
  • CON: Impossible de minimiser les styles.
  • CON: Besoin ! Important de remplacer le style

Normalement, je dirais: Bien sûr, si vous êtes le seul à l’utiliser, continuez et faites-le en ligne. Mais vous parlez d'un plugin qui signifie que le code sera public alors visez l'extension. Pour le moment, vous n’avez que quelques lignes de style:

  • CON: Et si ces quelques-uns deviennent plus?
  • CON: Et si quelqu'un étend votre plugin?
  • CON: Et si quelqu'un veut le modifier?
  • CON: Que faire si quelqu'un le recherche dans les fichiers CSS?
  • CON: Que faire si quelqu'un veut le réduire automatiquement?

Par conséquent, mettez en file d'attente. (De préférence Conditionnellement uniquement si le plugin en a besoin.) Il en va de même pour JavaScript . (Mais cela devrait être inclus dans le pied de page si possible.)

14
Derk-Jan

Il est difficile de répondre à cette question et je ne sais vraiment pas s’il existe une réponse officielle.

Je comprends le sentiment qu’il ya à ce que l’on sauvegarde une demande, mais le style en ligne gagne presque toujours. Un thème ou un utilisateur final aura du mal à modifier votre code CSS.

Dans cet esprit, je pense que je le ferais dans un plugin publié publiquement ...

  1. si le CSS est absolument critique pour le fonctionnement du plugin, comme c'est le cas avec les diaporamas, par exemple.

  2. Ou, si j'inclusais également un filtre dans le plugin qui permet de modifier ou de supprimer le CSS en ligne.

2
s_ha_dum