{"id":19426,"date":"2021-06-03T13:31:11","date_gmt":"2021-06-03T13:31:11","guid":{"rendered":"https:\/\/webhostingprof.com\/comment-ajouter-une-image-darriere-plan-dans-wordpress\/"},"modified":"2022-10-30T16:45:23","modified_gmt":"2022-10-30T16:45:23","slug":"comment-ajouter-une-image-darriere-plan-dans-wordpress","status":"publish","type":"post","link":"http:\/\/webhostingprof.com\/fr\/comment-ajouter-une-image-darriere-plan-dans-wordpress\/","title":{"rendered":"Comment ajouter une image d&#8217;arri\u00e8re-plan dans WordPress"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"19426\" class=\"elementor elementor-19426 elementor-19408\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ee92abc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ee92abc\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6b70b0f\" data-id=\"6b70b0f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-feeaa4f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"feeaa4f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-b9856e5\" data-id=\"b9856e5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-82f3c06 elementor-widget elementor-widget-text-editor\" data-id=\"82f3c06\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Vous vous demandez comment ajouter une image d&#8217;arri\u00e8re-plan \u00e0 votre <a href=\"https:\/\/webhostingprof.com\/fr\/meilleur-hebergement-wordpress-2022\/\" target=\"_blank\" rel=\"noopener\">site Web WordPress<\/a>?<\/p>\n<p>Les images d&#8217;arri\u00e8re-plan peuvent \u00eatre utilis\u00e9es sur toute une s\u00e9rie de sites web diff\u00e9rents pour les rendre plus attrayants et <a href=\"https:\/\/webhostingprof.com\/fr\/47-statistiques-sur-la-conception-de-sites-web-en-2022\/\" target=\"_blank\" rel=\"noopener\">am\u00e9liorer la conception de votre site<\/a>.<\/p>\n<p>Nous allons vous expliquer, \u00e9tape par \u00e9tape, comment ajouter facilement une image d&#8217;arri\u00e8re-plan \u00e0 votre site WordPress.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-50e47b8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"50e47b8\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-ec60f86\" data-id=\"ec60f86\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-316ff60 elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents\" data-id=\"316ff60\" data-element_type=\"widget\" data-settings=\"{&quot;headings_by_tags&quot;:[&quot;h2&quot;,&quot;h3&quot;],&quot;exclude_headings_by_selector&quot;:&quot;a, i&quot;,&quot;marker_view&quot;:&quot;numbers&quot;,&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"table-of-contents.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-toc__header\">\n\t\t\t<h4 class=\"elementor-toc__header-title\">\n\t\t\t\tTable des mati\u00e8res\t\t\t<\/h4>\n\t\t\t\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--expand\" role=\"button\" tabindex=\"0\" aria-controls=\"elementor-toc__316ff60\" aria-expanded=\"true\" aria-label=\"Ouvrir la table des mati\u00e8res\"><i aria-hidden=\"true\" class=\"fas fa-chevron-down\"><\/i><\/div>\n\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--collapse\" role=\"button\" tabindex=\"0\" aria-controls=\"elementor-toc__316ff60\" aria-expanded=\"true\" aria-label=\"Fermer la table des mati\u00e8res\"><i aria-hidden=\"true\" class=\"fas fa-chevron-up\"><\/i><\/div>\n\t\t\t\t\t<\/div>\n\t\t<div id=\"elementor-toc__316ff60\" class=\"elementor-toc__body\">\n\t\t\t<div class=\"elementor-toc__spinner-container\">\n\t\t\t\t<i class=\"elementor-toc__spinner eicon-animation-spin eicon-loading\" aria-hidden=\"true\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-993eb02 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"993eb02\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-1d7ac80\" data-id=\"1d7ac80\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b275bcb elementor-widget elementor-widget-heading\" data-id=\"b275bcb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">1. Ajouter une image d'arri\u00e8re-plan via les param\u00e8tres du th\u00e8me WordPress<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a39b6d elementor-widget elementor-widget-text-editor\" data-id=\"2a39b6d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>La plupart des th\u00e8mes WordPress offrent un support pour les arri\u00e8re-plans personnalis\u00e9s. Cela signifie que vous pouvez facilement changer l&#8217;image d&#8217;arri\u00e8re-plan de votre site WordPress.<\/p>\n<p>C&#8217;est probablement la fa\u00e7on la plus simple d&#8217;ajouter un arri\u00e8re-plan, donc si votre th\u00e8me WordPress le prend en charge, vous pouvez continuer avec cette m\u00e9thode.<\/p>\n<p>Si votre th\u00e8me ne propose pas cette fonctionnalit\u00e9, nous vous proposons de nombreuses autres m\u00e9thodes ci-dessous.<\/p>\n<p>Naviguez vers <b>Apparence &gt; Personnaliser <\/b>dans votre tableau de bord d&#8217;administration de WordPress. Vous acc\u00e9dez ainsi au personnalisateur de th\u00e8me de WordPress. Vous pouvez y modifier les param\u00e8tres de votre th\u00e8me avec un aper\u00e7u en direct pour voir les modifications apport\u00e9es \u00e0 votre site Web.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bb8201 elementor-widget elementor-widget-image\" data-id=\"4bb8201\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"http:\/\/webhostingprof.com\/wp-content\/uploads\/2021\/06\/wp-background-image.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d63725 elementor-widget elementor-widget-text-editor\" data-id=\"9d63725\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Sous l&#8217;onglet <b>Couleurs et arri\u00e8re-plans <\/b>, vous verrez des options permettant de s\u00e9lectionner l&#8217;image d&#8217;arri\u00e8re-plan, ou de modifier la couleur et le motif de l&#8217;arri\u00e8re-plan. Localisez le bouton<b>&#8220;S\u00e9lectionner une image<\/b>&#8221; et cliquez dessus.  <\/p>\n<p>Vous verrez maintenant votre biblioth\u00e8que de m\u00e9dias WordPress o\u00f9 vous pouvez t\u00e9l\u00e9charger une image depuis votre ordinateur, ou s\u00e9lectionner une image dans votre biblioth\u00e8que de m\u00e9dias pour l&#8217;appliquer comme image de fond sur votre site Web WordPress.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-edad9de elementor-widget elementor-widget-image\" data-id=\"edad9de\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"http:\/\/webhostingprof.com\/wp-content\/uploads\/2021\/06\/select-bg-image.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19de1a3 elementor-widget elementor-widget-text-editor\" data-id=\"19de1a3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Cliquez sur l&#8217;image que vous souhaitez d\u00e9finir comme image d&#8217;arri\u00e8re-plan et appuyez sur &#8220;Choisir une image&#8221; pour continuer. La biblioth\u00e8que multim\u00e9dia se ferme alors et l&#8217;image s\u00e9lectionn\u00e9e s&#8217;affiche dans la section d&#8217;aper\u00e7u du personnalisateur du th\u00e8me.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93f0a45 elementor-widget elementor-widget-image\" data-id=\"93f0a45\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"http:\/\/webhostingprof.com\/wp-content\/uploads\/2021\/06\/bg-image-options.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af3de06 elementor-widget elementor-widget-text-editor\" data-id=\"af3de06\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Vous pouvez personnaliser davantage votre image de fond en s\u00e9lectionnant<b>&#8220;Options<\/b>&#8220;. Ici, vous avez la possibilit\u00e9 de positionner votre image, de la r\u00e9p\u00e9ter (si elle n&#8217;est pas assez grande), et plus encore.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-8cc7d4d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8cc7d4d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-3aedf9a\" data-id=\"3aedf9a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cb276c7 elementor-widget elementor-widget-heading\" data-id=\"cb276c7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">2. Utiliser un plugin pour personnaliser l'image d'arri\u00e8re-plan dans WordPress<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1fbf283 elementor-widget elementor-widget-text-editor\" data-id=\"1fbf283\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Si votre th\u00e8me ne vous permet pas de personnaliser l&#8217;image d&#8217;arri\u00e8re-plan via le personnalisateur de th\u00e8me, vous pouvez utiliser un plugin qui fonctionne avec tous les th\u00e8mes.<\/p>\n<p>Le plugin <b>Full Screen Background Pro<\/b> vous permet de d\u00e9finir des arri\u00e8re-plans pour tout article, page ou toute autre partie de votre site Web WordPress.<\/p>\n<p>Toutes les images seront automatiquement mises en plein \u00e9cran et adapt\u00e9es aux t\u00e9l\u00e9phones portables, ce qui est tr\u00e8s difficile \u00e0 r\u00e9aliser avec le personnalisateur du th\u00e8me.<\/p>\n<p>Tout d&#8217;abord, installez le <a href=\"https:\/\/fullscreenbackgroundimages.com\/downloads\/full-screen-background-images-pro\/\" target=\"_blank\" rel=\"noopener\">plugin Full Screen Background Pro<\/a>. Une fois qu&#8217;il est install\u00e9, activez le plugin.<\/p>\n<p>Naviguez vers <b>Apparence &gt; Full Screen BG Image <\/b>o\u00f9 vous pouvez configurer les param\u00e8tres du plugin.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c5a871 elementor-widget elementor-widget-image\" data-id=\"4c5a871\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"http:\/\/webhostingprof.com\/wp-content\/uploads\/2021\/06\/full-screen-background-image-pro.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a18a1e3 elementor-widget elementor-widget-text-editor\" data-id=\"a18a1e3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Ce plugin est un plugin premium, et n&#8217;est donc pas gratuit. Lorsque vous naviguez vers l&#8217;emplacement ci-dessus, il peut vous \u00eatre demand\u00e9 de saisir votre cl\u00e9 de licence. Vous trouverez cette information dans l&#8217;e-mail que vous avez re\u00e7u apr\u00e8s avoir achet\u00e9 le plugin.<\/p>\n<p>Cliquez sur<b>&#8220;Enregistrer les param\u00e8tres<\/b>&#8221; pour sauvegarder vos modifications. Vous \u00eates maintenant pr\u00eat \u00e0 commencer \u00e0 ajouter des images de fond \u00e0 vos pages, articles et cat\u00e9gories WordPress.<\/p>\n<p>S\u00e9lectionnez &#8220;<b>Ajouter une image<\/b>&#8221; sur la page des param\u00e8tres du plugin. Comme nous l&#8217;avons fait dans la premi\u00e8re m\u00e9thode, s\u00e9lectionnez &#8221; Choisir une image &#8221; pour lancer la biblioth\u00e8que multim\u00e9dia de WordPress.<\/p>\n<p>Vous devrez ajouter un nom d&#8217;image, mais celui-ci ne sera affich\u00e9 que dans le backend de WordPress, alors donnez-lui un nom en rapport avec l&#8217;image.<\/p>\n<p>Choisissez l&#8217;endroit o\u00f9 vous voulez que l&#8217;image soit affich\u00e9e :<\/p>\n<ul>\n<li>Global<\/li>\n<li>Cat\u00e9gorie<\/li>\n<li>Archives<\/li>\n<li>Pages<\/li>\n<li>Postes<\/li>\n<li>Blog<\/li>\n<li>Premi\u00e8re page<\/li>\n<li>Recherche<\/li>\n<li>404<\/li>\n<li>Connexion<\/li>\n<\/ul>\n<div>Cliquez sur &#8220;Enregistrer l&#8217;image&#8221; pour enregistrer votre nouvelle image de fond. Vous pouvez ajouter plusieurs images en retournant \u00e0 <b>Apparence &gt; Image BG plein \u00e9cran<\/b>.<\/div>\n<div> <\/div>\n<div>Si vous avez s\u00e9lectionn\u00e9 plus d&#8217;une image, le plugin affichera les images de fond sous forme de diaporama. Vous pouvez r\u00e9gler les param\u00e8tres du diaporama via l&#8217;option &#8220;effets de fondu&#8221;.<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-5102a9c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5102a9c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-4d0a865\" data-id=\"4d0a865\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8c49935 elementor-widget elementor-widget-heading\" data-id=\"8c49935\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3. Ajouter une image d'arri\u00e8re-plan via CSS Hero<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7707732 elementor-widget elementor-widget-text-editor\" data-id=\"7707732\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>CSS Hero est un plugin WordPress qui permet de modifier le th\u00e8me de votre site Web WordPress sans aucun codage.<\/p>\n<p>Il s&#8217;agit d&#8217;une option parfaite pour les d\u00e9butants qui veulent plus de flexibilit\u00e9 que ce qu&#8217;offre le personnalisateur de th\u00e8me, mais qui ne sont peut-\u00eatre pas pr\u00e9par\u00e9s \u00e0 d&#8217;autres m\u00e9thodes plus compliqu\u00e9es.<\/p>\n<p>Installez et activez <a href=\"https:\/\/www.csshero.org\/\" target=\"_blank\" rel=\"noopener\">CSS Hero<\/a>, puis naviguez vers votre page d&#8217;accueil dans votre brwoser internet. En haut, vous verrez l&#8217;option<b>&#8220;Personnaliser avec CSS Hero<\/b>&#8221; ; cliquez sur ce lien dans votre barre d&#8217;administration.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-799cbf1 elementor-widget elementor-widget-image\" data-id=\"799cbf1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"http:\/\/webhostingprof.com\/wp-content\/uploads\/2021\/06\/css-hero.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e23cece elementor-widget elementor-widget-text-editor\" data-id=\"e23cece\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>CSS Hero est un plugin premium, avec des forfaits \u00e0 partir de 19 $ par an. Si vous ne personnalisez qu&#8217;un seul site, vous pouvez choisir l&#8217;option Starter.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b03d63 elementor-widget elementor-widget-video\" data-id=\"5b03d63\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=lN4pPLu-wY8&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8be1d35 elementor-widget elementor-widget-text-editor\" data-id=\"8be1d35\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Une fois que vous avez cliqu\u00e9 sur le bouton dans la barre d&#8217;administration, vous obtenez les options CSS Hero. Passez votre souris sur la zone sur laquelle vous souhaitez modifier l&#8217;image d&#8217;arri\u00e8re-plan.  <\/p>\n<p>Choisissez le lien d&#8217;arri\u00e8re-plan dans la barre lat\u00e9rale gauche, puis s\u00e9lectionnez &#8220;Image&#8221;. Vous pouvez t\u00e9l\u00e9charger vos propres images ou en choisir une sur Unsplash, qui est un <a href=\"https:\/\/webhostingprof.com\/fr\/ai-je-besoin-dun-site-web-pour-mon-entreprise-en-2022-inc-pros-cons\/\" target=\"_blank\" rel=\"noopener\">site de photos de stock gratuit<\/a>.<\/p>\n<p>Lorsque vous avez obtenu l&#8217;image que vous souhaitez ajouter comme image de fond \u00e0 votre site Web WordPress, s\u00e9lectionnez &#8220;Appliquer l&#8217;image&#8221;. Vous pouvez ajuster la taille de votre image et plus encore via les options.  <\/p>\n<p>Si vous \u00eates pr\u00eat \u00e0 voir votre nouvelle image d&#8217;arri\u00e8re-plan en action, cliquez sur &#8220;Enregistrer et publier&#8221;. CSS Hero fonctionne avec une vari\u00e9t\u00e9 d&#8217;autres plugins comme Elementor, alors assurez-vous de <a href=\"https:\/\/www.csshero.org\/plugins\/\" target=\"_blank\" rel=\"noopener\">v\u00e9rifier sa compatibilit\u00e9<\/a> avant de l&#8217;acheter.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-3bbc95d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3bbc95d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-f4e7928\" data-id=\"f4e7928\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a708eeb elementor-widget elementor-widget-heading\" data-id=\"a708eeb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">4. Ajouter une image d'arri\u00e8re-plan \u00e0 l'aide de CSS<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-119a877 elementor-widget elementor-widget-text-editor\" data-id=\"119a877\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>WordPress, par d\u00e9faut, ajoute des classes CSS aux diff\u00e9rents \u00e9l\u00e9ments de votre site WordPress. Si vous \u00eates pr\u00eat \u00e0 exp\u00e9rimenter le code CSS, cette m\u00e9thode est peut-\u00eatre la meilleure pour vous.  <\/p>\n<p>Si vous avez une cat\u00e9gorie sur votre site WordPress appel\u00e9e &#8220;Critiques&#8221;, les classes CSS seront automatiquement ajout\u00e9es lorsque la page de cette cat\u00e9gorie sera consult\u00e9e.<\/p><\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04a8341 elementor-widget elementor-widget-image\" data-id=\"04a8341\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"http:\/\/webhostingprof.com\/wp-content\/uploads\/2021\/06\/css-category.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec5860f elementor-widget elementor-widget-text-editor\" data-id=\"ec5860f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Naviguez vers une page de cat\u00e9gorie, cliquez sur le bouton droit de votre souris, puis s\u00e9lectionnez &#8220;Inspecter&#8221;. Vous pourrez voir les classes CSS qui ont \u00e9t\u00e9 ajout\u00e9es par WordPress.<\/p>\n<p>Dans cet exemple, vous pouvez utiliser la<span style=\"font-size: 16px; font-style: normal; font-weight: 400;\">classe CSS<\/span> <span style=\"color: #464646; font-family: monospace; font-size: 16px; font-style: normal; font-weight: 400;\">category-reviews <\/span><span style=\"font-size: 16px; font-style: normal; font-weight: 400;\">pour donner \u00e0 cette cat\u00e9gorie un style diff\u00e9rent de celui des autres cat\u00e9gories de votre site WordPress.<\/span><\/p>\n<p><span style=\"font-size: 16px; font-style: normal; font-weight: 400;\">Ajoutez le CSS personnalis\u00e9 suivant \u00e0 votre th\u00e8me, en n&#8217;oubliant pas de remplacer la cat\u00e9gorie et l&#8217;image d&#8217;arri\u00e8re-plan selon vos besoins.<\/span><\/p>\n<table style=\"width: 550px; font-weight: 400; font-style: normal; font-size: 15px; color: #464646; border-radius: 0px !important; background: none !important; border-top: 0px !important; border-left: 0px !important; border-right-style: initial !important; border-bottom-style: initial !important; border-right-color: initial !important; border-bottom-color: initial !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; overflow: visible !important; position: static !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; direction: ltr !important; box-shadow: none !important; table-layout: auto !important;\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important;\">\n<tr style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important;\">\n<td style=\"border-radius: 0px !important; background: none !important; border-right: 0px !important; border-bottom: 0px !important; border-top-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-left-color: initial !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; padding: 0px !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; color: #afafaf !important;\">\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-right: 3px solid #6ce26c !important; inset: auto !important; float: none !important; height: 16px !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 0.5em !important; padding-left: 1em !important; position: static !important; text-align: right !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\">1<\/div>\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-right: 3px solid #6ce26c !important; inset: auto !important; float: none !important; height: 32px !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 0.5em !important; padding-left: 1em !important; position: static !important; text-align: right !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\">2<\/div>\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-right: 3px solid #6ce26c !important; inset: auto !important; float: none !important; height: 16px !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 0.5em !important; padding-left: 1em !important; position: static !important; text-align: right !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\">3<\/div>\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-right: 3px solid #6ce26c !important; inset: auto !important; float: none !important; height: 16px !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 0.5em !important; padding-left: 1em !important; position: static !important; text-align: right !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\">4<\/div>\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-right: 3px solid #6ce26c !important; inset: auto !important; float: none !important; height: 16px !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 0.5em !important; padding-left: 1em !important; position: static !important; text-align: right !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\">5<\/div>\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-right: 3px solid #6ce26c !important; inset: auto !important; float: none !important; height: 16px !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 0.5em !important; padding-left: 1em !important; position: static !important; text-align: right !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\">6<\/div>\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-right: 3px solid #6ce26c !important; inset: auto !important; float: none !important; height: 16px !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 0.5em !important; padding-left: 1em !important; position: static !important; text-align: right !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\">7<\/div>\n<\/td>\n<td style=\"width: 516px; border-radius: 0px !important; background: none !important; border-right: 0px !important; border-bottom: 0px !important; border-top-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-left-color: initial !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; padding: 0px !important; position: static !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important;\">\n<div style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: relative !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important;\">\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 1em !important; padding-left: 1em !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\"><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">body.category-<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: #009900 !important;\">reviews<\/code> <code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">{ <\/code><\/div>\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 1em !important; padding-left: 1em !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\"><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: bold !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: #006699 !important;\">background-image<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">: <\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: #009900 !important;\">url<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">(<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: blue !important;\">\"http:\/\/example.com\/wp-content\/uploads\/2019\/03\/your-background-image.jpg\"<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">); <\/code><\/div>\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 1em !important; padding-left: 1em !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\"><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: bold !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: #006699 !important;\">background-position<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">: <\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: #009900 !important;\">center<\/code> <code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: #009900 !important;\">center<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">; <\/code><\/div>\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 1em !important; padding-left: 1em !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\"><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">background-<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: bold !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: #006699 !important;\">size<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">: cover; <\/code><\/div>\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 1em !important; padding-left: 1em !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\"><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: bold !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: #006699 !important;\">background-repeat<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">: <\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: #009900 !important;\">no-repeat<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">; <\/code><\/div>\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 1em !important; padding-left: 1em !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\"><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: bold !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: #006699 !important;\">background-attachment<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">: <\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: #009900 !important;\">fixed<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">;<\/code><\/div>\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 1em !important; padding-left: 1em !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\"><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">}<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-1729441 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1729441\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-6aad6f2\" data-id=\"6aad6f2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1d5de0f elementor-widget elementor-widget-heading\" data-id=\"1d5de0f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">5. Roundup<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d1ba33 elementor-widget elementor-widget-text-editor\" data-id=\"8d1ba33\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Nous esp\u00e9rons que cet article vous a \u00e9t\u00e9 utile pour vous apprendre \u00e0 ajouter une image d&#8217;arri\u00e8re-plan dans WordPress. Pour plus de tutoriels WordPress, visitez notre <a href=\"https:\/\/webhostingprof.com\/blog\/\" target=\"_blank\" rel=\"noopener\">page de blog<\/a> et utilisez la fonction de recherche pour trouver d&#8217;autres guides WordPress !<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Vous vous demandez comment ajouter une image d&#8217;arri\u00e8re-plan \u00e0 votre site Web WordPress? Les images d&#8217;arri\u00e8re-plan peuvent \u00eatre utilis\u00e9es sur toute une s\u00e9rie de sites web diff\u00e9rents pour les rendre plus attrayants et am\u00e9liorer la conception de votre site. Nous allons vous expliquer, \u00e9tape par \u00e9tape, comment ajouter facilement une image d&#8217;arri\u00e8re-plan \u00e0 votre site &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"http:\/\/webhostingprof.com\/fr\/comment-ajouter-une-image-darriere-plan-dans-wordpress\/\"> <span class=\"screen-reader-text\">Comment ajouter une image d&#8217;arri\u00e8re-plan dans WordPress<\/span> Lire la suite\u00a0\u00bb<\/a><\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":"","_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0},"categories":[],"tags":[],"modified_by":null,"_links":{"self":[{"href":"https:\/\/webhostingprof.com\/fr\/wp-json\/wp\/v2\/posts\/19426"}],"collection":[{"href":"https:\/\/webhostingprof.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webhostingprof.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webhostingprof.com\/fr\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/webhostingprof.com\/fr\/wp-json\/wp\/v2\/comments?post=19426"}],"version-history":[{"count":0,"href":"https:\/\/webhostingprof.com\/fr\/wp-json\/wp\/v2\/posts\/19426\/revisions"}],"wp:attachment":[{"href":"https:\/\/webhostingprof.com\/fr\/wp-json\/wp\/v2\/media?parent=19426"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webhostingprof.com\/fr\/wp-json\/wp\/v2\/categories?post=19426"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webhostingprof.com\/fr\/wp-json\/wp\/v2\/tags?post=19426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}