{"id":61772,"date":"2022-10-04T11:03:26","date_gmt":"2022-10-04T10:03:26","guid":{"rendered":"https:\/\/kinsta.com\/fr\/?p=61772&preview=true&preview_id=61772"},"modified":"2023-08-22T14:39:00","modified_gmt":"2023-08-22T13:39:00","slug":"theme-twenty-twenty-three","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-three\/","title":{"rendered":"Twenty Twenty-Three : Un nouveau th\u00e8me WordPress par d\u00e9faut de la communaut\u00e9"},"content":{"rendered":"

Twenty Twenty-Three est le tout nouveau th\u00e8me WordPress par d\u00e9faut lanc\u00e9 avec WordPress 6.1<\/a>.<\/p>\n

C’est un th\u00e8me minimaliste<\/a> sans images ni fonctionnalit\u00e9s suppl\u00e9mentaires. Il donne le meilleur de lui-m\u00eame en tant que th\u00e8me de d\u00e9marrage pour cr\u00e9er des mod\u00e8les et des variations de style et \u00e9galement tester toutes les fonctionnalit\u00e9s introduites avec les derni\u00e8res versions de WordPress. Le th\u00e8me pourrait \u00eatre consid\u00e9r\u00e9 comme un v\u00e9ritable environnement de d\u00e9veloppement et de test, bien que le style minimaliste, la r\u00e9activit\u00e9 et la l\u00e9g\u00e8ret\u00e9 en fassent une bonne option pour cr\u00e9er des blogs et des sites web adapt\u00e9s \u00e0 une grande vari\u00e9t\u00e9 d’objectifs.<\/p>\n

Dans son introduction au th\u00e8me Twenty Twenty-Two<\/a>, Kjell Reigstad a \u00e9crit sur l’avenir des th\u00e8mes par d\u00e9faut<\/a>:<\/p>\n

Des innovations telles que theme.json, les mod\u00e8les de blocs et les compositions de blocs rendent le d\u00e9veloppement de th\u00e8mes beaucoup plus simple et offrent aux utilisateurs de nouvelles fa\u00e7ons de personnaliser leurs sites. Il y a des raisons de croire que la communaut\u00e9 peut tirer parti de tout cela pour construire des th\u00e8mes et des solutions de personnalisation plus fr\u00e9quents et plus vari\u00e9s pour nos utilisateurs dans les ann\u00e9es \u00e0 venir.<\/p><\/blockquote>\n

Et Channing Ritter a fait la proposition suivante<\/a>:<\/p>\n

Et si, au lieu de mettre l’accent sur le th\u00e8me lui-m\u00eame, nous mettions en avant un ensemble de variations de style con\u00e7ues par les membres de la communaut\u00e9 ? Nous pourrions utiliser Twenty Twenty-Two comme base pour un nouveau th\u00e8me d\u00e9pouill\u00e9 et minimal – une toile blanche pour laisser briller une gamme vari\u00e9e de variations de style.<\/p><\/blockquote>\n

Et c’est ce qui se passe avec le nouveau th\u00e8me par d\u00e9faut Twenty Twenty-Three. La communaut\u00e9 a \u00e9t\u00e9 appel\u00e9e \u00e0 participer activement \u00e0 la conception du th\u00e8me WordPress par d\u00e9faut, et nous aimons cela car cela fait du nouveau th\u00e8me le r\u00e9sultat d’un travail v\u00e9ritablement participatif.<\/p>\n

\"Aper\u00e7u
Aper\u00e7u de Twenty Twenty-Three<\/figcaption><\/figure>\n\n

Mais avant de d\u00e9couvrir les variations de style qui accompagnent le nouveau th\u00e8me par d\u00e9faut de WordPress, d\u00e9couvrons les caract\u00e9ristiques de base de Twenty Twenty-Three et ce \u00e0 quoi il peut convenir.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Mises en page et styles<\/h2>\n

Comme mentionn\u00e9 ci-dessus, Twenty Twenty-Three est une version d\u00e9pouill\u00e9e de Twenty-Two. Ce qui frappe dans ce nouveau th\u00e8me par d\u00e9faut, c’est sa simplicit\u00e9 et sa l\u00e9g\u00e8ret\u00e9. Twenty Twenty-Three est flexible et parfaitement adapt\u00e9 aux derni\u00e8res fonctionnalit\u00e9s d’\u00e9dition de site de Gutenberg, comme l’\u00e9dition de mod\u00e8les, les variations de styles globaux<\/a>, la typographie fluide<\/a> et les compositions de blocs<\/a>.<\/p>\n

Il ne sera donc pas surprenant que dans les captures d’\u00e9cran pr\u00e9sent\u00e9es dans cet article, vous voyiez des pages minimales sans fioritures mais parfaitement adapt\u00e9es \u00e0 la personnalisation et aux tests.<\/p>\n

Pour vous en donner un exemple, l’image ci-dessous montre des pages d’article individuel avec et sans images mises en avant.<\/p>\n

\"Aper\u00e7u
Aper\u00e7u d’un article individuel avec et sans image mise en avant dans Twenty Twenty-Three<\/figcaption><\/figure>\n

L’image suivante compare la page d’accueil avec une page d’archives.<\/p>\n

\"Page
Page d’accueil compar\u00e9e \u00e0 une page d’archives dans Twenty Twenty-Three<\/figcaption><\/figure>\n

M\u00eame si le nouveau th\u00e8me est une version simplifi\u00e9e de Twenty Twenty-Two, par rapport au pr\u00e9c\u00e9dent th\u00e8me par d\u00e9faut, Twenty Twenty-Three pr\u00e9sente quelques diff\u00e9rences essentielles.<\/p>\n

Tout d’abord, la taille des en-t\u00eates a \u00e9t\u00e9 r\u00e9duite et la police \u00e0 empattement par d\u00e9faut a \u00e9t\u00e9 remplac\u00e9e par une police syst\u00e8me sans empattement.<\/p>\n

\"Taille
Taille des intertitres dans Twenty Twenty-Three<\/figcaption><\/figure>\n

Une palette de couleurs diff\u00e9rente a \u00e9galement \u00e9t\u00e9 appliqu\u00e9e. Vous pouvez voir la nouvelle d\u00e9finition de la palette de Twenty Twenty-Three dans le code suivant du theme.json<\/em>:<\/p>\n

{\n\t\"settings\": {\n\t\t\"appearanceTools\": true,\n\t\t\"color\": {\n\t\t\t\"palette\": [\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#ffffff\",\n\t\t\t\t\t\"name\": \"Base\",\n\t\t\t\t\t\"slug\": \"base\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#000000\",\n\t\t\t\t\t\"name\": \"Contrast\",\n\t\t\t\t\t\"slug\": \"contrast\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#9DFF20\",\n\t\t\t\t\t\"name\": \"Primary\",\n\t\t\t\t\t\"slug\": \"primary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#345C00\",\n\t\t\t\t\t\"name\": \"Secondary\",\n\t\t\t\t\t\"slug\": \"secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#F6F6F6\",\n\t\t\t\t\t\"name\": \"Tertiary\",\n\t\t\t\t\t\"slug\": \"tertiary\"\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t}\n}<\/code><\/pre>\n
\"Couleurs
Couleurs par d\u00e9faut de Twenty Twenty-Three<\/figcaption><\/figure>\n
Mais la principale caract\u00e9ristique du nouveau th\u00e8me par d\u00e9faut est son ensemble de variations de style. Twenty Twenty-Three est livr\u00e9 avec dix variations de style globales, chacune d’entre elles pr\u00e9sentant une combinaison diff\u00e9rente de couleurs, de famille de polices et de taille de police.<\/p>\n
\"Styles
Styles globaux de Twenty Twenty-Three<\/figcaption><\/figure>\n
Vous trouverez les fichiers JSON correspondants dans le dossier styles <\/em>de Twenty Twenty-Three.<\/p>\n
Des aper\u00e7us complets des mod\u00e8les de page, des styles et des variations de style de Twenty Twenty-Three sont disponibles sur Figma<\/a>.<\/p>\n
\"Aper\u00e7u
Aper\u00e7u des variations de style de Twenty Twenty-Three sur Figma<\/figcaption><\/figure>\n
Typographie de Twenty-Three<\/h2>\n
Dans un th\u00e8me minimaliste comme Twenty-Three, la typographie joue un r\u00f4le essentiel pour rendre le texte lisible, le site attrayant et, en fin de compte, offrir aux visiteurs une exp\u00e9rience de navigation enrichissante, quels que soient l’appareil et la taille de l’\u00e9cran.<\/p>\n
\u00c0 cette fin, Twenty-Three est livr\u00e9 avec un nouvel ensemble de familles de polices et utilise la typographie fluide introduite avec WordPress 6.1.<\/p>\n
Polices de caract\u00e8res<\/h3>\n
Twenty Twenty-Three est dot\u00e9 d’un nouvel ensemble de polices de caract\u00e8res qui sont utilis\u00e9es dans des variations de style et caract\u00e9ris\u00e9es par la simplicit\u00e9 et la vari\u00e9t\u00e9 :<\/p>\n