{"id":13021,"date":"2025-01-09T10:30:55","date_gmt":"2025-01-09T09:30:55","guid":{"rendered":"https:\/\/longwatchstudio.com\/?p=13021"},"modified":"2025-01-09T10:30:57","modified_gmt":"2025-01-09T09:30:57","slug":"customize-the-style-of-a-wordpress-page","status":"publish","type":"post","link":"https:\/\/longwatchstudio.com\/en\/personnaliser-le-style-dune-page-wordpress\/","title":{"rendered":"How to customize the style of a WordPress page"},"content":{"rendered":"\n<p>Si vous installez de nombreux plugins diff\u00e9rents sur votre site WordPress, vous constaterez des incoh\u00e9rences dans la pr\u00e9sentation de votre site. Vous souhaiterez peut-\u00eatre \u00e9galement ajouter vos propres styles ou modifier un peu certains \u00e9l\u00e9ments. Dans ce guide, nous allons apprendre \u00e0 personnaliser le style d\u2019une page WordPress. <strong>Pour cela, vous devrez ajouter du code CSS personnalis\u00e9 \u00e0 votre site Web<\/strong>. Nous verrons comment ajouter des styles CSS personnalis\u00e9s et les r\u00e8gles g\u00e9n\u00e9rales \u00e0 respecter lorsque vous le faites. Cependant, nous n\u2019aborderons pas ce qu\u2019est le CSS. Si vous n\u2019\u00eates pas familier avec le CSS, vous pouvez vous r\u00e9f\u00e9rer \u00e0 cette <a href=\"https:\/\/www.w3schools.com\/css\/css_intro.asp?trp-edit-translation=preview\">documentation<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1|Ouvrir le personnalisateur<\/h2>\n\n\n\n<p>Tout d\u2019abord, vous devez pouvoir ajouter du CSS personnalis\u00e9 \u00e0 vos pages. Acc\u00e9dez \u00e0 l\u2019une des pages de votre site Web et, dans la barre sup\u00e9rieure, vous verrez un bouton <strong>Customize<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"126\" height=\"54\" src=\"https:\/\/longwatchstudio.com\/wp-content\/uploads\/2025\/01\/customize-button.png\" alt=\"\" class=\"wp-image-13023\" srcset=\"https:\/\/longwatchstudio.com\/wp-content\/uploads\/2025\/01\/customize-button.png 126w, https:\/\/longwatchstudio.com\/wp-content\/uploads\/2025\/01\/customize-button-60x26.png 60w, https:\/\/longwatchstudio.com\/wp-content\/uploads\/2025\/01\/customize-button-18x8.png 18w, https:\/\/longwatchstudio.com\/wp-content\/uploads\/2025\/01\/customize-button-96x41.png 96w, https:\/\/longwatchstudio.com\/wp-content\/uploads\/2025\/01\/customize-button-42x18.png 42w\" sizes=\"auto, (max-width: 126px) 100vw, 126px\" \/><\/figure>\n\n\n\n<p>Cela ouvrira une nouvelle page avec le m\u00eame contenu que pr\u00e9c\u00e9demment mais avec de nouvelles options sur la gauche. Descendez jusqu&rsquo;\u00e0 ce que vous voyiez l&rsquo;option <strong>CSS suppl\u00e9mentaire<\/strong>. Cliquez dessus et une entr\u00e9e appara\u00eetra o\u00f9 vous pourrez placer votre CSS.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">2|Trouvez l&rsquo;\u00e9l\u00e9ment que vous souhaitez styliser<\/h2>\n\n\n\n<p>Maintenant que vous savez o\u00f9 ajouter votre code CSS, il est temps de trouver l\u2019\u00e9l\u00e9ment que vous souhaitez styliser. <strong>Dans votre page, descendez jusqu\u2019\u00e0 ce que vous voyiez l\u2019un des \u00e9l\u00e9ments que vous souhaitez modifier<\/strong>. Une fois que vous l\u2019avez trouv\u00e9, faites un clic droit dessus et s\u00e9lectionnez \u00ab <strong>Inspecter<\/strong> \u00bb (le mot peut diff\u00e9rer dans certains navigateurs). Cela ouvrira une nouvelle sous-fen\u00eatre dans votre navigateur. Cela peut sembler un peu effrayant, mais voici les informations que vous devriez regarder :<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"458\" src=\"https:\/\/longwatchstudio.com\/wp-content\/uploads\/2025\/01\/inspecteur-1024x458.png\" alt=\"\" class=\"wp-image-13025\" srcset=\"https:\/\/longwatchstudio.com\/wp-content\/uploads\/2025\/01\/inspecteur-1024x458.png 1024w, https:\/\/longwatchstudio.com\/wp-content\/uploads\/2025\/01\/inspecteur-300x134.png 300w, https:\/\/longwatchstudio.com\/wp-content\/uploads\/2025\/01\/inspecteur-768x344.png 768w, https:\/\/longwatchstudio.com\/wp-content\/uploads\/2025\/01\/inspecteur-60x27.png 60w, https:\/\/longwatchstudio.com\/wp-content\/uploads\/2025\/01\/inspecteur-18x8.png 18w, https:\/\/longwatchstudio.com\/wp-content\/uploads\/2025\/01\/inspecteur-600x269.png 600w, https:\/\/longwatchstudio.com\/wp-content\/uploads\/2025\/01\/inspecteur-96x43.png 96w, https:\/\/longwatchstudio.com\/wp-content\/uploads\/2025\/01\/inspecteur-42x19.png 42w, https:\/\/longwatchstudio.com\/wp-content\/uploads\/2025\/01\/inspecteur.png 1222w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Comme vous pouvez le constater, de nombreux styles sont appliqu\u00e9s \u00e0 un seul \u00e9l\u00e9ment. Vous pouvez \u00e9galement constater que certaines lignes sont barr\u00e9es. Pour comprendre pourquoi cela se produit et comment vous assurer que vos styles s&rsquo;appliqueront, nous allons parler un peu des sp\u00e9cificit\u00e9s CSS.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">3|Sp\u00e9cificit\u00e9 CSS<\/h2>\n\n\n\n<p>En CSS, vous pouvez avoir de nombreuses r\u00e8gles qui s&rsquo;appliquent \u00e0 un seul \u00e9l\u00e9ment. <strong>Vous pouvez m\u00eame avoir la m\u00eame r\u00e8gle qui s&rsquo;applique plusieurs fois<\/strong>. Par cons\u00e9quent, <strong>seule la r\u00e8gle avec la plus grande sp\u00e9cificit\u00e9 s&rsquo;appliquera<\/strong>. C&rsquo;est pourquoi, lorsque vous ajoutez des styles personnalis\u00e9s \u00e0 vos pages WordPress, vous devez d\u00e9finir une sp\u00e9cificit\u00e9 plus \u00e9lev\u00e9e que les styles existants.<\/p>\n\n\n\n<p>Commen\u00e7ons par expliquer ce qu\u2019est la sp\u00e9cificit\u00e9. Ensuite, nous verrons quelques exemples de son fonctionnement.<\/p>\n\n\n\n<p class=\"has-fl-topbar-text-color has-text-color has-link-color has-medium-font-size wp-elements-fb5d24801c9d20fd790982cde9157b3a\"><em><strong>Sp\u00e9cificit\u00e9<\/strong> : Score\/rang qui d\u00e9termine quelles d\u00e9clarations de style sont finalement appliqu\u00e9es \u00e0 un \u00e9l\u00e9ment.<\/em><\/p>\n\n\n\n<p>Voici les scores pour diff\u00e9rentes d\u00e9clarations de style :<\/p>\n\n\n\n<style>\n.ws-table-all td, .ws-table-all th{\npadding:5px;\ncolor:#335555;\n}\n<\/style>\n<table class=\"ws-table-all notranslate\" border=\"1\">\n<tbody><tr>\n<th>Priorit\u00e9<\/th>\n<th>Exemple<\/th>\n<th>Description<\/th>\n<\/tr>\n<tr>\n<td>Style en ligne<\/td>\n<td>&lt;h1 style=&quot;color: pink;&quot;&gt;<\/td>\n<td>Priorit\u00e9 la plus \u00e9lev\u00e9e, appliqu\u00e9e directement avec l&rsquo;attribut style. Le score de cette d\u00e9claration est <b>1000<\/b>.<\/td>\n<\/tr>\n<tr>\n<td>S\u00e9lecteurs d&rsquo;identifiants<\/td>\n<td>#navbar<\/td>\n<td>Deuxi\u00e8me priorit\u00e9 la plus \u00e9lev\u00e9e, identifi\u00e9e par l&rsquo;attribut id unique d&rsquo;un \u00e9l\u00e9ment. Le score de cette d\u00e9claration est <b>100<\/b>.<\/td>\n<\/tr>\n<tr>\n<td>Classes et pseudo-classes<\/td>\n<td>.test, :hover<\/td>\n<td>Troisi\u00e8me priorit\u00e9 la plus \u00e9lev\u00e9e, cibl\u00e9e \u00e0 l&rsquo;aide de noms de classe.  Le score de cette d\u00e9claration est <b>10<\/b>.<\/td>\n<\/tr>\n<tr>\n<td>Attributs<\/td>\n<td>[type=\u00a0\u00bbtext\u00a0\u00bb]<\/td>\n<td>Faible priorit\u00e9, s&rsquo;applique aux attributs. Le score de cette d\u00e9claration est <b>10<\/b>.<\/td>\n<\/tr>\n<tr>\n<td>\u00c9l\u00e9ments et pseudo-\u00e9l\u00e9ments<\/td>\n<td>&nbsp;h1, ::before, ::after<\/td>\n<td>Priorit\u00e9 la plus basse, s&rsquo;applique aux \u00e9l\u00e9ments HTML et pseudo-\u00e9l\u00e9ments. Le score de cette d\u00e9claration est <b>1<\/b>.<\/td>\n<\/tr>\n<\/tbody><\/table>\n\n\n\n<h3 class=\"wp-block-heading\">Exemple<\/h3>\n\n\n\n<p>Cela peut para\u00eetre un peu confus mais cela deviendra beaucoup plus clair avec quelques exemples. Prenons le code HTML suivant :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup\">&lt;div class=\"first-class\"&gt;\n    &lt;span class=\"second-class\" id=\"my_super_span\"&gt;Ceci est mon super span&lt;\/span&gt;\n&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<p>Maintenant, cr\u00e9ons 4 d\u00e9clarations de style diff\u00e9rentes et voyons quels styles s\u2019appliquent \u00e0 la fin.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"css\" class=\"language-css\">span{\n\/** Sp\u00e9cificit\u00e9 : 1 \u2192 Un seul \u00e9l\u00e9ment *\/\ncolor: #666666;\n}\n.first-class span{\n\/** Sp\u00e9cificit\u00e9 : 11 \u2192 Une classe et un \u00e9l\u00e9ment *\/\npadding: 15px;\ncolor: #333333;\n}\n.first-class .second-class{\n\/** Sp\u00e9cificit\u00e9 : 20 \u2192 Deux classes *\/\npadding: 10px;\n}\n#my_super_span{\n\/** Sp\u00e9cificit\u00e9 : 100 \u2192 Un identifiant *\/\ncolor: #66aacc;\n}<\/code><\/pre>\n\n\n\n<p>Dans le code ci-dessus, nous avons des styles qui modifient la couleur et le remplissage de notre \u00e9l\u00e9ment span. Regardons chacun d&rsquo;eux.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1|padding<\/h3>\n\n\n\n<p>Il y a 2 d\u00e9clarations de padding, une avec une sp\u00e9cificit\u00e9 de 11 et une avec une sp\u00e9cificit\u00e9 de 20. La sp\u00e9cificit\u00e9 la plus \u00e9lev\u00e9e s&rsquo;appliquera et le padding final sera :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"css\" class=\"language-css\">padding: 10px;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">2|color<\/h3>\n\n\n\n<p>Il existe 3 d\u00e9clarations de couleurs avec des sp\u00e9cificit\u00e9s de 1, 11 et 100. Comme pr\u00e9c\u00e9demment, la sp\u00e9cificit\u00e9 la plus \u00e9lev\u00e9e s&rsquo;appliquera et la couleur finale sera :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"css\" class=\"language-css\">color: #66aacc;<\/code><\/pre>\n\n\n\n<p>Maintenant que nous avons vu comment fonctionne la sp\u00e9cificit\u00e9, vous devriez \u00eatre en mesure, pour chaque \u00e9l\u00e9ment que vous inspectez, de trouver quelle est la sp\u00e9cificit\u00e9 la plus \u00e9lev\u00e9e qui lui est appliqu\u00e9e et quelle sp\u00e9cificit\u00e9 vous devez atteindre pour remplacer les valeurs existantes.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">4|Quelques exemples<\/h2>\n\n\n\n<p>Dans cette partie, nous verrons quelques exemples sur la fa\u00e7on de personnaliser le style d\u2019une page WordPress. Ce sont les modifications les plus courantes que vous souhaiterez peut-\u00eatre apporter aux \u00e9l\u00e9ments de vos pages WordPress.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1|Cacher un \u00e9l\u00e9ment<\/h3>\n\n\n\n<p>Pour masquer un \u00e9l\u00e9ment, vous devez utiliser la r\u00e8gle CSS <strong>display:none<\/strong>. Voici comment vous pouvez l&rsquo;appliquer :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"css\" class=\"language-css\">.my_high_specificity_declaration {\n    display: none;\n}<\/code><\/pre>\n\n\n\n<p>C&rsquo;est assez simple. Cette d\u00e9claration masquera l&rsquo;\u00e9l\u00e9ment de la page.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2|Ajoutez une couleur d&rsquo;arri\u00e8re-plan et un peu d&rsquo;espacement<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"css\" class=\"language-css\">.my_high_specificity_declaration {\n    background-color: #666666; \/\/ Dark Grey\n    color: #ffffff; \/\/ White\n    padding: 20px; \/\/ Spacing\n    border-radius: 4px; \/\/ Small rounding on the edges\n}<\/code><\/pre>\n\n\n\n<p>Avec cet exemple, vous allez envelopper le contenu de votre \u00e9l\u00e9ment dans un cadre avec un espacement de 20 pixels, un fond gris et un texte blanc.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>N&rsquo;h\u00e9sitez pas \u00e0 exp\u00e9rimenter sur des pages de test avant de vous lancer dans la modification d&rsquo;une page existante. Il n&rsquo;y a pas besoin de conna\u00eetre toutes les possibilit\u00e9s offertes par le CSS pour parvernir \u00e0 un r\u00e9sultat satisfaisant.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you install many different plugins on your WordPress site, you'll notice inconsistencies in its appearance. You might also want to add your own styles or modify certain elements. In this guide, we'll learn how to customize the style of a WordPress page. To do this, you'll need to add some code\u2026<\/p>","protected":false},"author":2,"featured_media":12978,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[98,44],"tags":[150,151,135],"class_list":["post-13021","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-dev-web","tag-css","tag-style","tag-wordpress-2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Personnaliser le style d&#039;une page WordPress - Long Watch Studio<\/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:\/\/longwatchstudio.com\/en\/customize-the-style-of-a-wordpress-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Personnaliser le style d&#039;une page WordPress - Long Watch Studio\" \/>\n<meta property=\"og:description\" content=\"Si vous installez de nombreux plugins diff\u00e9rents sur votre site WordPress, vous constaterez des incoh\u00e9rences dans la pr\u00e9sentation de votre site. Vous souhaiterez peut-\u00eatre \u00e9galement ajouter vos propres styles ou modifier un peu certains \u00e9l\u00e9ments. Dans ce guide, nous allons apprendre \u00e0 personnaliser le style d\u2019une page WordPress. Pour cela, vous devrez ajouter du code&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/longwatchstudio.com\/en\/customize-the-style-of-a-wordpress-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Long Watch Studio\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/LongWatchStudio\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-01-09T09:30:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-09T09:30:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/longwatchstudio.com\/wp-content\/uploads\/2024\/10\/ban-wordpress.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Long Watch Studio\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Long Watch Studio\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/\"},\"author\":{\"name\":\"Long Watch Studio\",\"@id\":\"https:\/\/longwatchstudio.com\/#\/schema\/person\/4992b6e2dc93355fd430c411b01fa4f2\"},\"headline\":\"Personnaliser le style d&rsquo;une page WordPress\",\"datePublished\":\"2025-01-09T09:30:55+00:00\",\"dateModified\":\"2025-01-09T09:30:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/\"},\"wordCount\":949,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/longwatchstudio.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/longwatchstudio.com\/wp-content\/uploads\/2024\/10\/ban-wordpress.jpg\",\"keywords\":[\"#CSS\",\"#Style\",\"#WordPress\"],\"articleSection\":[\"Blog\",\"D\u00e9veloppement web\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/\",\"url\":\"https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/\",\"name\":\"Personnaliser le style d'une page WordPress - Long Watch Studio\",\"isPartOf\":{\"@id\":\"https:\/\/longwatchstudio.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/longwatchstudio.com\/wp-content\/uploads\/2024\/10\/ban-wordpress.jpg\",\"datePublished\":\"2025-01-09T09:30:55+00:00\",\"dateModified\":\"2025-01-09T09:30:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/#primaryimage\",\"url\":\"https:\/\/longwatchstudio.com\/wp-content\/uploads\/2024\/10\/ban-wordpress.jpg\",\"contentUrl\":\"https:\/\/longwatchstudio.com\/wp-content\/uploads\/2024\/10\/ban-wordpress.jpg\",\"width\":1920,\"height\":500},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/longwatchstudio.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Personnaliser le style d&#8217;une page WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/longwatchstudio.com\/#website\",\"url\":\"https:\/\/longwatchstudio.com\/\",\"name\":\"Long Watch Studio\",\"description\":\"Vous apporte le meilleur du Web\",\"publisher\":{\"@id\":\"https:\/\/longwatchstudio.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/longwatchstudio.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/longwatchstudio.com\/#organization\",\"name\":\"Long Watch Studio\",\"url\":\"https:\/\/longwatchstudio.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/longwatchstudio.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/longwatchstudio.com\/wp-content\/uploads\/2016\/11\/logo-site.png\",\"contentUrl\":\"https:\/\/longwatchstudio.com\/wp-content\/uploads\/2016\/11\/logo-site.png\",\"width\":223,\"height\":50,\"caption\":\"Long Watch Studio\"},\"image\":{\"@id\":\"https:\/\/longwatchstudio.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/LongWatchStudio\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/longwatchstudio.com\/#\/schema\/person\/4992b6e2dc93355fd430c411b01fa4f2\",\"name\":\"Long Watch Studio\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/c0f7871feba98114b735e6ab4f8e92974b62e01ed47c0e3b7953c52f67ab009e?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c0f7871feba98114b735e6ab4f8e92974b62e01ed47c0e3b7953c52f67ab009e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c0f7871feba98114b735e6ab4f8e92974b62e01ed47c0e3b7953c52f67ab009e?s=96&d=mm&r=g\",\"caption\":\"Long Watch Studio\"},\"sameAs\":[\"http:\/\/longwatchstudio.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to customize the style of a WordPress page","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:\/\/longwatchstudio.com\/en\/customize-the-style-of-a-wordpress-page\/","og_locale":"en_US","og_type":"article","og_title":"Personnaliser le style d'une page WordPress - Long Watch Studio","og_description":"Si vous installez de nombreux plugins diff\u00e9rents sur votre site WordPress, vous constaterez des incoh\u00e9rences dans la pr\u00e9sentation de votre site. Vous souhaiterez peut-\u00eatre \u00e9galement ajouter vos propres styles ou modifier un peu certains \u00e9l\u00e9ments. Dans ce guide, nous allons apprendre \u00e0 personnaliser le style d\u2019une page WordPress. Pour cela, vous devrez ajouter du code&hellip;","og_url":"https:\/\/longwatchstudio.com\/en\/customize-the-style-of-a-wordpress-page\/","og_site_name":"Long Watch Studio","article_publisher":"https:\/\/www.facebook.com\/LongWatchStudio\/","article_published_time":"2025-01-09T09:30:55+00:00","article_modified_time":"2025-01-09T09:30:57+00:00","og_image":[{"width":1920,"height":500,"url":"https:\/\/longwatchstudio.com\/wp-content\/uploads\/2024\/10\/ban-wordpress.jpg","type":"image\/jpeg"}],"author":"Long Watch Studio","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Long Watch Studio","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/#article","isPartOf":{"@id":"https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/"},"author":{"name":"Long Watch Studio","@id":"https:\/\/longwatchstudio.com\/#\/schema\/person\/4992b6e2dc93355fd430c411b01fa4f2"},"headline":"Personnaliser le style d&rsquo;une page WordPress","datePublished":"2025-01-09T09:30:55+00:00","dateModified":"2025-01-09T09:30:57+00:00","mainEntityOfPage":{"@id":"https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/"},"wordCount":949,"commentCount":0,"publisher":{"@id":"https:\/\/longwatchstudio.com\/#organization"},"image":{"@id":"https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/longwatchstudio.com\/wp-content\/uploads\/2024\/10\/ban-wordpress.jpg","keywords":["#CSS","#Style","#WordPress"],"articleSection":["Blog","D\u00e9veloppement web"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/","url":"https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/","name":"How to customize the style of a WordPress page","isPartOf":{"@id":"https:\/\/longwatchstudio.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/longwatchstudio.com\/wp-content\/uploads\/2024\/10\/ban-wordpress.jpg","datePublished":"2025-01-09T09:30:55+00:00","dateModified":"2025-01-09T09:30:57+00:00","breadcrumb":{"@id":"https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/#primaryimage","url":"https:\/\/longwatchstudio.com\/wp-content\/uploads\/2024\/10\/ban-wordpress.jpg","contentUrl":"https:\/\/longwatchstudio.com\/wp-content\/uploads\/2024\/10\/ban-wordpress.jpg","width":1920,"height":500},{"@type":"BreadcrumbList","@id":"https:\/\/longwatchstudio.com\/personnaliser-le-style-dune-page-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/longwatchstudio.com\/"},{"@type":"ListItem","position":2,"name":"Personnaliser le style d&#8217;une page WordPress"}]},{"@type":"WebSite","@id":"https:\/\/longwatchstudio.com\/#website","url":"https:\/\/longwatchstudio.com\/","name":"Long Watch Studio","description":"Brings you the best of the Web","publisher":{"@id":"https:\/\/longwatchstudio.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/longwatchstudio.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/longwatchstudio.com\/#organization","name":"Long Watch Studio","url":"https:\/\/longwatchstudio.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/longwatchstudio.com\/#\/schema\/logo\/image\/","url":"https:\/\/longwatchstudio.com\/wp-content\/uploads\/2016\/11\/logo-site.png","contentUrl":"https:\/\/longwatchstudio.com\/wp-content\/uploads\/2016\/11\/logo-site.png","width":223,"height":50,"caption":"Long Watch Studio"},"image":{"@id":"https:\/\/longwatchstudio.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/LongWatchStudio\/"]},{"@type":"Person","@id":"https:\/\/longwatchstudio.com\/#\/schema\/person\/4992b6e2dc93355fd430c411b01fa4f2","name":"Long Watch Studio","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c0f7871feba98114b735e6ab4f8e92974b62e01ed47c0e3b7953c52f67ab009e?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c0f7871feba98114b735e6ab4f8e92974b62e01ed47c0e3b7953c52f67ab009e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c0f7871feba98114b735e6ab4f8e92974b62e01ed47c0e3b7953c52f67ab009e?s=96&d=mm&r=g","caption":"Long Watch Studio"},"sameAs":["http:\/\/longwatchstudio.com"]}]}},"_links":{"self":[{"href":"https:\/\/longwatchstudio.com\/en\/wp-json\/wp\/v2\/posts\/13021","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/longwatchstudio.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/longwatchstudio.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/longwatchstudio.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/longwatchstudio.com\/en\/wp-json\/wp\/v2\/comments?post=13021"}],"version-history":[{"count":14,"href":"https:\/\/longwatchstudio.com\/en\/wp-json\/wp\/v2\/posts\/13021\/revisions"}],"predecessor-version":[{"id":13039,"href":"https:\/\/longwatchstudio.com\/en\/wp-json\/wp\/v2\/posts\/13021\/revisions\/13039"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/longwatchstudio.com\/en\/wp-json\/wp\/v2\/media\/12978"}],"wp:attachment":[{"href":"https:\/\/longwatchstudio.com\/en\/wp-json\/wp\/v2\/media?parent=13021"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/longwatchstudio.com\/en\/wp-json\/wp\/v2\/categories?post=13021"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/longwatchstudio.com\/en\/wp-json\/wp\/v2\/tags?post=13021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}