{"id":237470,"date":"2022-04-03T14:45:00","date_gmt":"2022-04-03T11:45:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=237470"},"modified":"2022-05-16T10:57:18","modified_gmt":"2022-05-16T07:57:18","slug":"comment-changer-les-couleurs-darriere-plan-dans-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-changer-les-couleurs-darriere-plan-dans-wordpress\/","title":{"rendered":"Comment changer les couleurs d&rsquo;arri\u00e8re-plan dans WordPress"},"content":{"rendered":"<p>Vous souhaitez donc changer la couleur de fond de votre site.<\/p>\n<p>Cela ne devrait pas \u00eatre difficile, mais voici le truc\u2026<\/p>\n<p>Chaque th\u00e8me utilise un code HTML diff\u00e9rent pour cr\u00e9er les \u00e9l\u00e9ments de votre site. Cela signifie que vous devez \u00eatre familier avec le th\u00e8me pour savoir comment le personnaliser.<\/p>\n<p>Souvent, il n&rsquo;y a pas de solution unique, mais vous avez peut-\u00eatre de la chance.<\/p>\n<h2>Cela pourrait fonctionner<\/h2>\n<p>Copiez et collez ce CSS dans la section CSS suppl\u00e9mentaire de votre personnalisateur (Apparence &gt; Personnaliser).<\/p>\n<pre><code>body {\n  background: #05B0E7;\n}<\/code><\/pre>\n<p>Cela devrait rendre l&rsquo;arri\u00e8re-plan bleu, puis vous pouvez changer le code de couleur hexad\u00e9cimal en n&rsquo;importe quelle couleur que vous voulez. Vous pouvez utiliser un <a href=\"https:\/\/www.webpagefx.com\/web-design\/color-picker\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">s\u00e9lecteur de couleurs comme celui-ci<\/a> si vous avez besoin d&rsquo;aide pour trouver un code hexad\u00e9cimal.<\/p>\n<p>Parce que chaque th\u00e8me est diff\u00e9rent, je ne peux pas promettre que le code fonctionnera, alors voici la prochaine chose que je recommanderais.<\/p>\n<h2>Cela fonctionnera certainement<\/h2>\n<p>Une question d&rsquo;abord :<\/p>\n<p>Est-ce la seule personnalisation que vous aimeriez faire? Ou serait-il \u00e9galement agr\u00e9able de changer la taille des titres des articles ou la couleur de l&rsquo;en-t\u00eate ?<\/p>\n<p>Si vous avez une poign\u00e9e de modifications que vous aimeriez faire, alors vous pourriez vraiment appr\u00e9cier CSS Hero.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fbe6cfc1.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fbe6cfc1.png\" alt=\"Comment changer les couleurs d&#039;arri\u00e8re-plan dans WordPress\"><\/a><\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/css-hero-bg-color\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">CSS Hero<\/a> est l&rsquo;outil parfait pour apporter des personnalisations visuelles \u00e0 votre site. Par exemple, vous pouvez :<\/p>\n<ul>\n<li>Changer les couleurs d&rsquo;arri\u00e8re-plan<\/li>\n<li>Choisissez de nouvelles polices<\/li>\n<li>Ajouter des images d&rsquo;arri\u00e8re-plan<\/li>\n<li>Ajustez l&rsquo;espacement autour de n&rsquo;importe quel \u00e9l\u00e9ment<\/li>\n<\/ul>\n<p>Nous avons un <a href=\"https:\/\/themewp.inform.click\/fr\/comment-personnaliser-votre-site-wordpress-avec-css-hero\/\" title=\"guide complet sur l&#039;utilisation de CSS Hero\">guide complet sur l&rsquo;utilisation de CSS Hero<\/a>, mais voici exactement comment vous pouvez l&rsquo;utiliser pour changer la couleur de votre arri\u00e8re-plan.<\/p>\n<h2>Comment changer la couleur de votre arri\u00e8re-plan<\/h2>\n<p>CSS Hero vous offre une toute nouvelle interface pour \u00e9diter votre site.<\/p>\n<p>Sur le c\u00f4t\u00e9 droit se trouve un aper\u00e7u du site. Cliquez sur n&rsquo;importe quel \u00e9l\u00e9ment dans l&rsquo;aper\u00e7u et le c\u00f4t\u00e9 gauche se remplira de toutes les options de personnalisation disponibles.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc1079ff.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc1079ff.png\" alt=\"Comment changer les couleurs d&#039;arri\u00e8re-plan dans WordPress\"><\/a><\/p>\n<p>CSS Hero utilis\u00e9 avec le <a href=\"https:\/\/www.competethemes.com\/shift\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">th\u00e8me Shift<\/a> gratuit<a href=\"https:\/\/www.competethemes.com\/shift\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><\/a><\/p>\n<p>Tout ce que vous avez \u00e0 faire est de cliquer sur l&rsquo;arri\u00e8re-plan de votre site, puis de s\u00e9lectionner l&rsquo;option Arri\u00e8re-plan dans la partie gauche.<\/p>\n<p>La s\u00e9lection de l&rsquo;option Arri\u00e8re-plan r\u00e9v\u00e8le le param\u00e8tre de couleur et un certain nombre d&rsquo;options de position pour les images d&rsquo;arri\u00e8re-plan.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc3441e5.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc3441e5.png\" alt=\"Comment changer les couleurs d&#039;arri\u00e8re-plan dans WordPress\"><\/a><\/p>\n<p>Cliquer sur la case de couleur transparente (\u00e0 carreaux) r\u00e9v\u00e8le le s\u00e9lecteur de couleurs o\u00f9 vous avez un contr\u00f4le total sur la couleur utilis\u00e9e.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc594a34.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc594a34.png\" alt=\"Comment changer les couleurs d&#039;arri\u00e8re-plan dans WordPress\"><\/a><\/p>\n<p>Encore plus cool est le fait que la couleur se met \u00e0 jour instantan\u00e9ment lorsque vous utilisez le s\u00e9lecteur de couleurs.<\/p>\n<p>Toutes les modifications que vous apportez ne sont visibles que par vous jusqu&rsquo;\u00e0 ce que vous cliquiez sur le bouton Enregistrer et publier en bas. Ensuite, vos modifications sont publi\u00e9es en direct sur le site pour que tout le monde puisse les voir.<\/p>\n<h2>Commencez \u00e0 personnaliser votre site<\/h2>\n<p>Si vous savez comment \u00e9crire du CSS et <a href=\"https:\/\/themewp.inform.click\/fr\/comment-trouver-des-selecteurs-css-sur-les-sites-wordpress\/\" title=\"trouver des s\u00e9lecteurs \u00e0 utiliser\">trouver des s\u00e9lecteurs \u00e0 utiliser<\/a>, vous pouvez effectuer des personnalisations comme celle-ci avec du code. Sinon, vous ne pourrez probablement pas trouver un extrait de code copier\/coller en ligne car chaque th\u00e8me est diff\u00e9rent.<\/p>\n<p>Dans ces cas, <a href=\"http:\/\/link.competethemes.com\/css-hero-bg-color\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">CSS Hero<\/a> est un outil g\u00e9nial et vous fera gagner beaucoup de temps. De plus, c&rsquo;est bien de savoir que vous pouvez toujours modifier le style de n&rsquo;importe quel th\u00e8me que vous choisissez \u00e0 l&rsquo;avenir.<\/p>\n<p>Vous pouvez <a href=\"http:\/\/link.competethemes.com\/css-hero-bg-color\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">cliquer ici pour essayer CSS Hero<\/a> ou visiter <a href=\"https:\/\/themewp.inform.click\/fr\/comment-personnaliser-votre-site-wordpress-avec-css-hero\/\" title=\"notre tutoriel\">notre tutoriel<\/a> pour en savoir plus sur son fonctionnement. Vous pourriez \u00e9galement profiter de certaines des id\u00e9es de notre <a href=\"https:\/\/themewp.inform.click\/fr\/31-facons-simples-de-personnaliser-votre-site-web-wordpress\/\" title=\"guide de personnalisation WordPress\">guide de personnalisation WordPress<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Voici une solution de copier-coller rapide pour changer la couleur de votre arri\u00e8re-plan. De plus, un plugin beaucoup plus complet pour personnaliser votre arri\u00e8re-plan.<\/p>\n","protected":false},"author":1,"featured_media":261621,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[548],"tags":[844],"class_list":["post-237470","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personnaliser-wordpress","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/237470","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=237470"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/237470\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/261621"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=237470"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=237470"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=237470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}