{"id":19793,"date":"2020-06-27T08:24:29","date_gmt":"2020-06-27T08:24:29","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/comment-ajouter-svg-et-non-wordpress-avec-2-solutions-simples\/"},"modified":"2020-06-27T08:24:29","modified_gmt":"2020-06-27T08:24:29","slug":"comment-ajouter-svg-et-non-wordpress-avec-2-solutions-simples","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/comment-ajouter-svg-et-non-wordpress-avec-2-solutions-simples\/","title":{"rendered":"Comment ajouter SVG et non WordPress (avec 2 solutions simples)"},"content":{"rendered":"<p>Voulez-vous ajouter des fichiers SVG \u00e0 votre site WordPress?  Par d\u00e9faut, ou WordPress vous permet de t\u00e9l\u00e9charger tous les formats populaires d&#8217;image, audio et vid\u00e9o, mais SVG n&#8217;en fait pas partie.  Dans cet article, nous allons montrer comment ajouter facilement SVG et non WordPress. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Ajoutez facilement des fichiers SVG et non WordPress\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/svguploads.png\" alt=\"Ajoutez facilement des fichiers SVG et non WordPress\" width=\"550\" height=\"340\" class=\"alignnone size-full wp-image-58574\"><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Ou_quest-ce_que_le_SVG\"><\/span>Ou qu&#8217;est-ce que le SVG?<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>SVG ou Scalable Vector Graphics est un format de fichier qui d\u00e9finit les graphiques v\u00e9t\u00e9rinaires \u00e0 l&#8217;aide du langage de balisage XML.  Le principal avantage de SVG est qu&#8217;il vous permet d&#8217;agrandir des images perdues en qualit\u00e9 ou provoquant une pixelisation.<\/p>\n<p><strong>Comment fonctionne SVG?<\/strong><\/p>\n<p>Ou SVG (Scalable Vector Graphics) est une technologie qui affiche des conceptions bidimensionnelles en utilisant XML.  Il existe deux formats d&#8217;image diff\u00e9rents couramment utilis\u00e9s comme PNG, GIF ou JPEG. <\/p>\n<p>Vous allez coller un fichier imagem png \/ jpeg pour augmenter ou zoomer, vous percevrez que l&#8217;image va commencer \u00e0 se flouter et \u00e0 se pixelliser.<\/p>\n<p><img title=\"pixelis\u00e9 \"src =\" https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/pixelated.jpg \"alt =\" Comment ajouter SVG et non WordPress (avec 2 solutions simples) 1\" width=\"550\" height=\"280\" class=\"alignnone size-full wp-image-58554\"><\/p>\n<p>Les graphiques vetoriais n\u00e3o usam pixels.  D&#8217;autre part, il utilise une carte \u00e0 deux dimensions qui d\u00e9finit ou un graphique que vous visualisez.  \u00c0 mesure que vous vous rapprochez, il n&#8217;est pas pixelis\u00e9.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Aucune perte de qualit\u00e9 dans un graphique vectoriel\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/svgnoqualityloss.png\" alt=\"Comment ajouter SVG et non WordPress (avec 2 solutions simples) 2\" width=\"549\" height=\"266\" class=\"alignnone size-full wp-image-58555\"><\/p>\n<p>Isso vous permet d&#8217;agrandir les graphismes vetoriais sem perdre une qualidade.  Plus important encore, comme les images SVG peuvent \u00eatre tr\u00e8s petites, elles ne sont pas plus grandes que JPEG ou PNG.  <\/p>\n<p>Les graphiques Vetoriais sont couramment utilis\u00e9s pour les ic\u00f4nes, les polices d&#8217;ic\u00f4nes, les logos de sites et les images de marque.  Veuillez ajouter des fichiers SVG non WordPress pour votre logo, des ic\u00f4nes ou d&#8217;autres graphiques pour votre entreprise. <\/p>\n<p>Autant que vous puissiez le penser, les archives SVG ne sont toujours pas s\u00e9curis\u00e9es.  \u00c9 por isso que o WordPress ne prend pas en charge ni ne t\u00e9l\u00e9charge les fichiers SVG par padr\u00e3o. <\/p>\n<p>Si vous envoyez une image SVG \u00e0 ou WordPress, vous verrez le message d&#8217;erreur suivant: <\/p>\n<p>Excusez-moi, ce type de fichier n&#8217;est pas autoris\u00e9 pour des raisons de s\u00e9curit\u00e9.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"SVG pas de bogue de s\u00e9curit\u00e9 WordPress\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/svgsecurityerrorwordpress.png\" alt=\"SVG pas de bogue de s\u00e9curit\u00e9 WordPress\" width=\"550\" height=\"266\" class=\"alignnone size-full wp-image-58545\"><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Problemes_de_securite_lies_a_ou_SVG_pas_WordPress\"><\/span>Probl\u00e8mes de s\u00e9curit\u00e9 li\u00e9s \u00e0 ou SVG pas WordPress<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Les fichiers SVG contiennent le code dans le langage de balisage XML par rapport \u00e0 HTML.  Votre navigateur ou logiciel d&#8217;\u00e9dition SVG analyse le langage de balisage XML \u00e0 afficher ou \u00e0 afficher sur le Web. <\/p>\n<p>Cependant, isso ouvre votre site pour d&#8217;\u00e9ventuelles vuln\u00e9rabilit\u00e9s XML.  Il peut \u00eatre utilis\u00e9 pour obtenir un acc\u00e8s non autoris\u00e9 aux donn\u00e9es des utilisateurs, d\u00e9clencher des attaques par force brute ou des attaques de script entre les sites. <\/p>\n<p>Les m\u00e9thodes que nous partagerons dans cet article tenteront de d\u00e9sinfecter les fichiers SVG pour am\u00e9liorer votre s\u00e9curit\u00e9.  Cependant, ces plug-ins ne sont pas capables d&#8217;emp\u00eacher ou de charger ou d&#8217;injecter compl\u00e8tement du code malveillant. <\/p>\n<p>Afin d&#8217;utiliser uniquement les fichiers SVG cr\u00e9\u00e9s par des sources fiables et de restreindre les t\u00e9l\u00e9chargements SVG uniquement pour les utilisateurs approuv\u00e9s. <\/p>\n<p>Pour obtenir plus d&#8217;informations sur Seguran\u00e7a, consultez le guide complet de Seguran\u00e7a WordPress pour d\u00e9butants.<\/p>\n<p>Dans cet esprit, nous vous donnerons un guide sur la fa\u00e7on d&#8217;utiliser facilement les fichiers SVG et non WordPress.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Methode_1_Recharger_les_fichiers_SVG_pour_WordPress_en_utilisant_ou_le_support_SVG\"><\/span>M\u00e9thode 1. Recharger les fichiers SVG pour WordPress en utilisant ou le support SVG<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Cette m\u00e9thode offre une prise en charge compl\u00e8te pour l&#8217;ajout de fichiers SVG non WordPress.  Il permet \u00e9galement d&#8217;afficher SVG en ligne dans les publications et les pages WordPress. <\/p>\n<p>Tout d&#8217;abord, vous devez installer et activer le plug-in de support SVG.  Pour plus de d\u00e9tails, consultez ou guidez-nous \u00e9tape par \u00e9tape sur la fa\u00e7on d&#8217;installer un plugin WordPress.<\/p>\n<p>Ap\u00f3 a ativa\u00e7\u00e3o, voc\u00ea deve visite <strong>Configuration \u00bbPrise en charge SVG<\/strong> pour d\u00e9finir les param\u00e8tres du plug-in. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Param\u00e8tres de prise en charge SVG\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/svgsupport-1.png\" alt=\"Param\u00e8tres de prise en charge SVG\" width=\"550\" height=\"307\" class=\"alignnone size-full wp-image-58548\"><\/p>\n<p>Sur la page de configuration, vous devez marquer la banque \u00e0 c\u00f4t\u00e9 de l&#8217;option &#8220;Restreindre les administrateurs?&#8221;.  Isso autorise uniquement un administrateur de site \u00e0 t\u00e9l\u00e9charger des fichiers SVG et non WordPress. <\/p>\n<p>L&#8217;option suivante consiste \u00e0 activer le mode avanc\u00e9.  Il vous suffit de cocher cette option si vous souhaitez utiliser des ressources avanc\u00e9es, telles que les animations CSS et le rendu SVG int\u00e9gr\u00e9. <\/p>\n<p>Il ne s&#8217;agit pas de cliquer sur aucun bouton Enregistrer les modifications pour enregistrer vos param\u00e8tres. <\/p>\n<p>Vous pouvez maintenant cr\u00e9er une nouvelle publication ou en modifier une existante.  Pas un \u00e9diteur de postagem, il t\u00e9l\u00e9chargera votre fichier SVG comme n&#8217;importe quel autre fichier imagem.  Ajoutez simplement un bloc d&#8217;image \u00e0 l&#8217;\u00e9diteur et \u00e0 la fa\u00e7ade ou t\u00e9l\u00e9chargez le fichier SVG. <\/p>\n<p>Agora voc\u00ea pourra t\u00e9l\u00e9charger et incorporer des fichiers SVG et non WordPress. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Fichier SVG int\u00e9gr\u00e9 \u00e0 WordPress postagem\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/svgfileembed.png\" alt=\"Fichier SVG int\u00e9gr\u00e9 \u00e0 WordPress postagem\" width=\"550\" height=\"300\" class=\"alignnone size-full wp-image-58549\"><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Methode_2_Telechargez_des_fichiers_SVG_et_non_WordPress_en_utilisant_ou_Safe_SVG\"><\/span>M\u00e9thode 2. T\u00e9l\u00e9chargez des fichiers SVG et non WordPress en utilisant ou Safe SVG<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Cette m\u00e9thode utilise \u00e9galement un plug-in et permet la d\u00e9sinfection des fichiers SVG charg\u00e9s et non WordPress. <\/p>\n<p>Tout d&#8217;abord, vous devez installer et activer ou s\u00e9curiser le plug-in SVG.  Pour plus de d\u00e9tails, consultez ou guidez-nous \u00e9tape par \u00e9tape sur la fa\u00e7on d&#8217;installer un plugin WordPress.<\/p>\n<p>Le plug-in fonctionne imm\u00e9diatement et n&#8217;a pas \u00e9t\u00e9 configur\u00e9 pour que vous le configuriez.  Vous pouvez simplement continuer et envoyer des fichiers SVG. <\/p>\n<p>Au d\u00e9savantage que ce plug-in autorise ou charge le SVG pour tous les utilisateurs qui peuvent cr\u00e9er des postagens sur votre site WordPress.  <\/p>\n<p>Pour contr\u00f4ler la fa\u00e7on dont vous pouvez t\u00e9l\u00e9charger des fichiers, vous devrez acheter une version premium du plug-in. <\/p>\n<p>Nous esp\u00e9rons que cet article vous a aid\u00e9 \u00e0 apprendre \u00e0 ajouter SVG sans s\u00e9curit\u00e9 WordPress.  Vous pouvez \u00e9galement conf\u00e9rer nosso artigo sur les probl\u00e8mes les plus courants de WordPress imagem et comment les corriger. <\/p>\n<p>Vous devez destez artigo, assine ou nosso YouTube pour assister \u00e0 des vid\u00e9os de tutoriel WordPress.  Vous pouvez \u00e9galement nous trouver em Twitter et Facebook.<\/p>\n  <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 ez-toc-wrap-center counter-flat ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blogging-techies.com\/fr\/comment-ajouter-svg-et-non-wordpress-avec-2-solutions-simples\/#Ou_quest-ce_que_le_SVG\" >Ou qu&#8217;est-ce que le SVG?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blogging-techies.com\/fr\/comment-ajouter-svg-et-non-wordpress-avec-2-solutions-simples\/#Problemes_de_securite_lies_a_ou_SVG_pas_WordPress\" >Probl\u00e8mes de s\u00e9curit\u00e9 li\u00e9s \u00e0 ou SVG pas WordPress<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blogging-techies.com\/fr\/comment-ajouter-svg-et-non-wordpress-avec-2-solutions-simples\/#Methode_1_Recharger_les_fichiers_SVG_pour_WordPress_en_utilisant_ou_le_support_SVG\" >M\u00e9thode 1. Recharger les fichiers SVG pour WordPress en utilisant ou le support SVG<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/blogging-techies.com\/fr\/comment-ajouter-svg-et-non-wordpress-avec-2-solutions-simples\/#Methode_2_Telechargez_des_fichiers_SVG_et_non_WordPress_en_utilisant_ou_Safe_SVG\" >M\u00e9thode 2. T\u00e9l\u00e9chargez des fichiers SVG et non WordPress en utilisant ou Safe SVG<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>Voulez-vous ajouter des fichiers SVG \u00e0 votre site WordPress? Par d\u00e9faut, ou WordPress vous permet de t\u00e9l\u00e9charger tous les formats populaires d&#8217;image, audio et vid\u00e9o, mais SVG n&#8217;en fait pas partie. Dans cet article, nous allons montrer comment ajouter facilement SVG et non WordPress. Ou qu&#8217;est-ce que le SVG? SVG ou Scalable Vector Graphics est [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":19794,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[274,100,31,354,1566,1565,45],"class_list":["post-19793","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogs","tag-ajouter","tag-avec","tag-comment","tag-simples","tag-solutions","tag-svg","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/19793","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/comments?post=19793"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/19793\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media\/19794"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media?parent=19793"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/categories?post=19793"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/tags?post=19793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}