{"id":247810,"date":"2022-08-07T14:14:00","date_gmt":"2022-08-07T11:14:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=247810"},"modified":"2021-10-28T10:07:10","modified_gmt":"2021-10-28T07:07:10","slug":"comment-editer-un-fichier-css-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-editer-un-fichier-css-wordpress\/","title":{"rendered":"Comment \u00e9diter un fichier CSS WordPress ?"},"content":{"rendered":"<p>WordPress est le syst\u00e8me de gestion de contenu le plus convivial du march\u00e9 avec de nombreuses options de personnalisation. Gr\u00e2ce \u00e0 des milliers de th\u00e8mes WordPress, vous pouvez donner \u00e0 votre site Web l&rsquo;apparence que vous souhaitez. Mais parfois, vous devez toujours effectuer quelques ajustements manuels en modifiant le fichier CSS. Sur ce blog, je vais vous montrer comment modifier un fichier CSS WordPress \u00e0 partir du tableau de bord de l&rsquo;administrateur.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/jusLH9UyQjo\" frameborder=\"0\"><\/iframe><\/div>\n<p>Supposons que vous ayez un site de blog et que vous ayez activ\u00e9 Google Ad sense et que vous mettiez une annonce sur vos blogs. Pour placer des annonces, vous avez besoin d&rsquo;espace. Je vais vous montrer comment r\u00e9duire la largeur du champ de texte afin d&rsquo;avoir de l&rsquo;espace pour placer des annonces sur votre blog. Cela peut \u00eatre fait en utilisant le tableau de bord d&rsquo;administration, votre compte FTP et \u00e9galement avec un plugin d&rsquo;\u00e9diteur CSS. La modification du CSS avec le tableau de bord de l&rsquo;administrateur est la plus simple, alors suivez simplement les \u00e9tapes ci-dessous\u00a0:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a1c77f16.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-148525-616d3a1c77f16.png\" alt=\"Comment \u00e9diter un fichier CSS WordPress ?\" ><\/a><\/p>\n<p><strong>Premi\u00e8re \u00e9tape :<\/strong> vous devez acc\u00e9der au backend de votre site Web ou pour WordPress, il est connu sous le nom de wp-admin. Il s&rsquo;agit de la connexion universelle pour le site Web WordPress. Supposons que votre site Web soit www.example.com, vous devez alors saisir l&rsquo;URL sous la forme <a href=\"http:\/\/www.example.com\/wp-admin\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">www.example.com\/wp-admin<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a1d9c7f4.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-148525-616d3a1d9c7f4.png\" alt=\"Comment \u00e9diter un fichier CSS WordPress ?\" ><\/a><\/p>\n<p><strong>Deuxi\u00e8me \u00e9tape :<\/strong> vous devez vous assurer de vous connecter en tant qu&rsquo;administrateur. Il existe diff\u00e9rents r\u00f4les dans WordPress que vous pouvez attribuer \u00e0 l&rsquo;utilisateur et il existe \u00e9galement une connexion administrateur. Vous pouvez \u00e9galement attribuer un acc\u00e8s administrateur aux utilisateurs. Vous devez donc vous assurer de vous connecter en tant qu&rsquo;administrateur ou en tant qu&rsquo;utilisateur disposant d&rsquo;un acc\u00e8s administrateur.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a1ed200e.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-148525-616d3a1ed200e.png\" alt=\"Comment \u00e9diter un fichier CSS WordPress ?\" ><\/a><\/p>\n<p><strong>Troisi\u00e8me \u00e9tape :<\/strong> Sur votre tableau de bord, vous verrez un onglet appel\u00e9 apparence. Cet onglet est responsable de toutes sortes de t\u00e2ches li\u00e9es \u00e0 la conception sur votre site Web.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a2046654.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-148525-616d3a2046654.png\" alt=\"Comment \u00e9diter un fichier CSS WordPress ?\" ><\/a><\/p>\n<p><strong>Quatri\u00e8me \u00e9tape :<\/strong> sous l&rsquo;apparence, vous trouverez une option appel\u00e9e l&rsquo;\u00e9diteur. Cette section est responsable des codes manuels pour la conception de votre site Web. Cliquez sur l&rsquo;\u00e9diteur.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a219d4da.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-148525-616d3a219d4da.png\" alt=\"Comment \u00e9diter un fichier CSS WordPress ?\" ><\/a><\/p>\n<p><strong>Cinqui\u00e8me \u00e9tape :<\/strong> Apr\u00e8s avoir cliqu\u00e9 sur \u00e9diteur, une nouvelle fen\u00eatre s&rsquo;ouvrira, connue sous le nom de style.css. Ce fichier contient tous les codes CSS.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a22bd10c.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-148525-616d3a22bd10c.png\" alt=\"Comment \u00e9diter un fichier CSS WordPress ?\" ><\/a><\/p>\n<p><strong>Sixi\u00e8me \u00e9tape :<\/strong> vous devez faire d\u00e9filer vers le bas et atteindre le bas pour ajouter du code suppl\u00e9mentaire dans le fichier style.css.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a23d8754.jpg\" 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-148525-616d3a23d8754.jpg\" alt=\"Comment \u00e9diter un fichier CSS WordPress ?\" ><\/a><\/p>\n<p><strong>Septi\u00e8me \u00e9tape\u00a0:<\/strong> ajoutez ce code et assurez-vous de respecter l&rsquo;espacement exact\u00a0:<br \/>\n@media (min-width\u00a0: 1330px){<br \/>\n.container {<br \/>\nwidth: 1000px;<br \/>\n}<br \/>\n}<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a2515292.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-148525-616d3a2515292.png\" alt=\"Comment \u00e9diter un fichier CSS WordPress ?\" ><\/a><\/p>\n<p><strong>Huiti\u00e8me \u00e9tape :<\/strong> Si votre code est correct, il devrait appara\u00eetre en vert. S&rsquo;il est vert, cliquez simplement sur Mettre \u00e0 jour le fichier.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a264b089.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-148525-616d3a264b089.png\" alt=\"Comment \u00e9diter un fichier CSS WordPress ?\" ><\/a><\/p>\n<p><strong>Neuvi\u00e8me \u00e9tape\u00a0:<\/strong> si le fichier est mis \u00e0 jour avec succ\u00e8s, vous recevrez un message de confirmation indiquant \u00ab\u00a0Fichier modifi\u00e9 avec succ\u00e8s\u00a0\u00bb<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a275c1b8.jpg\" 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-148525-616d3a275c1b8.jpg\" alt=\"Comment \u00e9diter un fichier CSS WordPress ?\" ><\/a><\/p>\n<p><strong>Dixi\u00e8me \u00e9tape :<\/strong> Enfin, v\u00e9rifiez l&rsquo;un de vos articles pour voir si le champ de texte de votre blog a diminu\u00e9 ou non. Il devrait \u00eatre diminu\u00e9 et vous aurez beaucoup d&rsquo;espaces vides des deux c\u00f4t\u00e9s de votre article de blog o\u00f9 vous pourrez placer vos annonces.<\/p>\n<p>Pour \u00eatre franc, WordPress n&rsquo;est pas sorcier et pour un d\u00e9veloppeur, la courbe d&rsquo;apprentissage n&rsquo;est pas du tout \u00e9lev\u00e9e. Vous avez juste besoin d&rsquo;avoir quelques connaissances de base en codage et vous \u00eates pr\u00eat \u00e0 partir. Si vous avez encore des doutes sur la fa\u00e7on dont vous pouvez modifier le fichier CSS sur WordPress, veuillez laisser un commentaire ci-dessous.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.ggtaskers.com\" class=\"external external_icon\">www.ggtaskers.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cela peut \u00eatre fait en utilisant le tableau de bord d&rsquo;administration, votre compte FTP et \u00e9galement avec un plugin d&rsquo;\u00e9diteur CSS. L&rsquo;\u00e9dition du CSS avec le tableau de bord de l&rsquo;administrateur est la plus simple.<\/p>\n","protected":false},"author":1,"featured_media":279117,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[650],"tags":[844],"class_list":["post-247810","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-comment-faire","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/247810","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=247810"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/247810\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/279117"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=247810"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=247810"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=247810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}