{"id":237686,"date":"2022-04-06T13:33:00","date_gmt":"2022-04-06T10:33:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=237686"},"modified":"2021-10-27T03:12:22","modified_gmt":"2021-10-27T00:12:22","slug":"quest-ce-que-css-et-comment-cela-affecte-t-il-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/quest-ce-que-css-et-comment-cela-affecte-t-il-wordpress\/","title":{"rendered":"Qu’est-ce que CSS et comment cela affecte-t-il WordPress ?"},"content":{"rendered":"

Si vous utilisez un site WordPress, vous rencontrerez forc\u00e9ment le terme \u00abCSS \u00bb. Dans cet article, vous apprendrez ce qu’est le CSS et comment il affecte votre site.<\/p>\n

Il s’agit d’un aper\u00e7u rapide, vous n’apprendrez donc pas \u00e0 \u00e9crire du CSS, mais vous comprendrez sa place sur le Web et sur votre site.<\/p>\n

Qu’est-ce que le CSS\u00a0?<\/h2>\n

CSS est utilis\u00e9 pour styliser les pages Web. Il est \u00e9crit uniquement pour changer la pr\u00e9sentation d’un site Web.<\/p>\n

Jetez un \u0153il \u00e0 cette capture d’\u00e9cran d’IMDb.com\u00a0:<\/p>\n

\"Qu'est-ce<\/a><\/p>\n

Capture d’\u00e9cran 1: IMDb<\/p>\n

Comparez maintenant cela avec cette capture d’\u00e9cran d’IMDb avec le CSS d\u00e9sactiv\u00e9\u00a0:<\/p>\n

\"Qu'est-ce<\/a><\/p>\n

Capture d’\u00e9cran 2: IMDb – Pas de CSS<\/p>\n

Pas si joli, non ?<\/p>\n

Le contenu \u2013 les mots, les liens, etc. \u2013 est exactement le m\u00eame dans les deux exemples. La diff\u00e9rence est l’absence \u00e9vidente de style.<\/p>\n

Ce que vous pouvez voir dans la capture d’\u00e9cran 2 est une liste de liens qui seraient normalement con\u00e7us pour ressembler \u00e0 un menu.<\/p>\n

Quand j’ai dit que CSS est utilis\u00e9 pour styliser les pages Web, je veux dire que c’est LA fa\u00e7on dont les pages Web sont stylis\u00e9es. Sans cela, tous les sites ressembleraient \u00e0 la capture d’\u00e9cran ci-dessus. Cela soul\u00e8ve la question, que voyons-nous dans cette capture d’\u00e9cran?<\/p>\n

Construit avec HTML, stylis\u00e9 avec CSS<\/h3>\n

Pour comprendre la place du CSS sur le Web, vous devez conna\u00eetre le HTML.<\/p>\n

Voici \u00e0 quoi ressemble le code HTML brut pour cette m\u00eame partie de la page d’accueil IMDb\u00a0:<\/p>\n

\"Qu'est-ce<\/a><\/p>\n

Capture d’\u00e9cran 3: IMDb \u2013 HTML<\/p>\n

Dans la capture d’\u00e9cran 3, vous voyez le code HTML qui est souvent appel\u00e9 \u00abcode source \u00bb. C’est \u00e0 partir de cela que sont cr\u00e9\u00e9s les sites Web. C’est ce que votre navigateur lit et ce que Googlebot voit lors de l’exploration de votre site.<\/p>\n

Lorsque vous visitez une page Web, votre navigateur prend le code HTML brut (capture d’\u00e9cran 3) et affiche une page Web utilisable (capture d’\u00e9cran 2). S’il existe des fichiers CSS, ils sont charg\u00e9s et utilis\u00e9s pour styliser la page Web (capture d’\u00e9cran 1).<\/p>\n

CSS avec WordPress<\/h2>\n

En r\u00e9sum\u00e9, les sites Web sont cr\u00e9\u00e9s en HTML et stylis\u00e9s en CSS. Votre site WordPress n’est pas diff\u00e9rent.<\/p>\n

En pratique, il est utile de savoir que HTML est utilis\u00e9 pour ajouter du contenu \u00e0 une page et que CSS est toujours utilis\u00e9 pour le styler. Tous les changements de style que vous voudrez peut-\u00eatre apporter \u00e0 votre site \u2013 augmenter la taille du logo, changer la couleur de fond, etc. \u2013 seront effectu\u00e9s avec CSS.<\/p>\n

J’esp\u00e8re que vous avez trouv\u00e9 cela utile pour comprendre CSS et sa place sur votre site. Si vous avez des questions, postez dans les commentaires ci-dessous.<\/p>\n

Divulgation :<\/strong> Ce message peut contenir des liens d’affiliation. L’achat d’un produit via l’un de ces liens g\u00e9n\u00e8re une commission pour nous sans frais suppl\u00e9mentaires pour vous.<\/p>\n

Source d’enregistrement: www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Si vous utilisez un site WordPress, vous rencontrerez forc\u00e9ment le terme \u00ab CSS \u00bb. Dans cet article, vous apprendrez ce qu’est le CSS et comment il affecte votre site.<\/p>\n","protected":false},"author":1,"featured_media":261699,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[548],"tags":[844],"class_list":["post-237686","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personnaliser-wordpress","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/237686","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=237686"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/237686\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/261699"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=237686"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=237686"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=237686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}