{"id":337,"date":"2016-04-26T06:47:58","date_gmt":"2016-04-26T06:47:58","guid":{"rendered":"http:\/\/www.jimdo-stable-staging.com/fr/blog\/?p=337"},"modified":"2020-09-28T08:37:22","modified_gmt":"2020-09-28T06:37:22","slug":"accorder-couleurs-sur-site","status":"publish","type":"post","link":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/accorder-couleurs-sur-site\/","title":{"rendered":"Comment accorder les couleurs sur votre site"},"content":{"rendered":"\n<p>Bleu. Bleu clair.&nbsp;Bleu ciel.&nbsp;Parfois il est difficile de d\u00e9crire la couleur exacte que vous souhaitez, surtout si vous essayez de reproduire les couleurs de votre logo ou de votre marque. Pour \u00e9laborer le concept couleurs de votre site, il y a de meilleures fa\u00e7ons de proc\u00e9der que d&rsquo;approximer les couleurs en esp\u00e9rant qu&rsquo;elles correspondent \u00e0 peu pr\u00e8s&#8230; La cl\u00e9 du succ\u00e8s r\u00e9side dans les codes couleur et dans certains outils que nous allons vous pr\u00e9senter dans cet article de blog.&nbsp;<\/p>\n\n\n\n<p>Nous verrons comment trouver et utiliser les codes RGB et hex, et comment utiliser ces couleurs tout au long de votre site. Et sans vous en rendre compte, vous accorderez les couleurs de vos polices de caract\u00e8re, de vos boutons, liens, traits de s\u00e9paration&#8230;, et aurez ainsi un site professionnel et harmonieux.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Comment travailler avec les codes couleur&nbsp;?<\/h2>\n\n\n\n<p>Vous avez peut-\u00eatre d\u00e9j\u00e0 entendu parler des couleurs Pantone,&nbsp;ou bien eu entre les mains un nuancier de couleurs avec des noms comme Olive brun ou Rouge saumon.&nbsp;En ce qui concerne votre site web, il faut oublier ces couleurs et travailler \u00e0 la place avec les couleurs web, adapt\u00e9es sp\u00e9cialement pour \u00eatre affich\u00e9es sur un \u00e9cran d&rsquo;ordinateur ou de mobile.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/image.jimcdn.com\/app\/cms\/image\/transf\/dimension%3D700x10000%3Aformat%3Dpng\/path\/sb5fa15dd7d19416c\/image\/i6ae98c72db1a22a7\/version\/1460620726\/image.png?ssl=1\" alt=\"Capture d'ecran du site Coolors\"\/><\/figure>\n\n\n\n<p>Dans le monde du web, chaque couleur est repr\u00e9sent\u00e9e par un code (ou \u201cvaleur\u201d), que les programmes informatiques peuvent reconna\u00eetre et repr\u00e9senter fid\u00e8lement sur un \u00e9cran. Une application ne comprendra donc pas ce que vous entendrez par \u00ab\u00a0Whispering Peach,\u201d mais elle saura exactement comment cr\u00e9er un joli rose avec un code comme FF9899&#8230;<\/p>\n\n\n\n<p>Ce code va vous permettre de reproduire une couleur \u00e0 n&rsquo;importe quel endroit de votre site web.<\/p>\n\n\n\n<p>Il existe deux sortes de codes couleur pour le web &#8211; RBG et Hex&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Valeur RGB | Code RGB<\/strong>&nbsp;: il s&rsquo;agit de trois chiffres qui indiquent la quantit\u00e9 exacte de rouge, de vert et de bleu qui compose une couleur. En g\u00e9n\u00e9ral cela ressemble \u00e0 \u00e7a&nbsp;: RGB (26, 119, 127) ou RGB: 26, 119, 127.<\/li><li><strong>Valeur Hex | Code Hex<\/strong>&nbsp;: votre code couleur hex est un code compos\u00e9 de six caract\u00e8res alphanum\u00e9riques, par exemple E82C0C. Parfois le symbole di\u00e8se (#) pr\u00e9c\u00e8de ce code, comme ici&nbsp;: #1D413C.<\/li><\/ul>\n\n\n\n<p>Maintenant que vous savez ce qu&rsquo;est un code couleur, comment le trouver pour une couleur donn\u00e9e&nbsp;?<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">S\u00e9lecteurs de couleurs<\/h3>\n\n\n\n<p>Les s\u00e9lecteurs de couleurs sont parfaits si vous avez d\u00e9j\u00e0 une couleur en t\u00eate. Celle de votre logo par exemple, ou bien la couleur que vous utilisez pour votre image de marque, ou vos emballages, et que vous aimeriez accorder avec votre site web. Peut-\u00eatre s&rsquo;agit-il d&rsquo;une couleur que vous avez rep\u00e9r\u00e9e sur une photo ou sur un autre site web&#8230; Pour cela il existe de nombreux outils gratuits qui vous aideront \u00e0 trouve le code couleur exact. Voici deux outils tr\u00e8s utiles&nbsp;:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><a target=\"_blank\" href=\"http:\/\/www.colorzilla.com\/\" rel=\"noreferrer noopener\">ColorZilla<\/a>&nbsp;:<\/strong>&nbsp;Cette extension pour Chrome et Firefox est un s\u00e9lectionneur de couleurs que vous pouvez utiliser sur tous les sites web.&nbsp;Une fois que vous l&rsquo;avez install\u00e9, s\u00e9lectionnez \u201cPick Color From Page\u201d&nbsp;puis passez votre souris sur la partie de la page comportant la couleur que vous souhaitez reproduire.&nbsp;Une barre noire appara\u00eetra affichant le code RGB et Hex de la couleur.&nbsp;Cela enregistrera m\u00eame les codes directement sur votre ordinateur afin de les avoir plus tard sous la main.<\/li><li><strong><a target=\"_blank\" href=\"https:\/\/color.adobe.com\/fr\/create\/color-wheel\/\" rel=\"noreferrer noopener\">Adobe Color CC<\/a>&nbsp;:<\/strong>&nbsp;T\u00e9l\u00e9chargez un fichier image (ou votre logo) et ce site gratuit g\u00e9n\u00e9rera la palette de couleurs correspondante.&nbsp;D\u00e9placez les cercles sur la partie exacte de l&rsquo;image que vous voulez reproduire.&nbsp;Ci-dessous, nous avons t\u00e9l\u00e9charg\u00e9 une photo de la banque d&rsquo;image Unsplash sur le programme Adobe&nbsp;:<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/image.jimcdn.com\/app\/cms\/image\/transf\/dimension%3D700x10000%3Aformat%3Dpng\/path\/sb5fa15dd7d19416c\/image\/i4b1358986cbe1dfa\/version\/1460620768\/image.png?ssl=1\" alt=\"Capture d'ecran Adobe color CC avec une image d'une femme sur un festival holi\"\/><\/figure>\n\n\n\n<div class=\"jimdo-alert\">Note&nbsp;: Si vous venez du monde de l&rsquo;impression, du papier et de l&rsquo;encre, vous \u00eates s\u00fbrement plus familier avec les couleurs Pantone\/PMS. Il exsite des outils en ligne qui convertissent celles-ci directement en RGB.<\/div>\n\n\n\n<p>Si vous t\u00e9l\u00e9chargez un logo ou une illustration, vous pourrez avoir un r\u00e9sultat tr\u00e8s pr\u00e9cis. Si vous t\u00e9l\u00e9chargez une photo, les couleurs&nbsp;seront susceptibles de varier davantage&nbsp;\u00e0 cause des effets d&rsquo;ombres et de lumi\u00e8re, cela d\u00e9pendra donc vraiment de l&rsquo;endroit de la photo o\u00f9 vous cliquez.<\/p>\n\n\n\n<p>Chaque programme est l\u00e9g\u00e8rement diff\u00e9rent, mais en g\u00e9n\u00e9ral&nbsp;vous aurez la couleur voulue, avec ses codes RGB et hex. Notez-les pr\u00e9cieusement car vous en aurez besoin plus tard.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"javascript:\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/image.jimcdn.com\/app\/cms\/image\/transf\/dimension%3D1920x400%3Aformat%3Dpng\/path\/sb5fa15dd7d19416c\/image\/i1d26425e44e0b33c\/version\/1460621180\/image.png?ssl=1\" alt=\"Capture d'ecran d'une selection de couleur \"\/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Palettes de couleurs et inspiration<\/h3>\n\n\n\n<p>Si vous n&rsquo;avez pas d&rsquo;id\u00e9e pr\u00e9cise de la couleur souhait\u00e9e et que vous ne savez pas par o\u00f9 commencer, vous pouvez avoir recours \u00e0 des outils gratuits d&rsquo;inspiration de couleur, comme par exemple&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a target=\"_blank\" href=\"http:\/\/www.colourlovers.com\/\" rel=\"noreferrer noopener\"><strong>COLOURlovers<\/strong><\/a>&nbsp;:&nbsp;Naviguez&nbsp;parmi des milliers de palettes cr\u00e9\u00e9es par des f\u00e9rus de couleurs, et copiez celles qui vous plaisent.<\/li><li><a target=\"_blank\" href=\"http:\/\/colorhunt.co\/\" rel=\"noreferrer noopener\"><strong>ColorHunt<\/strong><\/a>&nbsp;: Sur ce site, une nouvelle palette de couleurs est publi\u00e9e chaque jour.<\/li><li><a target=\"_blank\" href=\"https:\/\/coolors.co\/\" rel=\"noreferrer noopener\"><strong>Coolors<\/strong><\/a>&nbsp;: Sorte de machine \u00e0 sous pour les couleurs (et tout aussi addictif&nbsp;!), ce site g\u00e9n\u00e8rera des palettes de mani\u00e8re al\u00e9atoire, avec les recommandations des autres internautes.<\/li><\/ul>\n\n\n\n<p>A nouveau, une fois que vous avez trouv\u00e9 une ou deux couleurs qui vous plaisent, notez bien leurs codes RGB ou hex.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">De combien de couleurs avez-vous besoin&nbsp;?<\/h3>\n\n\n\n<p>Certains outils&nbsp;vous proposent&nbsp;cinq ou six combinaisons de couleurs mais en r\u00e9alit\u00e9 vous n&rsquo;avez pas besoin d&rsquo;en avoir autant. Plus vous aurez de couleurs, plus il sera difficile de les associer. Il faut r\u00e9sister \u00e0 l&rsquo;envie d&rsquo;utiliser toutes ces couleurs sur votre site web&nbsp;!&nbsp;<\/p>\n\n\n\n<p>Pour commencer, vous pouvez choisir un ou deux accents de couleurs \u00e0 utiliser tout au long de votre site &#8211; en plus des classiques noir, blanc et gris. Cela donnera un style coh\u00e9rent et distinctif \u00e0 votre site, sans prendre trop de risque.<\/p>\n\n\n\n<p>Les trois sites Jimdo ci-dessous ont choisi des sch\u00e9mas de couleurs&nbsp;forts en utilisant seulement une ou deux couleurs.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"javascript:\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/image.jimcdn.com\/app\/cms\/image\/transf\/none\/path\/sb5fa15dd7d19416c\/image\/i620153976aa9a751\/version\/1460620914\/image.jpg?ssl=1\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"javascript:\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/image.jimcdn.com\/app\/cms\/image\/transf\/none\/path\/sb5fa15dd7d19416c\/image\/i4893e2ad148cb63d\/version\/1460620914\/image.jpg?ssl=1\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"javascript:\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/image.jimcdn.com\/app\/cms\/image\/transf\/none\/path\/sb5fa15dd7d19416c\/image\/i7def8db79b93315a\/version\/1460620914\/image.jpg?ssl=1\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Assortir les couleurs sur votre site Jimdo<\/h2>\n\n\n\n<p>Vous avez choisi vos couleurs&nbsp;? Parfait. Vous avez vos codes RGB et\/ou hex&nbsp;? Encore mieux&nbsp;! Maintenant vous pouvez vous rendre dans l&rsquo;<a target=\"_blank\" href=\"https:\/\/help.jimdo.com\/hc\/fr\/sections\/115001583946\/\" rel=\"noreferrer noopener\">\u00e9diteur de Style Jimdo<\/a>&nbsp;et commencer \u00e0 accorder les couleurs sur votre site.<\/p>\n\n\n\n<p>Dans l&rsquo;exemple ci-dessous, nous avons t\u00e9l\u00e9charg\u00e9 une photo prise pendant le&nbsp;Holi festival de couleurs&nbsp;en arri\u00e8re-plan. Le rendu est bien, mais nous aimerions maintenant assortir les textes, titres et autres \u00e9l\u00e9ments de notre site afin qu&rsquo;ils aient exactement les m\u00eame couleurs.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/image.jimcdn.com\/app\/cms\/image\/transf\/dimension%3D700x10000%3Aformat%3Djpg\/path\/sb5fa15dd7d19416c\/image\/ic3c4fcdba75121a3\/version\/1460620961\/image.jpg?ssl=1\" alt=\"Capture d'ecran d'un site Jimdo \"\/><\/figure>\n\n\n\n<p>Une fois que vous avez ouvert l&rsquo;\u00e9diteur de Style, cliquez sur la partie du site que vous aimeriez changer. Pour d\u00e9marrer, nous avons cliqu\u00e9 sur le titre.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/image.jimcdn.com\/app\/cms\/image\/transf\/dimension%3D700x10000%3Aformat%3Djpg\/path\/sb5fa15dd7d19416c\/image\/i450c624e9ad311b2\/version\/1460620975\/image.jpg?ssl=1\" alt=\"Capture d'ecran d'un site Jimdo ou la selection de couleur est en cours\"\/><\/figure>\n\n\n\n<p>Cliquez sur la bo\u00eete de couleurs dans la barre d&rsquo;outil du haut pour ouvrir le menu. Vous verrez qu&rsquo;il y a d\u00e9j\u00e0 une s\u00e9lection de 64 options de couleurs dans la palette sur la gauche. Mais puisque vous avez d\u00e9j\u00e0 votre couleur,&nbsp;vous pouvez vous concentrer sur le s\u00e9lecteur de couleurs sur le c\u00f4t\u00e9 droit.<\/p>\n\n\n\n<p>Il vous suffit d&rsquo;entrer la valeur hex ou le code RGB dans le champ pr\u00e9vu \u00e0 cet effet.&nbsp;Le programme Adobe que nous avons utilis\u00e9 plus haut nous indiquait que le violet que nous avons choisi est RGB(88, 23, 125), nous l&rsquo;entrons donc ici et cliquons sur Enregistrer.<\/p>\n\n\n\n<p>Si vous collez le code hex dans l&rsquo;\u00e9diteur de Style, vous verrez que le syst\u00e8me Jimdo le convertira automatiquement en valeur RGB.<\/p>\n\n\n\n<p>Une fois que vous avez cette couleur, elle appara\u00eetra en bas \u00e0 gauche de votre palette de couleur afin que vous puissiez la s\u00e9lectionner \u00e0 nouveau \u00e0 diff\u00e9rents endroits de votre site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Vous aimeriez aller plus vite&nbsp;?<\/h3>\n\n\n\n<p>Si vous le souhaitez, vous pouvez r\u00e9p\u00e9ter cette proc\u00e9dure manuellement pour diff\u00e9rents \u00e9l\u00e9ments que vous souhaitez modifier.&nbsp;Ou bien vous pouvez effectuer cette proc\u00e9dure pour l&rsquo;ensemble de votre site, sans avoir besoin de cliquer sur chaque \u00e9l\u00e9ment.&nbsp;Pratique, non&nbsp;?<\/p>\n\n\n\n<p>Pour cela, ouvrez l&rsquo;\u00e9diteur de Style et&nbsp;placez le curseur de l&rsquo;option \u00ab\u00a0Style par \u00e9l\u00e9ments\u00a0\u00bb sur Off.&nbsp;En faisant cela vous verrez&nbsp;sur la droite appara\u00eetre l&rsquo;option de choisir un sch\u00e9ma de couleur pour la totalit\u00e9 de votre site. Cliquez sur&nbsp;cette bo\u00eete couleurs et s\u00e9lectionnez la couleur que vous avez personnalis\u00e9e plus haut. Cliquez sur S\u00e9lectionner, et vous verrez cette couleur appara\u00eetre sur l&rsquo;ensemble de votre site &#8211; dans votre navigation, vos boutons, vos traits de s\u00e9paration, etc&#8230;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/image.jimcdn.com\/app\/cms\/image\/transf\/dimension%3D700x10000%3Aformat%3Djpg\/path\/sb5fa15dd7d19416c\/image\/i9559cde55a2c5115\/version\/1460621055\/image.jpg?ssl=1\" alt=\"Capture d'ecran de la fonction style par elements\"\/><\/figure>\n\n\n\n<div class=\"jimdo-alert\"><strong>Conseil<\/strong>&nbsp;: Si vous d\u00e9cidez&nbsp;de modifier le style de votre design dans son ensemble comme ici,&nbsp;faites-le en premier. Vous pourrez toujours modifier le style de chaque \u00e9l\u00e9ment plus tard.&nbsp;Pour plus d&rsquo;informations sur l&rsquo;\u00e9diteur de Style Jimdo, consultez&nbsp;<a target=\"_blank\" href=\"https:\/\/help.jimdo.com\/hc\/fr\/sections\/115001583946\/\" rel=\"noreferrer noopener\">notre rubrique d&rsquo;Aide<\/a>.<\/div>\n\n\n\n<p>La fa\u00e7on dont la couleur est impl\u00e9ment\u00e9e tout au long du site peut varier en fonction du design utilis\u00e9 (ici nous utilisons le design Barcelona). Si vous n&rsquo;aimez pas un des changements&nbsp;globaux&nbsp;(par exemple si vous ne voulez pas que vos boutons aient la m\u00eame couleur que le reste)&nbsp;repassez&nbsp;alors simplement au mode&nbsp;\u201cStyle par \u00e9l\u00e9ments\u201d, cliquez sur l&rsquo;\u00e9l\u00e9ment Bouton et choisissez la couleur que vous souhaitez.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Bonus&nbsp;: transparence<\/h3>\n\n\n\n<p>Une fois que vous avez chang\u00e9 le sch\u00e9ma de couleurs de votre site web,&nbsp;vous&nbsp;pouvez pourvoir certaines parties d&rsquo;un peu de transparence &#8211; la sidebar par exemple.&nbsp;Pour cela, vous devez cliquer sur votre sidebar (Style par \u00e9l\u00e9ments sur On). D\u00e9placez ensuite le curseur pour param\u00e9trer la transparence de la couleur &#8211; et ainsi de l&rsquo;\u00e9l\u00e9ment s\u00e9lectionn\u00e9. Plus vous d\u00e9placerez le curseur vers la gauche, plus l&rsquo;\u00e9l\u00e9ment s\u00e9lectionn\u00e9 sera transparent.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/image.jimcdn.com\/app\/cms\/image\/transf\/dimension%3D700x10000%3Aformat%3Djpg\/path\/sb5fa15dd7d19416c\/image\/i43e030b7572811a7\/version\/1460621089\/image.jpg?ssl=1\" alt=\"Capture d'ecran d'un site jimdo ou la transparence est chang\u00e9e\"\/><\/figure>\n\n\n\n<p>Et voil\u00e0 comment obtenir simplement un site web dont les couleurs s&rsquo;accordent parfaitement avec l&rsquo;image d&rsquo;arri\u00e8re-plan&nbsp;!<\/p>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center post-cta has-white-background-color has-background is-layout-flex wp-container-core-columns-is-layout-0111f410 wp-block-columns-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h3 class=\"wp-block-heading\">Cr\u00e9ez un site pour votre entreprise avec Jimdo<\/h3>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<div class=\"wp-block-group is-content-justification-right is-nowrap is-layout-flex wp-container-core-group-is-layout-17124a9a wp-block-group-is-layout-flex\">\n<div class=\"wp-block-button\"><a data-tracking=\"post_cta_create_website_signup\" class=\"wp-block-button__link\" href=\"https:\/\/register.jimdo.com\/\" lancez-vous<=\"\" a=\"\">Lancez-vous<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>D\u00e9couvrez comment utiliser les couleurs et les accorder selon les diff\u00e9rents \u00e9l\u00e9ments de votre site web &#8211; navigation, boutons, traits de s\u00e9paration&#8230;<\/p>","protected":false},"author":2,"featured_media":338,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3],"tags":[13],"class_list":["post-337","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-astuces-site-web","tag-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Comment accorder les couleurs sur votre site - Jimdo<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez comment utiliser les couleurs et les accorder selon les diff\u00e9rents \u00e9l\u00e9ments de votre site web - navigation, boutons, traits de s\u00e9paration...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.jimdo-stable-staging.com/fr/blog\/accorder-couleurs-sur-site\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment accorder les couleurs sur votre site - Jimdo\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez comment utiliser les couleurs et les accorder selon les diff\u00e9rents \u00e9l\u00e9ments de votre site web - navigation, boutons, traits de s\u00e9paration...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jimdo-stable-staging.com/fr/blog\/accorder-couleurs-sur-site\/\" \/>\n<meta property=\"og:site_name\" content=\"Jimdo Blog France\" \/>\n<meta property=\"article:published_time\" content=\"2016-04-26T06:47:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-28T06:37:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/08\/accorder-couleurs-sur-site.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1820\" \/>\n\t<meta property=\"og:image:height\" content=\"727\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jimdo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jimdo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.jimdo-stable-staging.com/fr/blog\\\/accorder-couleurs-sur-site\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.jimdo-stable-staging.com/fr/blog\\\/accorder-couleurs-sur-site\\\/\"},\"author\":{\"name\":\"Jimdo\",\"@id\":\"https:\\\/\\\/www.jimdo-stable-staging.com/fr/blog\\\/#\\\/schema\\\/person\\\/496021aff53df88753916a127e412586\"},\"headline\":\"Comment accorder les couleurs sur votre site\",\"datePublished\":\"2016-04-26T06:47:58+00:00\",\"dateModified\":\"2020-09-28T06:37:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.jimdo-stable-staging.com/fr/blog\\\/accorder-couleurs-sur-site\\\/\"},\"wordCount\":1738,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.jimdo-stable-staging.com/fr/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.jimdo-stable-staging.com/fr/blog\\\/accorder-couleurs-sur-site\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.jimdo-stable-staging.com/fr/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/accorder-couleurs-sur-site.jpg?fit=1820%2C727&ssl=1\",\"keywords\":[\"Design\"],\"articleSection\":[\"Astuces pour votre site web\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.jimdo-stable-staging.com/fr/blog\\\/accorder-couleurs-sur-site\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.jimdo-stable-staging.com/fr/blog\\\/accorder-couleurs-sur-site\\\/\",\"url\":\"https:\\\/\\\/www.jimdo-stable-staging.com/fr/blog\\\/accorder-couleurs-sur-site\\\/\",\"name\":\"Comment accorder les couleurs sur votre site - Jimdo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.jimdo-stable-staging.com/fr/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.jimdo-stable-staging.com/fr/blog\\\/accorder-couleurs-sur-site\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.jimdo-stable-staging.com/fr/blog\\\/accorder-couleurs-sur-site\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.jimdo-stable-staging.com/fr/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/accorder-couleurs-sur-site.jpg?fit=1820%2C727&ssl=1\",\"datePublished\":\"2016-04-26T06:47:58+00:00\",\"dateModified\":\"2020-09-28T06:37:22+00:00\",\"description\":\"D\u00e9couvrez comment utiliser les couleurs et les accorder selon les diff\u00e9rents \u00e9l\u00e9ments de votre site web - navigation, boutons, traits de s\u00e9paration...\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.jimdo-stable-staging.com/fr/blog\\\/accorder-couleurs-sur-site\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.jimdo-stable-staging.com/fr/blog\\\/accorder-couleurs-sur-site\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.jimdo-stable-staging.com/fr/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/accorder-couleurs-sur-site.jpg?fit=1820%2C727&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.jimdo-stable-staging.com/fr/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/accorder-couleurs-sur-site.jpg?fit=1820%2C727&ssl=1\",\"width\":1820,\"height\":727},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.jimdo-stable-staging.com/fr/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.jimdo-stable-staging.com/fr/blog\\\/\",\"name\":\"Jimdo Blog France\",\"description\":\"Jimdo Blog France\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.jimdo-stable-staging.com/fr/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.jimdo-stable-staging.com/fr/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.jimdo-stable-staging.com/fr/blog\\\/#organization\",\"name\":\"Jimdo Blog France\",\"url\":\"https:\\\/\\\/www.jimdo-stable-staging.com/fr/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.jimdo-stable-staging.com/fr/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.jimdo-stable-staging.com/fr/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/Jimdo-Logo%402x.png?fit=200%2C75&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.jimdo-stable-staging.com/fr/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/Jimdo-Logo%402x.png?fit=200%2C75&ssl=1\",\"width\":200,\"height\":75,\"caption\":\"Jimdo Blog France\"},\"image\":{\"@id\":\"https:\\\/\\\/www.jimdo-stable-staging.com/fr/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.jimdo-stable-staging.com/fr/blog\\\/#\\\/schema\\\/person\\\/496021aff53df88753916a127e412586\",\"name\":\"Jimdo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2506bfab94e877841212e235c7148d443cd1a56b3ca7e617bd0bc48887dc682f?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2506bfab94e877841212e235c7148d443cd1a56b3ca7e617bd0bc48887dc682f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2506bfab94e877841212e235c7148d443cd1a56b3ca7e617bd0bc48887dc682f?s=96&d=mm&r=g\",\"caption\":\"Jimdo\"},\"description\":\"Le blog Jimdo est destin\u00e9 \u00e0 tous les entrepreneurs et freelances, ou plus g\u00e9n\u00e9ralement \u00e0 toutes les personnes ayant une id\u00e9e ou un projet. Vous trouverez dans nos articles des informations int\u00e9ressantes sur les cr\u00e9ateurs de start-ups, les tendances actuelles et les histoires d'autres utilisateurs Jimdo, ainsi que des conseils utiles pour le webdesign, votre e-boutique, votre r\u00e9f\u00e9rencement naturel et plus.\",\"sameAs\":[\"http:\\\/\\\/www.jimdo-stable-staging.com/fr/blog\"],\"url\":\"https:\\\/\\\/www.jimdo-stable-staging.com/fr/blog\\\/author\\\/jimdoblogit\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment accorder les couleurs sur votre site - Jimdo","description":"D\u00e9couvrez comment utiliser les couleurs et les accorder selon les diff\u00e9rents \u00e9l\u00e9ments de votre site web - navigation, boutons, traits de s\u00e9paration...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/accorder-couleurs-sur-site\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment accorder les couleurs sur votre site - Jimdo","og_description":"D\u00e9couvrez comment utiliser les couleurs et les accorder selon les diff\u00e9rents \u00e9l\u00e9ments de votre site web - navigation, boutons, traits de s\u00e9paration...","og_url":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/accorder-couleurs-sur-site\/","og_site_name":"Jimdo Blog France","article_published_time":"2016-04-26T06:47:58+00:00","article_modified_time":"2020-09-28T06:37:22+00:00","og_image":[{"width":1820,"height":727,"url":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/08\/accorder-couleurs-sur-site.jpg","type":"image\/jpeg"}],"author":"Jimdo","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Jimdo","Dur\u00e9e de lecture estim\u00e9e":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/accorder-couleurs-sur-site\/#article","isPartOf":{"@id":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/accorder-couleurs-sur-site\/"},"author":{"name":"Jimdo","@id":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/#\/schema\/person\/496021aff53df88753916a127e412586"},"headline":"Comment accorder les couleurs sur votre site","datePublished":"2016-04-26T06:47:58+00:00","dateModified":"2020-09-28T06:37:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/accorder-couleurs-sur-site\/"},"wordCount":1738,"commentCount":0,"publisher":{"@id":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/#organization"},"image":{"@id":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/accorder-couleurs-sur-site\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/08\/accorder-couleurs-sur-site.jpg?fit=1820%2C727&ssl=1","keywords":["Design"],"articleSection":["Astuces pour votre site web"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.jimdo-stable-staging.com/fr/blog\/accorder-couleurs-sur-site\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/accorder-couleurs-sur-site\/","url":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/accorder-couleurs-sur-site\/","name":"Comment accorder les couleurs sur votre site - Jimdo","isPartOf":{"@id":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/accorder-couleurs-sur-site\/#primaryimage"},"image":{"@id":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/accorder-couleurs-sur-site\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/08\/accorder-couleurs-sur-site.jpg?fit=1820%2C727&ssl=1","datePublished":"2016-04-26T06:47:58+00:00","dateModified":"2020-09-28T06:37:22+00:00","description":"D\u00e9couvrez comment utiliser les couleurs et les accorder selon les diff\u00e9rents \u00e9l\u00e9ments de votre site web - navigation, boutons, traits de s\u00e9paration...","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jimdo-stable-staging.com/fr/blog\/accorder-couleurs-sur-site\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/accorder-couleurs-sur-site\/#primaryimage","url":"https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/08\/accorder-couleurs-sur-site.jpg?fit=1820%2C727&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/08\/accorder-couleurs-sur-site.jpg?fit=1820%2C727&ssl=1","width":1820,"height":727},{"@type":"WebSite","@id":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/#website","url":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/","name":"Jimdo Blog France","description":"Jimdo Blog France","publisher":{"@id":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/#organization","name":"Jimdo Blog France","url":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2021\/03\/Jimdo-Logo%402x.png?fit=200%2C75&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2021\/03\/Jimdo-Logo%402x.png?fit=200%2C75&ssl=1","width":200,"height":75,"caption":"Jimdo Blog France"},"image":{"@id":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/#\/schema\/person\/496021aff53df88753916a127e412586","name":"Jimdo","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/2506bfab94e877841212e235c7148d443cd1a56b3ca7e617bd0bc48887dc682f?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/2506bfab94e877841212e235c7148d443cd1a56b3ca7e617bd0bc48887dc682f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2506bfab94e877841212e235c7148d443cd1a56b3ca7e617bd0bc48887dc682f?s=96&d=mm&r=g","caption":"Jimdo"},"description":"Le blog Jimdo est destin\u00e9 \u00e0 tous les entrepreneurs et freelances, ou plus g\u00e9n\u00e9ralement \u00e0 toutes les personnes ayant une id\u00e9e ou un projet. Vous trouverez dans nos articles des informations int\u00e9ressantes sur les cr\u00e9ateurs de start-ups, les tendances actuelles et les histoires d'autres utilisateurs Jimdo, ainsi que des conseils utiles pour le webdesign, votre e-boutique, votre r\u00e9f\u00e9rencement naturel et plus.","sameAs":["http:\/\/www.jimdo-stable-staging.com/fr/blog"],"url":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/author\/jimdoblogit\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/08\/accorder-couleurs-sur-site.jpg?fit=1820%2C727&ssl=1","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":758,"url":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/personnaliser-design-site-web\/","url_meta":{"origin":337,"position":0},"title":"Comment personnaliser le design de votre site Jimdo&nbsp;?","author":"Jimdo","date":"6 novembre 2020","format":false,"excerpt":"D\u00e9couvrez nos astuces design simples pour personnaliser votre site Jimdo, renforcer votre image de marque et asseoir votre cr\u00e9dibilit\u00e9.","rel":"","context":"In &quot;Astuces pour votre site web&quot;","block_context":{"text":"Astuces pour votre site web","link":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/astuces-site-web\/"},"img":{"alt_text":"Une entrepreneure r\u00e9fl\u00e9chissant \u00e0 la cr\u00e9ation de son site Web","src":"https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/11\/header-blog-article.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/11\/header-blog-article.jpg?fit=1200%2C600&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/11\/header-blog-article.jpg?fit=1200%2C600&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/11\/header-blog-article.jpg?fit=1200%2C600&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/11\/header-blog-article.jpg?fit=1200%2C600&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":377,"url":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/icones-gratuits-site-web\/","url_meta":{"origin":337,"position":1},"title":"Comment trouver et utiliser des ic\u00f4nes gratuites pour votre site","author":"Jimdo","date":"22 septembre 2015","format":false,"excerpt":"D\u00e9couvrez les meilleurs sites d\u2019ic\u00f4nes gratuites dignes d\u2019un graphiste. Nous vous expliquons comment les ajouter sur votre site.","rel":"","context":"In &quot;Astuces pour votre site web&quot;","block_context":{"text":"Astuces pour votre site web","link":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/astuces-site-web\/"},"img":{"alt_text":"Comment trouver et utiliser des ic\u00f4nes gratuites pour votre site","src":"https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2015\/09\/Icone-gratis.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2015\/09\/Icone-gratis.jpg?fit=1200%2C600&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2015\/09\/Icone-gratis.jpg?fit=1200%2C600&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2015\/09\/Icone-gratis.jpg?fit=1200%2C600&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2015\/09\/Icone-gratis.jpg?fit=1200%2C600&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":598,"url":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/comment-choisir-meilleur-arriere-plan-site-web\/","url_meta":{"origin":337,"position":2},"title":"Comment choisir le meilleur fond pour votre site","author":"Jimdo","date":"11 avril 2019","format":false,"excerpt":"D\u00e9couvrez comment choisir le meilleur arri\u00e8re-plan pour votre site web Jimdo.","rel":"","context":"In &quot;Astuces pour votre site web&quot;","block_context":{"text":"Astuces pour votre site web","link":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/astuces-site-web\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/09\/comment-choisir-meilleur-arriere-plan-pour-site-web.jpeg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/09\/comment-choisir-meilleur-arriere-plan-pour-site-web.jpeg?fit=1200%2C600&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/09\/comment-choisir-meilleur-arriere-plan-pour-site-web.jpeg?fit=1200%2C600&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/09\/comment-choisir-meilleur-arriere-plan-pour-site-web.jpeg?fit=1200%2C600&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/09\/comment-choisir-meilleur-arriere-plan-pour-site-web.jpeg?fit=1200%2C600&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":837,"url":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/comment-trouver-logo-entreprise-parfait\/","url_meta":{"origin":337,"position":3},"title":"Comment trouver le logo parfait pour votre entreprise","author":"Jimdo","date":"24 f\u00e9vrier 2021","format":false,"excerpt":"Un logo professionnel permet d\u2019asseoir l\u2019identit\u00e9 de votre entreprise. D\u00e9couvrez comment cr\u00e9er le logo id\u00e9al pour votre marque.","rel":"","context":"In &quot;Astuces pour votre entreprise&quot;","block_context":{"text":"Astuces pour votre entreprise","link":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/astuces-entreprise\/"},"img":{"alt_text":"comment-trouver-logo-entreprise-parfait","src":"https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2021\/02\/jimdo-blog-logo-featured-1-1.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2021\/02\/jimdo-blog-logo-featured-1-1.jpg?fit=1200%2C600&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2021\/02\/jimdo-blog-logo-featured-1-1.jpg?fit=1200%2C600&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2021\/02\/jimdo-blog-logo-featured-1-1.jpg?fit=1200%2C600&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2021\/02\/jimdo-blog-logo-featured-1-1.jpg?fit=1200%2C600&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":397,"url":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/5-facons-rendre-site-web-accessible-a-tous\/","url_meta":{"origin":337,"position":4},"title":"5 fa\u00e7ons de rendre votre site web accessible \u00e0 tous","author":"Jimdo","date":"12 octobre 2019","format":false,"excerpt":"Votre site peut \u00eatre accessible \u00e0 tous gr\u00e2ce \u00e0 quelques changements qui faciliteront la navigation des visiteurs en situation handicap.","rel":"","context":"In &quot;Astuces pour votre site web&quot;","block_context":{"text":"Astuces pour votre site web","link":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/astuces-site-web\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/08\/5-facons-rendre-site-web-accessible-a-tous-scaled.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/08\/5-facons-rendre-site-web-accessible-a-tous-scaled.jpg?fit=1200%2C600&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/08\/5-facons-rendre-site-web-accessible-a-tous-scaled.jpg?fit=1200%2C600&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/08\/5-facons-rendre-site-web-accessible-a-tous-scaled.jpg?fit=1200%2C600&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/08\/5-facons-rendre-site-web-accessible-a-tous-scaled.jpg?fit=1200%2C600&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":321,"url":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/conseils-designs-site-professionnel\/","url_meta":{"origin":337,"position":5},"title":"10 conseils designs pour un site professionnel","author":"Jimdo","date":"22 mars 2016","format":false,"excerpt":"Vous avez cr\u00e9\u00e9 votre site vous-m\u00eame et vous souhaitez qu'il soit plus professionnel ? Suivez nos conseils en mati\u00e8re de design !","rel":"","context":"In &quot;Inspiration&quot;","block_context":{"text":"Inspiration","link":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/inspiration\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/08\/conseils-designs-pour-site-professionnel.jpg?fit=1200%2C480&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/08\/conseils-designs-pour-site-professionnel.jpg?fit=1200%2C480&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/08\/conseils-designs-pour-site-professionnel.jpg?fit=1200%2C480&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/08\/conseils-designs-pour-site-professionnel.jpg?fit=1200%2C480&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/fr/blog\/wp-content\/uploads\/2020\/08\/conseils-designs-pour-site-professionnel.jpg?fit=1200%2C480&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/wp-json\/wp\/v2\/posts\/337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/wp-json\/wp\/v2\/comments?post=337"}],"version-history":[{"count":0,"href":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/wp-json\/wp\/v2\/posts\/337\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/wp-json\/wp\/v2\/media\/338"}],"wp:attachment":[{"href":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/wp-json\/wp\/v2\/media?parent=337"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/wp-json\/wp\/v2\/categories?post=337"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jimdo-stable-staging.com/fr/blog\/wp-json\/wp\/v2\/tags?post=337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}