{"id":264,"date":"2020-10-07T14:49:45","date_gmt":"2020-10-07T14:49:45","guid":{"rendered":"https:\/\/cinnk.com\/index.php\/2020\/10\/07\/ajoutez-un-css-personnalise-a-votre-site-joomla-avec-le-plugin-add-custom-css\/"},"modified":"2020-10-07T14:49:45","modified_gmt":"2020-10-07T14:49:45","slug":"ajoutez-un-css-personnalise-a-votre-site-joomla-avec-le-plugin-add-custom-css","status":"publish","type":"post","link":"https:\/\/cinnk.com\/fr\/ajoutez-un-css-personnalise-a-votre-site-joomla-avec-le-plugin-add-custom-css\/","title":{"rendered":"Ajoutez un CSS personnalis\u00e9 \u00e0 votre site Joomla! avec le plugin Add Custom CSS"},"content":{"rendered":"<p>Nous allons aborder les diff\u00e9rents probl\u00e8mes rencontr\u00e9s lors de la cr\u00e9ation de votre site <strong>Joomla!<\/strong>, les&nbsp;<strong>Notices<\/strong>, <strong>Warnings<\/strong> ou <strong>Errors<\/strong>.<\/p>\n<p><!--more--><br \/>\nAjoutez un CSS personnalis\u00e9 \u00e0 votre site Joomla! avec le plugin Add Custom CSS                Lors de la cr\u00e9ation de votre site Joomla!, vous rencontrerez certainement des probl\u00e8mes sous forme de Notices, Warnings ou Errors. Cette article se penche sur cet aspect.                             Nombreux sont les utilisateurs qui installent des templates et des extensions Joomla! de mani\u00e8re excessive pour pouvoir ensuite modifier le design de leur site web.<br \/>\nSi vous souhaitez ajouter du CSS personnalis\u00e9 dans votre site Joomla sans risquer d&rsquo;endommager les fichiers existants, il peut \u00eatre int\u00e9ressant d&rsquo;utiliser le plugin \u00ab\u00a0Add Custom CSS\u00a0\u00bb.Dans ce tutoriel nous allons voir comment ajouter du CSS personnalis\u00e9 pour peaufiner en toute s\u00e9curit\u00e9 la conception de votre site.Ce tutoriel s&rsquo;adresse aux personnes ayant un peu de connaissance du CSS.<\/p>\n<p>Le plus important est de savoir quel code CSS vous voulez ajouter.<br \/>\nAjoutez votre CSS personnalis\u00e9 dans un fichier appel\u00e9 \u00ab\u00a0mon-custom.css\u00a0\u00bb par exemple.Uploader ce fichier vers votre site via FTP.<br \/>\nDans cet exemple, nous avons t\u00e9l\u00e9charg\u00e9 le fichier dans votre template : templates\/mon-template\/css\/mon-custom.css<br \/>\nMais il pourrait \u00eatre plac\u00e9 ailleurs.<br \/>\n2 &#8211; T\u00e9l\u00e9chargement et installation<br \/>\nPour mettre en place notre CSS, nous allons utiliser l&rsquo;extension Add Custom CSS.<br \/>\nPour t\u00e9l\u00e9charger cette extension, rendez-vous sur la page suivante&nbsp;et cliquez sur le bouton \u00ab\u00a0download\u00a0\u00bb.<\/p>\n<p>Le fichier ZIP que vous avez t\u00e9l\u00e9charg\u00e9 doit d&rsquo;abord \u00eatre d\u00e9compress\u00e9 pour trouver le pack qui nous int\u00e9resse.<br \/>\nVous devriez y trouver deux r\u00e9pertoires contenant un module et un plugin. Pour ce tutoriel, nous n&rsquo;utiliserons uniquement que le plugin marqu\u00e9 ci-dessous :<\/p>\n<p>Connectez-vous \u00e0 l&rsquo;administration de votre site, puis rendez-vous dans  Extensions &gt; Gestion des Extensions , et installer l&rsquo;extension.<br \/>\n3 &#8211; Activer le plugin<br \/>\nToujours dans l&rsquo;administration, allez dans  Extensions &gt; Gestion des plugins , puis recherchez le plug-in : System &#8211; Add Custom CSS.<\/p>\n<p>Editez le plug-in.<br \/>\nDans l&rsquo;option \u00ab\u00a0Custom CSS File Path 1\u00a0\u00bb, entrez le chemin de votre fichier CSS. Pour cet exemple nous avons choisi : templates\/mon-template\/css\/mon-custom.css<br \/>\nN&rsquo;oubliez pas d&rsquo;activer le plugin, puis cliquez sur le bouton \u00ab\u00a0Enregistrer et fermer\u00a0\u00bb.<br \/>\n4 &#8211; V\u00e9rifiez le r\u00e9sultat<br \/>\nRafraichissez l&rsquo;\u00e9cran du Frontend de site et v\u00e9rifiez si votre nouveau code CSS a bien \u00e9t\u00e9 charg\u00e9.<br \/>\nC&rsquo;est tout<br \/>\nNOTE : Traduction de l&rsquo;anglais Add Custom CSS to Your Joomla Site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nous allons aborder les diff\u00e9rents probl\u00e8mes rencontr\u00e9s lors de la cr\u00e9ation de votre site Joomla!, les&nbsp;Notices, Warnings ou Errors.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[11],"tags":[],"class_list":["post-264","post","type-post","status-publish","format-standard","hentry","category-sixtine"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Ajoutez un CSS personnalis\u00e9 \u00e0 votre site Joomla! avec le plugin Add Custom CSS | Cinnk<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cinnk.com\/fr\/ajoutez-un-css-personnalise-a-votre-site-joomla-avec-le-plugin-add-custom-css\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ajoutez un CSS personnalis\u00e9 \u00e0 votre site Joomla! avec le plugin Add Custom CSS | Cinnk\" \/>\n<meta property=\"og:description\" content=\"Nous allons aborder les diff\u00e9rents probl\u00e8mes rencontr\u00e9s lors de la cr\u00e9ation de votre site Joomla!, les&nbsp;Notices, Warnings ou Errors.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cinnk.com\/fr\/ajoutez-un-css-personnalise-a-votre-site-joomla-avec-le-plugin-add-custom-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Cinnk\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Cinnk.formation\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-07T14:49:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cinnk.com\/wp-content\/uploads\/2024\/10\/Logo-font.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Cinnk\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CinnkCom\" \/>\n<meta name=\"twitter:site\" content=\"@CinnkCom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cinnk\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/cinnk.com\/fr\/ajoutez-un-css-personnalise-a-votre-site-joomla-avec-le-plugin-add-custom-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/cinnk.com\/fr\/ajoutez-un-css-personnalise-a-votre-site-joomla-avec-le-plugin-add-custom-css\/\"},\"author\":{\"name\":\"Cinnk\",\"@id\":\"https:\/\/cinnk.com\/fr\/#\/schema\/person\/eacaed860bb77e88b654cab0718cdc3d\"},\"headline\":\"Ajoutez un CSS personnalis\u00e9 \u00e0 votre site Joomla! avec le plugin Add Custom CSS\",\"datePublished\":\"2020-10-07T14:49:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cinnk.com\/fr\/ajoutez-un-css-personnalise-a-votre-site-joomla-avec-le-plugin-add-custom-css\/\"},\"wordCount\":438,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/cinnk.com\/fr\/#organization\"},\"articleSection\":[\"sixtine\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cinnk.com\/fr\/ajoutez-un-css-personnalise-a-votre-site-joomla-avec-le-plugin-add-custom-css\/\",\"url\":\"https:\/\/cinnk.com\/fr\/ajoutez-un-css-personnalise-a-votre-site-joomla-avec-le-plugin-add-custom-css\/\",\"name\":\"Ajoutez un CSS personnalis\u00e9 \u00e0 votre site Joomla! avec le plugin Add Custom CSS | Cinnk\",\"isPartOf\":{\"@id\":\"https:\/\/cinnk.com\/fr\/#website\"},\"datePublished\":\"2020-10-07T14:49:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cinnk.com\/fr\/ajoutez-un-css-personnalise-a-votre-site-joomla-avec-le-plugin-add-custom-css\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cinnk.com\/fr\/ajoutez-un-css-personnalise-a-votre-site-joomla-avec-le-plugin-add-custom-css\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cinnk.com\/fr\/ajoutez-un-css-personnalise-a-votre-site-joomla-avec-le-plugin-add-custom-css\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/cinnk.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ajoutez un CSS personnalis\u00e9 \u00e0 votre site Joomla! avec le plugin Add Custom CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cinnk.com\/fr\/#website\",\"url\":\"https:\/\/cinnk.com\/fr\/\",\"name\":\"Cinnk\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cinnk.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cinnk.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cinnk.com\/fr\/#organization\",\"name\":\"Cinnk\",\"url\":\"https:\/\/cinnk.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/cinnk.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cinnk.com\/wp-content\/uploads\/2023\/10\/logo-svg-orange_new.svg\",\"contentUrl\":\"https:\/\/cinnk.com\/wp-content\/uploads\/2023\/10\/logo-svg-orange_new.svg\",\"width\":125,\"height\":32,\"caption\":\"Cinnk\"},\"image\":{\"@id\":\"https:\/\/cinnk.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Cinnk.formation\",\"https:\/\/x.com\/CinnkCom\",\"https:\/\/www.instagram.com\/cinnk\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/cinnk.com\/fr\/#\/schema\/person\/eacaed860bb77e88b654cab0718cdc3d\",\"name\":\"Cinnk\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/cinnk.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2110805a2e278c633c677ec50fd5a9944d8f66b4fac05f86ebb21a2f87be8e0b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2110805a2e278c633c677ec50fd5a9944d8f66b4fac05f86ebb21a2f87be8e0b?s=96&d=mm&r=g\",\"caption\":\"Cinnk\"},\"sameAs\":[\"https:\/\/cinnk.com\"],\"url\":\"https:\/\/cinnk.com\/fr\/author\/cinnkdev\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ajoutez un CSS personnalis\u00e9 \u00e0 votre site Joomla! avec le plugin Add Custom CSS | Cinnk","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:\/\/cinnk.com\/fr\/ajoutez-un-css-personnalise-a-votre-site-joomla-avec-le-plugin-add-custom-css\/","og_locale":"fr_FR","og_type":"article","og_title":"Ajoutez un CSS personnalis\u00e9 \u00e0 votre site Joomla! avec le plugin Add Custom CSS | Cinnk","og_description":"Nous allons aborder les diff\u00e9rents probl\u00e8mes rencontr\u00e9s lors de la cr\u00e9ation de votre site Joomla!, les&nbsp;Notices, Warnings ou Errors.","og_url":"https:\/\/cinnk.com\/fr\/ajoutez-un-css-personnalise-a-votre-site-joomla-avec-le-plugin-add-custom-css\/","og_site_name":"Cinnk","article_publisher":"https:\/\/www.facebook.com\/Cinnk.formation","article_published_time":"2020-10-07T14:49:45+00:00","og_image":[{"width":500,"height":500,"url":"https:\/\/cinnk.com\/wp-content\/uploads\/2024\/10\/Logo-font.jpg","type":"image\/jpeg"}],"author":"Cinnk","twitter_card":"summary_large_image","twitter_creator":"@CinnkCom","twitter_site":"@CinnkCom","twitter_misc":{"\u00c9crit par":"Cinnk","Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/cinnk.com\/fr\/ajoutez-un-css-personnalise-a-votre-site-joomla-avec-le-plugin-add-custom-css\/#article","isPartOf":{"@id":"https:\/\/cinnk.com\/fr\/ajoutez-un-css-personnalise-a-votre-site-joomla-avec-le-plugin-add-custom-css\/"},"author":{"name":"Cinnk","@id":"https:\/\/cinnk.com\/fr\/#\/schema\/person\/eacaed860bb77e88b654cab0718cdc3d"},"headline":"Ajoutez un CSS personnalis\u00e9 \u00e0 votre site Joomla! avec le plugin Add Custom CSS","datePublished":"2020-10-07T14:49:45+00:00","mainEntityOfPage":{"@id":"https:\/\/cinnk.com\/fr\/ajoutez-un-css-personnalise-a-votre-site-joomla-avec-le-plugin-add-custom-css\/"},"wordCount":438,"commentCount":0,"publisher":{"@id":"https:\/\/cinnk.com\/fr\/#organization"},"articleSection":["sixtine"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/cinnk.com\/fr\/ajoutez-un-css-personnalise-a-votre-site-joomla-avec-le-plugin-add-custom-css\/","url":"https:\/\/cinnk.com\/fr\/ajoutez-un-css-personnalise-a-votre-site-joomla-avec-le-plugin-add-custom-css\/","name":"Ajoutez un CSS personnalis\u00e9 \u00e0 votre site Joomla! avec le plugin Add Custom CSS | Cinnk","isPartOf":{"@id":"https:\/\/cinnk.com\/fr\/#website"},"datePublished":"2020-10-07T14:49:45+00:00","breadcrumb":{"@id":"https:\/\/cinnk.com\/fr\/ajoutez-un-css-personnalise-a-votre-site-joomla-avec-le-plugin-add-custom-css\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cinnk.com\/fr\/ajoutez-un-css-personnalise-a-votre-site-joomla-avec-le-plugin-add-custom-css\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cinnk.com\/fr\/ajoutez-un-css-personnalise-a-votre-site-joomla-avec-le-plugin-add-custom-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/cinnk.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Ajoutez un CSS personnalis\u00e9 \u00e0 votre site Joomla! avec le plugin Add Custom CSS"}]},{"@type":"WebSite","@id":"https:\/\/cinnk.com\/fr\/#website","url":"https:\/\/cinnk.com\/fr\/","name":"Cinnk","description":"","publisher":{"@id":"https:\/\/cinnk.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cinnk.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/cinnk.com\/fr\/#organization","name":"Cinnk","url":"https:\/\/cinnk.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/cinnk.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/cinnk.com\/wp-content\/uploads\/2023\/10\/logo-svg-orange_new.svg","contentUrl":"https:\/\/cinnk.com\/wp-content\/uploads\/2023\/10\/logo-svg-orange_new.svg","width":125,"height":32,"caption":"Cinnk"},"image":{"@id":"https:\/\/cinnk.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Cinnk.formation","https:\/\/x.com\/CinnkCom","https:\/\/www.instagram.com\/cinnk"]},{"@type":"Person","@id":"https:\/\/cinnk.com\/fr\/#\/schema\/person\/eacaed860bb77e88b654cab0718cdc3d","name":"Cinnk","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/cinnk.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2110805a2e278c633c677ec50fd5a9944d8f66b4fac05f86ebb21a2f87be8e0b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2110805a2e278c633c677ec50fd5a9944d8f66b4fac05f86ebb21a2f87be8e0b?s=96&d=mm&r=g","caption":"Cinnk"},"sameAs":["https:\/\/cinnk.com"],"url":"https:\/\/cinnk.com\/fr\/author\/cinnkdev\/"}]}},"_links":{"self":[{"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/posts\/264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/comments?post=264"}],"version-history":[{"count":0,"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/posts\/264\/revisions"}],"wp:attachment":[{"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/media?parent=264"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/categories?post=264"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/tags?post=264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}