{"id":237730,"date":"2022-04-07T10:27:00","date_gmt":"2022-04-07T07:27:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=237730"},"modified":"2022-05-16T10:57:27","modified_gmt":"2022-05-16T07:57:27","slug":"comment-definir-une-image-de-fond-avec-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-definir-une-image-de-fond-avec-wordpress\/","title":{"rendered":"Comment d\u00e9finir une image de fond avec WordPress"},"content":{"rendered":"<p>Vous voulez ajouter une belle image de fond \u00e0 votre site ?<\/p>\n<p>Pourquoi est-ce si dur ?<\/p>\n<p>La raison pour laquelle il est difficile de trouver une solution rapide en ligne est qu&rsquo;il n&rsquo;y a pas d&rsquo;astuce unique pour ajouter une image d&rsquo;arri\u00e8re-plan. Cela d\u00e9pend du th\u00e8me que vous utilisez.<\/p>\n<p>Comme je ne sais pas quel th\u00e8me vous utilisez, je ne peux pas vous donner un extrait CSS \u00e0 copier-coller. Ca peut marcher, ou pas ?<\/p>\n<p>Cependant, il existe un plugin que vous pouvez utiliser qui le rendra assez facile.<\/p>\n<h2>Comment ajouter une image de fond avec CSS Hero<\/h2>\n<p>Pour des personnalisations visuelles comme celle-ci, vous ne pouvez pas battre le plugin <a href=\"http:\/\/link.competethemes.com\/css-hero-bg-image\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">CSS Hero<\/a>.<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/css-hero-bg-image\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178491-616f43edf1df7.png\" alt=\"Comment d\u00e9finir une image de fond avec WordPress\" \/><\/a><\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/css-hero-bg-image\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Visitez le site CSS Hero<\/a><\/p>\n<p>Bien que votre th\u00e8me puisse comporter un nombre limit\u00e9 d&rsquo;options de personnalisation, CSS Hero peut \u00eatre utilis\u00e9 pour effectuer pratiquement toutes les personnalisations que vous pouvez imaginer.<\/p>\n<p>Voici comment vous pouvez l&rsquo;utiliser pour ajouter une image d&rsquo;arri\u00e8re-plan.<\/p>\n<h3>Ajouter une image de fond<\/h3>\n<p>Vous obtiendrez une nouvelle interface sur votre site comme celle-ci pour modifier l&rsquo;apparence de votre site.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178491-616f43f1536c6.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-178491-616f43f1536c6.png\" alt=\"Comment d\u00e9finir une image de fond avec WordPress\"><\/a><\/p>\n<p>Vous pouvez cliquer sur n&rsquo;importe quel \u00e9l\u00e9ment dans l&rsquo;aper\u00e7u du site pour afficher les options de personnalisation disponibles. Par exemple, si je clique sur l&rsquo;\u00e9l\u00e9ment d&rsquo;arri\u00e8re-plan, je verrai ces outils disponibles.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178491-616f43f41c97d.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-178491-616f43f41c97d.png\" alt=\"Comment d\u00e9finir une image de fond avec WordPress\"><\/a><\/p>\n<p>Comme vous pouvez le voir, la premi\u00e8re option consiste \u00e0 modifier l&rsquo;arri\u00e8re-plan. Cliquer sur cette option r\u00e9v\u00e8le les param\u00e8tres de l&rsquo;image d&rsquo;arri\u00e8re-plan.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178491-616f43f7abb94.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-178491-616f43f7abb94.png\" alt=\"Comment d\u00e9finir une image de fond avec WordPress\"><\/a><\/p>\n<p>Cliquer sur le bouton Image r\u00e9v\u00e8le les diff\u00e9rentes options d&rsquo;image.<\/p>\n<p>Alors que vous pouvez t\u00e9l\u00e9charger une nouvelle image ou s\u00e9lectionner une image existante dans votre m\u00e9diath\u00e8que, CSS Hero a \u00e9galement une int\u00e9gration avec <a href=\"https:\/\/unsplash.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Unsplash<\/a> qui vous permet d&rsquo;ajouter rapidement n&rsquo;importe quelle image de leur incroyable (et gratuite) collection de photos.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178491-616f43fab659b.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-178491-616f43fab659b.png\" alt=\"Comment d\u00e9finir une image de fond avec WordPress\"><\/a><\/p>\n<p>Une fois que vous avez s\u00e9lectionn\u00e9 et ajout\u00e9 une image d&rsquo;arri\u00e8re-plan, elle appara\u00eetra automatiquement dans l&rsquo;aper\u00e7u.<\/p>\n<p>Pour de meilleurs r\u00e9sultats, vous devrez utiliser les param\u00e8tres de positionnement suivants afin que l&rsquo;image d&rsquo;arri\u00e8re-plan reste en place pendant que vous faites d\u00e9filer et remplisse tout l&rsquo;\u00e9cran sans s&rsquo;\u00e9tirer.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178491-616f43fe13d16.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-178491-616f43fe13d16.png\" alt=\"Comment d\u00e9finir une image de fond avec WordPress\"><\/a><\/p>\n<p>Et avec cela, vous avez maintenant une belle image de fond pr\u00e9sente sur chaque page de votre site.<\/p>\n<p>Vous seul pouvez voir les modifications apport\u00e9es dans l&rsquo;aper\u00e7u, mais une fois que vous avez cliqu\u00e9 sur le bouton Enregistrer et publier, vos modifications seront mises en ligne pour que tous les visiteurs puissent les voir.<\/p>\n<h2>Conclusion<\/h2>\n<p>Avec les bons outils, il est tr\u00e8s facile d&rsquo;ajouter une image de fond \u00e0 votre site. Non seulement cela, vous pouvez \u00e9galement contr\u00f4ler l&rsquo;affichage de l&rsquo;image et acc\u00e9der \u00e0 des milliers d&rsquo;images gratuites magnifiques.<\/p>\n<p>Consultez notre <a href=\"https:\/\/themewp.inform.click\/fr\/comment-personnaliser-votre-site-wordpress-avec-css-hero\/\" title=\"tutoriel complet sur CSS Hero\">tutoriel complet sur CSS Hero<\/a> si vous voulez voir toutes les fa\u00e7ons dont vous pouvez utiliser CSS Hero pour personnaliser votre site.<\/p>\n<p>Sinon, <a href=\"http:\/\/link.competethemes.com\/css-hero-bg-image\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">cliquez ici pour visiter le site Web de CSS Hero<\/a>. Et vous aimerez peut-\u00eatre ces <a href=\"https:\/\/themewp.inform.click\/fr\/les-11-meilleurs-themes-wordpress-darriere-plan-video-2021\/\" title=\"th\u00e8mes pour ajouter des arri\u00e8re-plans vid\u00e9o\">th\u00e8mes pour ajouter des arri\u00e8re-plans vid\u00e9o<\/a> \u00e0 votre site.<\/p>\n<p>Enfin, si vous voulez des fa\u00e7ons plus sympas de personnaliser votre site, jetez un \u0153il \u00e0 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>D\u00e9couvrez un moyen simple et tr\u00e8s efficace d&rsquo;ajouter une image d&rsquo;arri\u00e8re-plan \u00e0 votre site. Acc\u00e9dez \u00e9galement \u00e0 des photos gratuites et \u00e0 davantage d&rsquo;outils de personnalisation.<\/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-237730","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\/237730","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=237730"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/237730\/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=237730"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=237730"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=237730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}