{"id":824921,"date":"2018-07-12T12:00:48","date_gmt":"2018-07-12T12:00:48","guid":{"rendered":"https:\/\/www.lafactory.com\/blog\/how-to-use-svgator-to-animate-your-svg-files-2\/"},"modified":"2022-12-10T12:44:50","modified_gmt":"2022-12-10T12:44:50","slug":"how-to-use-svgator-to-animate-your-svg-files-2","status":"publish","type":"post","link":"https:\/\/www.lafactory.com\/blog\/comment-utiliser-svgator-pour-animer-vos-fichiers-svg\/","title":{"rendered":"Comment utiliser SVGator pour animer vos fichiers SVG"},"content":{"rendered":"<div id=\"post-80272\">\n<p>Les graphiques vectoriels \u00e9volutifs (SVG) sont fantastiques si vous souhaitez concevoir des sites Web adapt\u00e9s aux t\u00e9l\u00e9phones portables (ce que vous devriez faire !). Ils sont enti\u00e8rement extensibles, l\u00e9gers et, surtout, vous pouvez les animer (contrairement aux images ordinaires). Le probl\u00e8me, c&rsquo;est que l&rsquo;animation d&rsquo;un SVG peut \u00eatre compliqu\u00e9e si vous n&rsquo;\u00eates pas tr\u00e8s dou\u00e9 avec les feuilles de style en cascade (CSS).<\/p>\n<p>Heureusement, il existe de nombreux outils qui simplifient le processus d&rsquo;animation. Dans cet article, nous allons vous pr\u00e9senter l&rsquo;un de nos outils pr\u00e9f\u00e9r\u00e9s, appel\u00e9 <a href=\"https:\/\/www.svgator.com\/\" target=\"_blank\" rel=\"noopener\">SVGator<\/a>. Nous vous apprendrons ensuite \u00e0 l&rsquo;utiliser pour animer des fichiers SVG.<\/p>\n<p>Mettons-nous au travail !<\/p>\n<h2>Pourquoi vous devriez utiliser les SVG<\/h2>\n<p>A premi\u00e8re vue, les SVGs ressemblent \u00e0 n&rsquo;importe quel autre type d&rsquo;images. Cependant, si vous allez au-del\u00e0 des apparences, ce type de fichier particulier est unique pour plusieurs raisons. Parlons des plus importantes d&rsquo;entre elles :<\/p>\n<ul>\n<li><strong>Il s&rsquo;agit d&rsquo;un fichier vectoriel.<\/strong> Dans la plupart des cas, les images que vous voyez sur les sites Web sont compos\u00e9es de pixels. Avec les SVG, il s&rsquo;<a href=\"https:\/\/vimm.com\/what-is-a-vector-image\/\" target=\"_blank\" rel=\"noopener\">agit de vecteurs<\/a>, ce qui rejoint les deux points suivants.<\/li>\n<li><strong>Ils sont hautement \u00e9volutifs.<\/strong> Les fichiers vectoriels <a href=\"https:\/\/www.creativebloq.com\/how-to\/10-golden-rules-for-responsive-svgs\" target=\"_blank\" rel=\"noopener\">conservent leur qualit\u00e9<\/a> quelle que soit la r\u00e9solution \u00e0 laquelle vous les affichez. Cela fait des SVG l&rsquo;un des types de fichiers les plus adapt\u00e9s aux mobiles.<\/li>\n<li><strong>Ils sont l\u00e9gers.<\/strong> Puisqu&rsquo;il s&rsquo;agit de vecteurs et non de pixels, les fichiers SVG ont tendance \u00e0 \u00eatre plus l\u00e9gers, ce qui se traduit par des temps de chargement plus courts.<\/li>\n<li><strong>Vous pouvez animer vos vecteurs.<\/strong> Avec les SVG, vous pouvez utiliser CSS et JavaScript pour animer vos vecteurs. Vous pourriez obtenir des effets similaires en utilisant des GIF, par exemple, mais ceux-ci ont tendance \u00e0 \u00eatre incroyablement lourds.<\/li>\n<\/ul>\n<p>Malgr\u00e9 leurs nombreux avantages, les SVG ne sont pas adapt\u00e9s \u00e0 toutes les situations. Si vous souhaitez afficher des graphiques complexes, comme des photographies, par exemple, il est pr\u00e9f\u00e9rable d&rsquo;utiliser des formats de fichiers traditionnels tels que PNG ou JPEG.<\/p>\n<p>Cependant, lorsqu&rsquo;il s&rsquo;agit de logos, d&rsquo;ic\u00f4nes et d&rsquo;autres graphiques simples que vous pouvez reproduire avec des vecteurs, l&rsquo;utilisation de SVG est beaucoup plus logique. Cette approche permet non seulement de garantir la r\u00e9activit\u00e9 des images, mais aussi de r\u00e9duire de quelques millisecondes <a href=\"https:\/\/www.sitepoint.com\/svg-good-for-website-performance\/\" target=\"_blank\" rel=\"noopener\">les temps de chargement<\/a>.<\/p>\n<p>Dans le pass\u00e9, nous avons d\u00e9j\u00e0 expliqu\u00e9 comment animer des fichiers SVG en utilisant l&rsquo;approche CSS manuelle. Voyons maintenant ce que vous pouvez faire en utilisant un service sp\u00e9cialis\u00e9.<\/p>\n<h2>Introduction \u00e0 SVGator<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"with-border aligncenter wp-image-80277\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/svgator.png\" sizes=\"(max-width: 880px) 100vw, 880px\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/svgator.png 923w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/svgator-300x161.png 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/svgator-768x412.png 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/svgator-610x327.png 610w\" alt=\"The SVGator homepage.\" width=\"880\" height=\"472\" \/><\/p>\n<p><a href=\"https:\/\/www.svgator.com\/\" target=\"_blank\" rel=\"noopener\">SVGator<\/a> est un outil tr\u00e8s simple. Il vous permet d&rsquo;importer des fichiers SVG et de les animer \u00e0 l&rsquo;aide d&rsquo;images cl\u00e9s, une collection d&rsquo;effets pr\u00e9d\u00e9finis. Vous avez un grand contr\u00f4le sur l&rsquo;apparence de vos animations et leur timing. Il vous permet m\u00eame d&rsquo;ajouter plusieurs types d&rsquo;animations \u00e0 un m\u00eame fichier SVG, ce qui peut s&rsquo;av\u00e9rer compliqu\u00e9 si vous les ajoutez \u00e0 l&rsquo;aide de CSS.<\/p>\n<p>Avec SVGator, vous pouvez jouer avec la position, la rotation, l&rsquo;\u00e9chelle et l&rsquo;opacit\u00e9 de vos vecteurs. Ce n&rsquo;est pas la liste de param\u00e8tres la plus compl\u00e8te, mais l&rsquo;outil lui-m\u00eame est assez facile \u00e0 utiliser.<\/p>\n<p><strong>Principales caract\u00e9ristiques :<\/strong><\/p>\n<ul>\n<li>Importez et animez vos fichiers SVG pr\u00e9f\u00e9r\u00e9s.<\/li>\n<li>Transformez la position, la rotation, l&rsquo;\u00e9chelle et l&rsquo;opacit\u00e9 de vos fichiers.<\/li>\n<li>Utilisez les images cl\u00e9s pour un contr\u00f4le total de vos animations.<\/li>\n<li>M\u00e9langez et associez les animations comme vous le souhaitez.<\/li>\n<\/ul>\n<p><strong>Prix : <\/strong>Essai gratuit de sept jours avec des forfaits \u00e0 partir de 18 $ par mois | <a href=\"https:\/\/www.svgator.com\/\" target=\"_blank\" rel=\"noopener\">Plus d&rsquo;informations<\/a><\/p>\n<h2>Comment utiliser SVGator pour animer vos fichiers SVG ?<\/h2>\n<p>La prise en main de SVGator est simple. Il suffit de cliquer sur le bouton \u00a0\u00bb <em>Log in\u00a0\u00bb <\/em>situ\u00e9 sur la page d&rsquo;accueil et de cr\u00e9er un nouveau compte. Vous n&rsquo;avez pas besoin d&rsquo;entrer d&rsquo;informations de paiement pour utiliser la version d&rsquo;essai de sept jours de la plateforme, ce qui vous permet de tester le service en profondeur sans vous engager.<\/p>\n<p>Une fois que votre compte est pr\u00eat, la plateforme vous redirige vers le tableau de bord o\u00f9 toute la magie op\u00e8re. D\u00e8s que vous ouvrirez SVGator, vous verrez une image de test comprenant quelques animations simples que la plateforme utilise pour vous montrer ce qu&rsquo;elle peut faire :<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"with-border aligncenter wp-image-80280\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/animation-dashboard.png\" sizes=\"(max-width: 880px) 100vw, 880px\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/animation-dashboard.png 949w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/animation-dashboard-300x261.png 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/animation-dashboard-768x668.png 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/animation-dashboard-610x531.png 610w\" alt=\"The SVGator dashboard.\" width=\"880\" height=\"766\" \/><\/p>\n<p>Pour voir cette animation de test, cliquez sur le bouton <em>Play<\/em> en bas \u00e0 gauche de l&rsquo;\u00e9cran :<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"with-border aligncenter wp-image-80278\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/svg-test.gif\" alt=\"An animated stopwatch.\" width=\"880\" height=\"583\" \/><\/p>\n<p>Vous pouvez importer des fichiers SVG en cliquant sur le bouton <em>Importer SVG <\/em>en haut de l&rsquo;\u00e9cran. Lorsque vous faites cela, SVGator va automatiquement d\u00e9tecter et superposer ses \u00e9l\u00e9ments sous l&rsquo;onglet d\u00e9di\u00e9 \u00e0 gauche :<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"with-border aligncenter wp-image-80282\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/svg-elements.png\" sizes=\"(max-width: 880px) 100vw, 880px\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/svg-elements.png 952w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/svg-elements-300x149.png 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/svg-elements-768x382.png 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/svg-elements-610x303.png 610w\" alt=\"The SVGator Elements tab.\" width=\"880\" height=\"437\" \/><\/p>\n<p>Le chronom\u00e8tre, par exemple, est compos\u00e9 de trois \u00e9l\u00e9ments. Les cercles int\u00e9rieur et ext\u00e9rieur, et le bouton en saillie en haut. Si vous cliquez sur chaque \u00e9l\u00e9ment dans l&rsquo;onglet de gauche, la section correspondante sera mise en \u00e9vidence.<\/p>\n<p>En bas de l&rsquo;\u00e9cran, vous trouverez une ligne de temps affichant toutes les animations que vous avez ajout\u00e9es \u00e0 votre fichier SVG. Les ic\u00f4nes en forme de diamant sur la ligne de temps repr\u00e9sentent les images cl\u00e9s, et vous pouvez les d\u00e9placer pour modifier le timing de vos animations :<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"with-border aligncenter wp-image-80283\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/keyframes.png\" sizes=\"(max-width: 880px) 100vw, 880px\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/keyframes.png 1141w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/keyframes-300x61.png 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/keyframes-768x155.png 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/keyframes-1024x207.png 1024w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/keyframes-610x123.png 610w\" alt=\"Playing with keyframes on SVGator.\" width=\"880\" height=\"178\" \/><\/p>\n<p>Par d\u00e9faut, SVGator n&rsquo;affiche que trois secondes sur sa ligne de temps, mais vous pouvez modifier cela en cliquant sur l&rsquo;ic\u00f4ne d&rsquo;engrenage \u00e0 c\u00f4t\u00e9 de la minuterie \u00e0 gauche de l&rsquo;\u00e9cran :<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"with-border aligncenter wp-image-80284\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/gear-icon.png\" sizes=\"(max-width: 880px) 100vw, 880px\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/gear-icon.png 943w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/gear-icon-300x42.png 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/gear-icon-768x107.png 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/gear-icon-610x85.png 610w\" alt=\"Modifying your timeline settings.\" width=\"880\" height=\"122\" \/><\/p>\n<p>En plus de modifier la dur\u00e9e totale de votre animation, vous pouvez \u00e9galement activer l&rsquo;option \u00ab\u00a0mouseover\u00a0\u00bb, ce qui signifie que votre animation ne se d\u00e9clenchera pas tant que vous ne passerez pas votre curseur dessus.<\/p>\n<p>Maintenant, allez-y et jouez avec les images cl\u00e9s sur la ligne de temps afin de vous faire une id\u00e9e des diff\u00e9rences de timing que vous pouvez obtenir. Lorsque vous \u00eates pr\u00eat, vous pouvez ajouter de nouvelles animations en cliquant sur l&rsquo;\u00e9l\u00e9ment que vous souhaitez modifier \u00e0 l&rsquo;aide des s\u00e9lecteurs situ\u00e9s \u00e0 gauche de la ligne de temps.<\/p>\n<p>Une fois que vous avez mis un \u00e9l\u00e9ment en surbrillance, regardez dans l&rsquo;onglet <em>Animateurs <\/em>et cliquez sur l&rsquo;effet que vous voulez ajouter :<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"with-border aligncenter wp-image-80285\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/animators-opacity.png\" sizes=\"(max-width: 880px) 100vw, 880px\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/animators-opacity.png 950w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/animators-opacity-300x140.png 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/animators-opacity-768x359.png 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/animators-opacity-610x285.png 610w\" alt=\"Adding an opacity animator.\" width=\"880\" height=\"411\" \/><\/p>\n<p>Par exemple, si nous choisissons l&rsquo;effet <em>Opacit\u00e9 <\/em>pour l&rsquo;ensemble du SVG, nous pouvons faire en sorte qu&rsquo;il s&rsquo;estompe au fur et \u00e0 mesure que l&rsquo;animation progresse. Pour ce faire, d\u00e9finissons un effet d&rsquo;opacit\u00e9 de 10% sous l&rsquo;\u00e9l\u00e9ment <em>Chronom\u00e8tre <\/em>:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"with-border aligncenter wp-image-80286\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/opacity-ten-percent.png\" sizes=\"(max-width: 880px) 100vw, 880px\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/opacity-ten-percent.png 1368w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/opacity-ten-percent-300x132.png 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/opacity-ten-percent-768x338.png 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/opacity-ten-percent-1024x451.png 1024w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/opacity-ten-percent-610x268.png 610w\" alt=\"Setting a ten percent opacity animator.\" width=\"880\" height=\"387\" \/><\/p>\n<p>Vous remarquerez que nous avons fix\u00e9 l&rsquo;image cl\u00e9 initiale \u00e0 la marque des deux secondes. Cependant, le SVG commencera avec une opacit\u00e9 de 10% \u00e0 moins que nous ne fermions la boucle en ajoutant une image-cl\u00e9 \u00e0 100% d&rsquo;opacit\u00e9 au d\u00e9but de la ligne de temps :<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"with-border aligncenter wp-image-80287\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/opacity-100-percent.png\" sizes=\"(max-width: 880px) 100vw, 880px\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/opacity-100-percent.png 1367w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/opacity-100-percent-300x127.png 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/opacity-100-percent-768x325.png 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/opacity-100-percent-1024x433.png 1024w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/opacity-100-percent-610x258.png 610w\" alt=\"Setting a 100% opacity animator.\" width=\"880\" height=\"372\" \/><\/p>\n<p>Pour ajouter des images cl\u00e9s suppl\u00e9mentaires \u00e0 chaque animation, il suffit de cliquer sur le diamant bleu dans chaque \u00e9l\u00e9ment \u00e0 c\u00f4t\u00e9 de la ligne de temps. Certaines animations, telles que l&rsquo;<em>opacit\u00e9<\/em>, ne vous permettront d&rsquo;ajouter que deux images cl\u00e9s au maximum, tandis que d&rsquo;autres, telles que la <em>position<\/em>, peuvent en supporter davantage.<\/p>\n<p>Maintenant que vos deux images cl\u00e9s sont en place, cliquez sur le bouton <em>Play<\/em> pour voir votre chronom\u00e8tre s&rsquo;\u00e9teindre au fur et \u00e0 mesure que la ligne de temps progresse :<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"with-border aligncenter wp-image-80279\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2018\/07\/svg-fade-out.gif\" alt=\"A stopwatch fading out.\" width=\"880\" height=\"566\" \/><\/p>\n<p>En r\u00e9sum\u00e9, l&rsquo;ajout d&rsquo;animations avec SVGator se r\u00e9sume \u00e0 choisir les effets que vous souhaitez pour chaque \u00e9l\u00e9ment et \u00e0 ajouter des images cl\u00e9s pour indiquer leur progression. Vous pouvez m\u00e9langer les animations et modifier leurs valeurs pour obtenir des r\u00e9sultats uniques, mais le processus reste toujours le m\u00eame.<\/p>\n<p>Une fois que vous \u00eates satisfait de vos animations, vous pouvez exporter vos fichiers en utilisant le bouton <em>Exporter SVG <\/em>en haut de l&rsquo;\u00e9cran et les enregistrer. Il ne vous reste plus qu&rsquo;\u00e0 les t\u00e9l\u00e9charger sur WordPress apr\u00e8s avoir activ\u00e9 la prise en charge du type de fichier SVG dans votre installation.<\/p>\n<h2>Conclusion<\/h2>\n<p>Ajouter un peu de style \u00e0 votre site Web en utilisant des animations peut \u00eatre une touche agr\u00e9able. Avec les SVG, vous pouvez vous assurer que vos graphiques seront mis \u00e0 l&rsquo;\u00e9chelle quel que soit le service utilis\u00e9 par vos visiteurs. De cette fa\u00e7on, vos animations seront toujours superbes.<\/p>\n<p>Cependant, l&rsquo;animation d&rsquo;un fichier SVG n\u00e9cessite l&rsquo;utilisation de CSS. Ce n&rsquo;est pas un probl\u00e8me si vous n&rsquo;avez pas peur de bricoler un peu de code. Cependant, il peut \u00eatre difficile d&rsquo;obtenir l&rsquo;effet exact que vous souhaitez, surtout si vous n&rsquo;\u00eates pas un expert en codage. Avec des outils tels que <a href=\"https:\/\/www.svgator.com\/\" target=\"_blank\" rel=\"noopener\">SVGator<\/a>, vous pouvez choisir les animations \u00e0 mettre en \u0153uvre, les tester, puis ajouter le fichier SVG r\u00e9sultant \u00e0 votre site Web.<\/p>\n<p><strong>Vous avez des questions sur la fa\u00e7on d&rsquo;animer les fichiers SVG ? Parlons-en dans la section des commentaires ci-dessous !<\/strong><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Les graphiques vectoriels \u00e9volutifs (SVG) sont fantastiques si vous souhaitez concevoir des sites Web adapt\u00e9s aux t\u00e9l\u00e9phones portables (ce que vous devriez faire !). Ils sont enti\u00e8rement extensibles, l\u00e9gers et, surtout, vous pouvez les animer (contrairement aux images ordinaires). Le probl\u00e8me, c&rsquo;est que l&rsquo;animation d&rsquo;un SVG peut \u00eatre compliqu\u00e9e si vous n&rsquo;\u00eates pas tr\u00e8s dou\u00e9 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":824125,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[1551],"tags":[],"class_list":["post-824921","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips-tricks-2"],"_links":{"self":[{"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/posts\/824921","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/comments?post=824921"}],"version-history":[{"count":0,"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/posts\/824921\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/media\/824125"}],"wp:attachment":[{"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/media?parent=824921"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/categories?post=824921"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/tags?post=824921"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}