Utilisation de SVG dans WordPress (2 recommandations de plugin utiles)

WordPress ne prend pas en charge les téléchargements SVG par défaut car les fichiers SVG ont des fonctionnalités puissantes, y compris la possibilité de charger d'autres ressources et d'exécuter JavaScript, ce qui peut conduire à des vulnérabilités de sécurité telles que les attaques XSS. Cependant, si vous avez besoin d'utiliser des images SVG dans WordPress (téléchargées via Media Uploader et utilisé dans le contenu de l'article et les images en vedette), vous pouvez effectuer ce qui suit:

L'utilisation de SVG directement dans les modèles de thème est possible, qu'il soit incliné<svg></svg> Aucun paramètre supplémentaire n'est requis pour le code ou liant les fichiers SVG externes via CSS.

Configurer manuellement le support SVG

WordPress bloque les téléchargements SVG car le téléchargeur de bibliothèque multimédia rejette le type MIME du fichier SVG. Pour autoriser les téléchargements SVG, vous devez ajouter le code suivant à votre fichier functions.php ou le plugin de fonctionnalité:

 fonction cc_mime_types ($ mimes) {
  $ mimes ['svg'] = 'image / svg xml';
  retour $ mimes;
}
add_filter ('upload_mimes', 'cc_mime_types');

Cependant, même avec le code ci-dessus ajouté, le fichier SVG peut toujours ne pas être affiché correctement dans l'aperçu de la bibliothèque multimédia, les widgets d'image en vedette et les éditeurs. Bien que cela puisse être résolu en injectant le code CSS, cela ne fonctionne pas toujours.

Prise en charge du SVG avec le plugin WordPress

Étant donné que WordPress lui-même ne prend pas en charge SVG, l'utilisation des plugins pour gérer la prise en charge SVG est une meilleure option. Les plug-ins peuvent être mis à jour en continu à mesure que WordPress développe et résout les problèmes de compatibilité possibles.

Les deux plugins SVG WordPress suivants sont recommandés:

Support SVG

Il s'agit d'un plug-in puissant qui peut être utilisé après l'installation et l'activation, sans configuration supplémentaire. Il offre des options de réglage telles que le chargement de CSS frontal supplémentaire (recommandé de choisir au besoin). Le plugin fournit également des restrictions de privilège d'administrateur pour une sécurité améliorée.

Svg en toute sécurité

Bien que ce plugin soit plus lent à mettre à jour, il fournit un niveau de sécurité plus élevé et nettoie et optimise les fichiers SVG lors du téléchargement. Si vous avez des exigences élevées pour la sécurité du site Web ou manquez d'expérience technique, ce plugin vous convient.

D'autres plug-ins, tels que l'assistance SVG facile, ne sont pas recommandés ici en raison de la maintenance et des mises à jour insuffisantes.

Quels plugins SVG avez-vous utilisés dans WordPress? Bienvenue pour partager votre expérience et vos recommandations!

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!