{"id":505,"date":"2017-11-17T18:19:39","date_gmt":"2017-11-17T17:19:39","guid":{"rendered":"https:\/\/www.pygmento.com\/refonte-du-site-web\/"},"modified":"2017-11-17T18:19:42","modified_gmt":"2017-11-17T17:19:42","slug":"refonte-du-site-web","status":"publish","type":"post","link":"https:\/\/www.pygmento.com\/en\/blog\/refonte-du-site-web\/","title":{"rendered":"Refonte du site web"},"content":{"rendered":"<p>Vous etes maintenant quelque uns \u00e0 avoir utilis\u00e9 les services de pygmento pour cr\u00e9er et imprimer vos badges nominatifs. Pour f\u00e9ter l&#8217;occasion, le site web fait peau neuve. Nouvelle charte graphique, migration sur WordPress et Divi, Internationalisation. Tout \u00e7a afin de proposer une exp\u00e9rience plus agr\u00e9able et fluide lors de la navigation sur le site.<\/p>\n<p>&nbsp;<\/p>\n<h2>La charte graphique<\/h2>\n<p>Apr\u00e8s de longues heures de reflexion, d&#8217;essaies et d&#8217;erreurs, la couleur dominante de pygmento a \u00e9t\u00e9 fix\u00e9e, ce sera du &#8220;burgundy light&#8221;, une couleur subtile entre le rouge et le violet, clair et profond \u00e0 la fois. Le burgundy, ou bourgogne en fran\u00e7ais, est une teinte de rouge sombre rappelant la couleur du vin rouge. La couleur semble remporter un franc succ\u00e8s cot\u00e9 mode d&#8217;ailleurs.<\/p>\n<div id=\"attachment_478\" style=\"width: 226px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" aria-describedby=\"caption-attachment-478\" class=\" wp-image-478\" src=\"https:\/\/www.pygmento.com\/wp-content\/uploads\/2017\/11\/robe-burgundy.jpg\" alt=\"Robe Burgundy\" width=\"216\" height=\"287\" \/><p id=\"caption-attachment-478\" class=\"wp-caption-text\">Robe Burgundy &#8211; photo pinterest<\/p><\/div>\n<h2>WordPress<\/h2>\n<p>Sans rentrer dans les d\u00e9tails d&#8217;installation, le site de pygmento utilise maintenant <a href=\"https:\/\/wordpress.org\/\">WordPress<\/a>\u00a0avec le plugin <a href=\"https:\/\/www.elegantthemes.com\/gallery\/divi\/\">Divi<\/a>\u00a0d&#8217;elegantthemes, l&#8217;ancienne version \u00e9tant une page statique html et css.<\/p>\n<p>La raison de cette migration est simple : WordPress est un standard de l&#8217;industrie web. N&#8217;importe qui peut l&#8217;utiliser sans avoir besoin d&#8217;avoir des notions de programmations.Il existe plusieurs extensions gratuites ou payantes permettant d&#8217;enrichir son site simplement. On peut facilement d\u00e9l\u00e9guer la gestion de son site \u00e0 un sp\u00e9cialiste.<\/p>\n<p><a href=\"https:\/\/medium.com\/\">Medium<\/a> est une plateforme tr\u00e8s \u00e0 la mode en ce moment ne n\u00e9cessitant aucune maintenance. Medium a cependant quelques limitations : premi\u00e8rement il est optimis\u00e9 blog et blog seulement, donc impossible de faire une page produit ou pr\u00e9sentation de l&#8217;entreprise avec ; deuxi\u00e8mement Medium se branche sur un nom de domaine ou un sous domaine, c&#8217;est \u00e0 dire pygmento.com ou www.pygmento.com, impossible donc de positionner le blog sous www.pygmento.com\/blog par exemple.<\/p>\n<p>&nbsp;<\/p>\n<h2>Divi<\/h2>\n<p>Maintenant parlons de Divi, pourquoi Divi plutot qu&#8217;un autre th\u00e8me gratuit ou payant ? Tout simplement parce que Divi se place dans la cat\u00e9gorie des &#8220;page builder&#8221;, autrement dit il est enti\u00e8rement configurable. On peut simplement cr\u00e9er des pages de pr\u00e9sentation de produit avec un plusieurs sections et un nombre de colonne arbitraire. Il permet d&#8217;etre tr\u00e8s flexible sur le design et ainsi de se diff\u00e9rencier rapidement de d&#8217;autres sites.<\/p>\n<p>On note aussi quelques modules tr\u00e8s bien fait de grille tarifaire, de r\u00e9sum\u00e9 de membres de l&#8217;\u00e9quipe ou de formulaire de contact. D&#8217;autres page builder existent sur le march\u00e9, tels qu&#8217;<a href=\"https:\/\/elementor.com\/\">elementor<\/a>, ou <a href=\"https:\/\/www.wpbeaverbuilder.com\/\">beaver<\/a>. Le choix s&#8217;est fait sur les conseils d&#8217;un amis en marketing qui a aid\u00e9 \u00e0 la conception du site.<\/p>\n<p>&nbsp;<\/p>\n<h2>Internationalisation<\/h2>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-488 aligncenter\" src=\"https:\/\/www.pygmento.com\/wp-content\/uploads\/2017\/11\/map-europe.jpeg\" alt=\"Miniature businessman on map of Europe.\" width=\"474\" height=\"316\" \/><\/p>\n<p>La vision de pygmento est europ\u00e9enne, n&#8217;importe quel organisateur d&#8217;\u00e9v\u00e9nement doit pouvoir cr\u00e9er et commander ses badges sur pygmento, et dans sa langue natale.<\/p>\n<p>Il a donc fallu trouver une solution simple permettant de traduire le site. Plusieurs acteurs se places sur le march\u00e9, j&#8217;en ai test\u00e9 deux : <a href=\"https:\/\/polylang.pro\/\">Polylang<\/a> et <a href=\"https:\/\/wpml.org\/\">WPML<\/a>. Polylang propose une version gratuite d\u00e9j\u00e0 tr\u00e8s compl\u00e8te. J&#8217;ai tout de suite \u00e9t\u00e9 s\u00e9duit par la simplicit\u00e9 d&#8217;utilisation du plugin. Pour traduire une page g\u00e9n\u00e9r\u00e9e par un page builder (Divi en l&#8217;occurence), Polylang propose de copier toute la page et de remplacer les textes.<\/p>\n<p>Seulement voil\u00e0, lorsqu&#8217;on modifie la page \u00e0 traduire en ajoutant ou supprimant des sections par exemple, la page traduite n&#8217;est pas mise \u00e0 jour. WPML de son c\u00f4t\u00e9, en plus de proposer des fonctionnalit\u00e9s \u00e9quivalentes, propose un <a href=\"https:\/\/wpml.org\/documentation\/translating-your-contents\/page-builders\/\">process de traduction con\u00e7u pour les page builder<\/a>. Il est capable de d\u00e9tecter les changements dans la page source, et de demander seulement les nouvelles traductions.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vous etes maintenant quelque uns \u00e0 avoir utilis\u00e9 les services de pygmento pour cr\u00e9er et imprimer vos badges nominatifs. Pour f\u00e9ter l&#8217;occasion, le site web fait peau neuve. Nouvelle charte graphique, migration sur WordPress et Divi, Internationalisation. Tout \u00e7a afin de proposer une exp\u00e9rience plus agr\u00e9able et fluide lors de la navigation sur le site. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":571,"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":[3],"tags":[],"_links":{"self":[{"href":"https:\/\/www.pygmento.com\/en\/wp-json\/wp\/v2\/posts\/505"}],"collection":[{"href":"https:\/\/www.pygmento.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pygmento.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pygmento.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pygmento.com\/en\/wp-json\/wp\/v2\/comments?post=505"}],"version-history":[{"count":1,"href":"https:\/\/www.pygmento.com\/en\/wp-json\/wp\/v2\/posts\/505\/revisions"}],"predecessor-version":[{"id":506,"href":"https:\/\/www.pygmento.com\/en\/wp-json\/wp\/v2\/posts\/505\/revisions\/506"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pygmento.com\/en\/wp-json\/wp\/v2\/media\/571"}],"wp:attachment":[{"href":"https:\/\/www.pygmento.com\/en\/wp-json\/wp\/v2\/media?parent=505"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pygmento.com\/en\/wp-json\/wp\/v2\/categories?post=505"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pygmento.com\/en\/wp-json\/wp\/v2\/tags?post=505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}