{"id":78353,"date":"2024-10-21T13:30:26","date_gmt":"2024-10-21T12:30:26","guid":{"rendered":"https:\/\/kinsta.com\/fr\/?p=78353&#038;preview=true&#038;preview_id=78353"},"modified":"2024-10-22T09:31:37","modified_gmt":"2024-10-22T08:31:37","slug":"theme-twenty-twenty-five","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/","title":{"rendered":"Un aper\u00e7u du d\u00e9veloppeur de Twenty Twenty-Five, le prochain th\u00e8me par d\u00e9faut de WordPress"},"content":{"rendered":"<p>Bas\u00e9 sur l&rsquo;id\u00e9e que les choses simples doivent \u00eatre intuitives et que les choses complexes doivent \u00eatre possibles, <a href=\"https:\/\/make.wordpress.org\/core\/2024\/08\/15\/introducing-twenty-twenty-five\/\" target=\"_blank\" rel=\"noopener noreferrer\">Twenty Twenty-Five<\/a> est un th\u00e8me WordPress par d\u00e9faut flexible et facilement extensible, con\u00e7u pour aider les gens \u00e0 raconter des histoires, gr\u00e2ce \u00e0 ses nombreux mod\u00e8les et styles.<\/p>\n<p>Twenty Twenty-Five sera livr\u00e9 avec WordPress 6.7. Il est livr\u00e9 avec un large \u00e9ventail d&rsquo;images inspirantes provenant d&rsquo;<a href=\"https:\/\/openverse.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Openverse<\/a>, le d\u00e9p\u00f4t gratuit d&rsquo;images partag\u00e9es par et pour la communaut\u00e9 WordPress. Ces images sont int\u00e9gr\u00e9es dans les mod\u00e8les de blocs de Twenty Twenty-Five et pr\u00eates \u00e0 \u00eatre utilis\u00e9es pour raconter des histoires qui \u00e9voquent \u00ab les id\u00e9es d&rsquo;impermanence, de passage du temps et d&rsquo;\u00e9volution continue \u00bb<\/p>\n<p>Le r\u00f4le central des compositions dans Twenty Twenty-Five montre que le <a href=\"https:\/\/kinsta.com\/fr\/blog\/concepts-fondamentaux-developpement-theme-wordpress\/\">d\u00e9veloppement de th\u00e8mes de blocs<\/a> se concentre de plus en plus sur l&rsquo;interface de l&rsquo;\u00e9diteur de site et moins sur l&rsquo;\u00e9criture de code PHP et JavaScript.<\/p>\n<p>Aujourd&rsquo;hui, m\u00eame les utilisateurs qui n&rsquo;ont pas de comp\u00e9tences avanc\u00e9es en mati\u00e8re de codage peuvent cr\u00e9er un th\u00e8me. Il vous suffit d&rsquo;avoir quelques notions sur le fonctionnement de <code>theme.json<\/code> et sur la mani\u00e8re de <a href=\"https:\/\/kinsta.com\/fr\/blog\/construire-compositions-blocs-wordpress\/\">cr\u00e9er des compositions de blocs<\/a>.<\/p>\n<p>Les mod\u00e8les et les parties de mod\u00e8les que vous verrez dans Twenty Twenty-Five sont des collections de blocs, de compositions et de parties de mod\u00e8les imbriqu\u00e9s qui constituent les \u00e9l\u00e9ments structurels de chaque type de mise en page.<\/p>\n<p>Twenty Twenty-Five est un excellent exemple de la philosophie de d\u00e9mocratisation du design, et cet article vous montrera sa structure en d\u00e9tail.<\/p>\n<p>Twenty Twenty-Five est un excellent exemple pour apprendre tout ce qui concerne les th\u00e8mes de blocs WordPress, et si vous avez lu notre <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-json\/\">introduction \u00e0 <code>theme.json<\/code><\/a>, vous serez en mesure de cr\u00e9er vos propres th\u00e8mes WordPress et de les partager avec l&rsquo;ensemble de l&rsquo;\u00e9cosyst\u00e8me.<\/p>\n<p>Mais allons droit au but et commen\u00e7ons notre voyage \u00e0 travers Twenty Twenty-Five, le prochain th\u00e8me WordPress par d\u00e9faut.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Compositions et parties de mod\u00e8les<\/h2>\n<p>Twenty Twenty-Five propose un certain nombre de compositions de blocs et de parties de mod\u00e8les qui aident les utilisateurs de WordPress \u00e0 construire leurs articles et leurs pages en quelques minutes. Ces compositions et parties de mod\u00e8les ont \u00e9t\u00e9 con\u00e7us pour plusieurs objectifs, tels que les pages de destination, les produits et services, les \u00e9v\u00e8nements, les appels \u00e0 l&rsquo;action, les pages \u00e0 propos, et bien plus encore.<\/p>\n<p>Dans le dossier du th\u00e8me, vous trouverez les fichiers correspondants dans les r\u00e9pertoires <code>parts<\/code> et <code>patterns<\/code>. Lorsque vous ouvrez un fichier de partie de mod\u00e8le, vous constatez que chaque partie de mod\u00e8le ne comprend qu&rsquo;un lien vers un mod\u00e8le de bloc. Voici le code de la partie de mod\u00e8le <code>header.html<\/code>:<\/p>\n<pre><code class=\"language-json\">&lt;!-- wp:pattern {\"<span id=\"urn:enhancement-d82ede10-edc0-4192-a773-db345d635801\" class=\"textannotation\">slug<\/span>\":\"twentytwentyfive\/<span id=\"urn:enhancement-368f0ebc-1f3c-42d2-b75a-358bff6c4a17\" class=\"textannotation\">header<\/span>\"} \/--&gt;<\/code><\/pre>\n<p>Les parties de mod\u00e8le doivent \u00e9galement \u00eatre enregistr\u00e9es, vous les trouverez donc dans le r\u00e9pertoire <code>theme.json<\/code> de Twenty Twenty-Five sous la propri\u00e9t\u00e9 <code>templateParts<\/code>:<\/p>\n<pre><code class=\"language-json\">{\n\t\"templateParts\": [\n\t\t{\n\t\t\t\"area\": \"header\",\n\t\t\t\"name\": \"header\",\n\t\t\t\"title\": \"Header\"\n\t\t},\n\t\t{\n\t\t\t\"area\": \"footer\",\n\t\t\t\"name\": \"footer\",\n\t\t\t\"title\": \"Footer\"\n\t\t},\n\t\t{\n\t\t\t\"area\": \"footer\",\n\t\t\t\"name\": \"footer-newsletter\",\n\t\t\t\"title\": \"Footer Newsletter\"\n\t\t},\n\t\t{\n\t\t\t\"area\": \"uncategorized\",\n\t\t\t\"name\": \"right-aligned-sidebar\",\n\t\t\t\"title\": \"Right Aligned Sidebar\"\n\t\t},\n\t\t{\n\t\t\t\"area\": \"uncategorized\",\n\t\t\t\"name\": \"sidebar\",\n\t\t\t\"title\": \"Sidebar\"\n\t\t}\n\t]\n}<\/code><\/pre>\n<p>La propri\u00e9t\u00e9 <code>area<\/code> d\u00e9termine la section de la page dans laquelle une partie de mod\u00e8le s&rsquo;inscrit et la cat\u00e9gorie correspondante, <code>name<\/code> est la balise de la partie de mod\u00e8le et <code>title<\/code> est la cha\u00eene de texte utilis\u00e9e pour cr\u00e9er le libell\u00e9 qui identifie la partie de mod\u00e8le \u00e0 l&rsquo;\u00e9cran.<\/p>\n<figure id=\"attachment_185723\" aria-describedby=\"caption-attachment-185723\" style=\"width: 2060px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-185723 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/09\/ttf-template-parts.jpg\" alt=\"Les parties de mod\u00e8le Twenty Twenty-Five dans WordPress 6.7\" width=\"2060\" height=\"1244\"><figcaption id=\"caption-attachment-185723\" class=\"wp-caption-text\">Les parties de mod\u00e8le Twenty Twenty-Five dans WordPress 6.7<\/figcaption><\/figure>\n<p>Le dossier <code>patterns<\/code> du th\u00e8me Twenty Twenty-Five comprend un grand nombre de fichiers <code>.php<\/code>. Vous pouvez ouvrir n&rsquo;importe lequel de ces fichiers et v\u00e9rifier le code pour apprendre comment les compositions de blocs sont construites.<\/p>\n<p>Ces compositions fournissent d&rsquo;excellents exemples de puissantes fonctionnalit\u00e9s de WordPress r\u00e9cemment ajout\u00e9es au noyau. Par exemple, le fichier <code>copyright.php<\/code> contient le code suivant :<\/p>\n<pre><code class=\"language-html\">&lt;!-- wp:paragraph {\n\t\"metadata\":{\n\t\t\"<span id=\"urn:enhancement-a4efc97c-5cb2-4335-ae90-a6497424ec44\" class=\"textannotation\">bindings<\/span>\":{\n\t\t\t\"content\":{\n\t\t\t\t\"<span id=\"urn:enhancement-f0b2b862-e324-4bef-b277-038914835b10\" class=\"textannotation\">source<\/span>\":\"twentytwentyfive\/copyright\"\n\t\t\t}\n\t\t}\n\t},\n\t\"className\":\"copyright\",\n\t\"textColor\":\"primary\",\n\t\"fontSize\":\"small\"\n} --&gt;\n&lt;p class=\"copyright has-primary-<span id=\"urn:enhancement-58fb9327-d009-4b8a-9394-765a05ec7a44\" class=\"textannotation\">color<\/span> has-<span id=\"urn:enhancement-78d94d11-5772-4761-98c8-590202274fbf\" class=\"textannotation\">text<\/span>-<span id=\"urn:enhancement-f1d4a37a-3d7e-4650-9992-374aabca6194\" class=\"textannotation\">color<\/span> has-small-font-size\"&gt;&lt;\/p&gt;\n&lt;!-- \/wp:paragraph --&gt;<\/code><\/pre>\n<p>Vous pouvez voir d&rsquo;un coup d&rsquo;\u0153il que cette composition utilise la fonctionnalit\u00e9 <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-5\/#block-bindings-api\">Block Bindings<\/a> introduite avec WordPress 6.5 pour g\u00e9n\u00e9rer dynamiquement le contenu du texte Copyright.<\/p>\n<p>Ici, l&rsquo;attribut <code>content<\/code> de la composition Copyright est connect\u00e9 \u00e0 une source d\u00e9finie dans le th\u00e8me Twenty Twenty-Five.<\/p>\n<figure id=\"attachment_185724\" aria-describedby=\"caption-attachment-185724\" style=\"width: 2134px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-185724 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/09\/ttf-copyright-pattern.png\" alt=\"Copyright du th\u00e8me Twenty Twenty-Five\" width=\"2134\" height=\"796\"><figcaption id=\"caption-attachment-185724\" class=\"wp-caption-text\">Copyright du th\u00e8me Twenty Twenty-Five<\/figcaption><\/figure>\n<p>Si vous vous demandez o\u00f9 cette chaine de texte est d\u00e9finie, consultez le fichier <code>functions.php<\/code> de Twenty Twenty-Five et trouvez le code suivant :<\/p>\n<pre><code class=\"language-php\">\/**\n * Register block binding sources.\n *\/\nif ( ! function_exists( 'twentytwentyfive_register_block_bindings' ) ) :\n\t\/**\n\t * Register the copyright block binding source.\n\t *\n\t * @since Twenty Twenty-Five 1.0\n\t * @return void\n\t *\/\n\tfunction twentytwentyfive_register_block_bindings() {\n\t\tregister_block_bindings_source(\n\t\t\t'twentytwentyfive\/copyright',\n\t\t\tarray(\n\t\t\t\t'label'\t\t\t\t\t=&gt; _x( '&copy; YEAR', 'Label for the copyright placeholder in the editor', 'twentytwentyfive' ),\n\t\t\t\t'get_value_callback'\t=&gt; 'twentytwentyfive_copyright_binding',\n\t\t\t)\n\t\t);\n\t}\nendif;\nadd_action( 'init', 'twentytwentyfive_register_block_bindings' );<\/code><\/pre>\n<p><code>'&copy; YEAR'<\/code> g\u00e9n\u00e8re la chaine de texte affich\u00e9e sur la page, tandis que le rappel <code>twentytwentyfive_copyright_binding<\/code> fournit la chaine de texte format\u00e9e :<\/p>\n<pre><code class=\"language-php\">\/**\n * Register block binding callback function for the copyright.\n *\/\nif ( ! function_exists( 'twentytwentyfive_copyright_binding' ) ) :\n\t\/**\n\t * Callback function for the copyright block binding source.\n\t *\n\t * @since Twenty Twenty-Five 1.0\n\t * @return string Copyright text.\n\t *\/\n\tfunction twentytwentyfive_copyright_binding() {\n\t\t$copyright_text = sprintf(\n\t\t\t\/* translators: 1: Copyright symbol or word, 2: Year *\/\n\t\t\tesc_html__( '%1$s %2$s', 'twentytwentyfive' ),\n\t\t\t'&copy;',\n\t\t\twp_date( 'Y' ),\n\t\t);\n\n\t\treturn $copyright_text;\n\t}\nendif;<\/code><\/pre>\n<p>Si tout cela vous semble un peu compliqu\u00e9, pensez \u00e0 la facilit\u00e9 avec laquelle l&rsquo;utilisateur peut cr\u00e9er des mises en page complexes en utilisant simplement les \u00e9l\u00e9ments disponibles.<\/p>\n<p>Pensez \u00e9galement \u00e0 la facilit\u00e9 avec laquelle un d\u00e9veloppeur peut cr\u00e9er des mod\u00e8les et des compositions de blocs en g\u00e9n\u00e9rant leur code directement dans l&rsquo;\u00e9diteur de site. Enfin, l&rsquo;int\u00e9gration avec l&rsquo;API Block Bindings ouvre la voie \u00e0 d&rsquo;infinies possibilit\u00e9s d&rsquo;int\u00e9gration avec des sources de donn\u00e9es externes.<\/p>\n<p>Twenty Twenty-Five fournit d&rsquo;autres bons exemples d&rsquo;utilisation des compositions de blocs. Par exemple, vous pouvez construire des mises en page avanc\u00e9es en assemblant simplement des compositions existantes dans d&rsquo;autres compositions.<\/p>\n<p>Lorsque vous parcourez les compositions dans l&rsquo;\u00e9diteur de site, vous pouvez voir plusieurs mises en page de pages de destination dans la cat\u00e9gorie <strong>Pages<\/strong>.<\/p>\n<figure id=\"attachment_185726\" aria-describedby=\"caption-attachment-185726\" style=\"width: 2188px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-185726 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/09\/ttf-pages-patterns.jpg\" alt=\"Compositions de pages Twenty Twenty-Five\" width=\"2188\" height=\"1438\"><figcaption id=\"caption-attachment-185726\" class=\"wp-caption-text\">Compositions de pages Twenty Twenty-Five<\/figcaption><\/figure>\n<p>Ces compositions sont des mises en page pr\u00e9-construites et sont pr\u00eates \u00e0 \u00eatre utilis\u00e9es dans vos pages. Lorsque vous cr\u00e9ez une nouvelle page, l&rsquo;\u00e9diteur affiche une superposition o\u00f9 vous pouvez choisir une composition de bloc. Vous pouvez commencer par une composition de page de destination et la personnaliser en fonction de vos besoins.<\/p>\n<figure id=\"attachment_185727\" aria-describedby=\"caption-attachment-185727\" style=\"width: 2196px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-185727 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/09\/ttf-choose-a-pattern.jpg\" alt=\"Choisir une composition pour une nouvelle page\" width=\"2196\" height=\"1448\"><figcaption id=\"caption-attachment-185727\" class=\"wp-caption-text\">Choisir une composition pour une nouvelle page<\/figcaption><\/figure>\n<p>Vous pouvez \u00e9galement modifier le mod\u00e8le de page par d\u00e9faut et utiliser celui qui convient le mieux \u00e0 votre projet.<\/p>\n<figure id=\"attachment_185729\" aria-describedby=\"caption-attachment-185729\" style=\"width: 2192px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-185729 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/09\/ttf-choose-a-template.jpg\" alt=\"Choisissez un mod\u00e8le pour votre page\" width=\"2192\" height=\"1448\"><figcaption id=\"caption-attachment-185729\" class=\"wp-caption-text\">Choisissez un mod\u00e8le pour votre page<\/figcaption><\/figure>\n<p>Plongeons maintenant dans le code de la <strong>page de destination pour la composition de <\/strong><strong>livre<\/strong>. Rendez-vous dans le dossier <code>patterns<\/code> de Twenty Twenty-Five et ouvrez <code>page-landing-book.php<\/code>. Vous devriez voir le code suivant :<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/**\n * Title: <span id=\"urn:enhancement-fb5634c4-82b9-4f9d-b4d0-e4cdaed2a006\" class=\"textannotation\">Landing page<\/span> for Book\n * <span id=\"urn:enhancement-c1f535f3-865f-498f-936a-02037e370042\" class=\"textannotation\">Slug<\/span>: twentytwentyfive\/page-landing-book\n * Categories: twentytwentyfive_page, featured\n * Keywords: starter\n * Block Types: core\/post-content\n * Post Types: page, wp_template\n * Viewport width: 1400\n * Description: A landing page for the book with a hero section, pre-order links, locations, FAQs and newsletter <span id=\"urn:enhancement-24836520-ec07-47b8-bc02-730e16360ba4\" class=\"textannotation\">signup<\/span>.\n *\n * @package <span id=\"urn:enhancement-16806919-28eb-4a29-a99c-66b4480ca5a0\" class=\"textannotation\">WordPress<\/span>\n * @subpackage Twenty_Twenty_Five\n * @since <span id=\"urn:enhancement-b74d8286-25d2-4c40-97c9-065b884efa2c\" class=\"textannotation\">Twenty Twenty-Five<\/span> 1.0\n *\/\n\n?&gt;\n\n&lt;!-- wp:pattern {\"<span id=\"urn:enhancement-9e39df89-a468-4cd4-b031-e05f8e6a865d\" class=\"textannotation\">slug<\/span>\":\"twentytwentyfive\/hero-book\"} \/--&gt;\n&lt;!-- wp:pattern {\"<span id=\"urn:enhancement-25ef607f-b95f-4105-ad57-98676b1a4906\" class=\"textannotation\">slug<\/span>\":\"twentytwentyfive\/cta-book-links\"} \/--&gt;\n&lt;!-- wp:pattern {\"<span id=\"urn:enhancement-bc18703e-e634-420a-90f7-a90025d6557a\" class=\"textannotation\">slug<\/span>\":\"twentytwentyfive\/banner-about-book\"} \/--&gt;\n&lt;!-- wp:pattern {\"<span id=\"urn:enhancement-93fe3691-0873-4b0e-8032-26d8c6504048\" class=\"textannotation\">slug<\/span>\":\"twentytwentyfive\/cta-book-locations\"} \/--&gt;\n&lt;!-- wp:pattern {\"<span id=\"urn:enhancement-53a15817-b4d0-4d33-b16f-7a8737ba11ad\" class=\"textannotation\">slug<\/span>\":\"twentytwentyfive\/<span id=\"urn:enhancement-b91b30df-dacf-4f30-99bb-bbacb7a42769\" class=\"textannotation\">text<\/span>-faqs\"} \/--&gt;\n&lt;!-- wp:pattern {\"<span id=\"urn:enhancement-50c3d2be-3b69-4597-9da4-7ad781de9823\" class=\"textannotation\">slug<\/span>\":\"twentytwentyfive\/newsletter-<span id=\"urn:enhancement-b4805fac-bceb-4b95-9ec3-23b3d04fe412\" class=\"textannotation\">sign-up<\/span>\"} \/--&gt;<\/code><\/pre>\n<p>Il s&rsquo;agit simplement d&rsquo;une collection de compositions de blocs. Cela devrait d\u00e9montrer \u00e0 quel point il est facile de cr\u00e9er des mises en page complexes, tant pour les d\u00e9veloppeurs que pour les utilisateurs. Les d\u00e9veloppeurs peuvent cr\u00e9er des parties de mod\u00e8les et des compositions de blocs complexes en imbriquant simplement des compositions pr\u00e9-construites dans d&rsquo;autres compositions en quelques clics. Construire une page de destination n&rsquo;a jamais \u00e9t\u00e9 aussi facile.<\/p>\n<h2>Styles<\/h2>\n<p>Twenty Twenty-Five propose un ensemble vari\u00e9 de polices de caract\u00e8res supportant plusieurs langues et un grand nombre de palettes de couleurs pr\u00e9d\u00e9finies regroup\u00e9es sous forme de variations de style.<\/p>\n<h3>Polices<\/h3>\n<p>Twenty Twenty-Five comprend 9 polices avec de nombreuses variantes. Vous pouvez s\u00e9lectionner les polices que vous souhaitez utiliser sur votre site web dans l&rsquo;interface des styles globaux, sous <strong>Typographie<\/strong>.<\/p>\n<figure id=\"attachment_186051\" aria-describedby=\"caption-attachment-186051\" style=\"width: 1966px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186051 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/09\/ttf-fonts.jpg\" alt=\"Polices du th\u00e8me Twenty Twenty-Five\" width=\"1966\" height=\"1400\"><figcaption id=\"caption-attachment-186051\" class=\"wp-caption-text\">Polices du th\u00e8me Twenty Twenty-Five<\/figcaption><\/figure>\n<p>Ces familles de polices sont stock\u00e9es dans le dossier <code>assets\/fonts<\/code> de Twenty Twenty-Five et enregistr\u00e9es dans <code>theme.json<\/code>.<\/p>\n<p>Le fragment ci-dessous enregistre cinq variantes de la famille de polices <strong>Fira Code<\/strong> :<\/p>\n<pre><code class=\"language-json\">{\n\t\"settings\": {\n\t\t\"typography\": {\n\t\t\t\"fontFamilies\": [\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"Fira Code\",\n\t\t\t\t\t\"slug\": \"fira-code\",\n\t\t\t\t\t\"fontFamily\": \"\\\"Fira Code\\\", monospace\",\n\t\t\t\t\t\"fontFace\": [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"src\": [\n\t\t\t\t\t\t\t\t\"file:.\/assets\/fonts\/fira-code\/FiraCode-Light.woff2\"\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\"fontWeight\": \"300\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontFamily\": \"\\\"Fira Code\\\"\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"src\": [\n\t\t\t\t\t\t\t\t\"file:.\/assets\/fonts\/fira-code\/FiraCode-Regular.woff2\"\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\"fontWeight\": \"400\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontFamily\": \"\\\"Fira Code\\\"\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"src\": [\n\t\t\t\t\t\t\t\t\"file:.\/assets\/fonts\/fira-code\/FiraCode-Medium.woff2\"\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\"fontWeight\": \"500\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontFamily\": \"\\\"Fira Code\\\"\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"src\": [\n\t\t\t\t\t\t\t\t\"file:.\/assets\/fonts\/fira-code\/FiraCode-SemiBold.woff2\"\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\"fontWeight\": \"600\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontFamily\": \"\\\"Fira Code\\\"\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"src\": [\n\t\t\t\t\t\t\t\t\"file:.\/assets\/fonts\/fira-code\/FiraCode-Bold.woff2\"\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\"fontWeight\": \"700\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontFamily\": \"\\\"Fira Code\\\"\"\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t},\n\t\t\t...\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>L&rsquo;image suivante montre les variantes de la police Fira Code dans l&rsquo;\u00e9diteur de site.<\/p>\n<figure id=\"attachment_185730\" aria-describedby=\"caption-attachment-185730\" style=\"width: 2488px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-185730 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/09\/ttf-fira-code.jpg\" alt=\"Variantes de la police Fira Code\" width=\"2488\" height=\"1396\"><figcaption id=\"caption-attachment-185730\" class=\"wp-caption-text\">Variantes de la police Fira Code dans l&rsquo;\u00e9diteur de site<\/figcaption><\/figure>\n<p>Twenty Twenty-Five est \u00e9galement livr\u00e9 avec 8 types de typographie. Il vous suffit d&rsquo;en choisir une dans la section <strong>Typographie<\/strong> de l&rsquo;interface des styles globaux et elle sera appliqu\u00e9e \u00e0 l&rsquo;ensemble de votre site web.<\/p>\n<figure id=\"attachment_186052\" aria-describedby=\"caption-attachment-186052\" style=\"width: 1966px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186052 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/09\/ttf-typesets.jpg\" alt=\"Typographies de Twenty Twenty-Five\" width=\"1966\" height=\"1128\"><figcaption id=\"caption-attachment-186052\" class=\"wp-caption-text\">Typographies de Twenty Twenty-Five<\/figcaption><\/figure>\n<p>Si vous s\u00e9lectionnez le jeu de caract\u00e8res num\u00e9ro 7, \u00ab Platypi &#038; Literata \u00bb, ces deux polices sont automatiquement appliqu\u00e9es \u00e0 tous les \u00e9l\u00e9ments de votre site web : Literata s&rsquo;applique \u00e0 l&rsquo;ensemble des \u00e9l\u00e9ments textuels et Platypi s&rsquo;applique au titre du site, \u00e0 l&rsquo;en-t\u00eate et aux blocs de boutons.<\/p>\n<p>Ce preset est enregistr\u00e9 dans le fichier <code>typography-preset-6.json<\/code> sous <code>styles\/typography<\/code>:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 3,\n\t\"$schema\": \"https:\/\/schemas.wp.org\/trunk\/theme.json\",\n\t\"title\": \"Platypi & Literata\",\n\t\"slug\": \"typography-preset-6\",\n\t\"styles\": {\n\t\t\"typography\": {\n\t\t\t\"fontFamily\": \"var:preset|font-family|literata\",\n\t\t\t\"fontSize\": \"var:preset|font-size|large\",\n\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\"fontWeight\": \"300\",\n\t\t\t\"letterSpacing\": \"-0.24px\",\n\t\t\t\"lineHeight\": \"1.3\"\n\t\t},\n\t\t\"blocks\": {\n\t\t\t\"core\/site-title\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var:preset|font-family|platypi\",\n\t\t\t\t\t\"fontWeight\": \"800\",\n\t\t\t\t\t\"letterSpacing\": \"-0.6px\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"core\/post-title\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontWeight\": \"800\",\n\t\t\t\t\t\"letterSpacing\": \"-0.96px\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"core\/query-title\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontWeight\": \"800\"\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t\"elements\": {\n\t\t\t\"heading\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var:preset|font-family|platypi\",\n\t\t\t\t\t\"fontWeight\": \"800\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"button\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var:preset|font-family|platypi\",\n\t\t\t\t\t\"fontWeight\": \"800\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<h3>Couleurs<\/h3>\n<p>Twenty Twenty-Five fournit une palette par d\u00e9faut de 8 couleurs. Ces couleurs sont d\u00e9finies dans <code>theme.json<\/code> comme suit :<\/p>\n<pre><code class=\"language-json\">{\n\t\"settings\": {\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\": \"#111111\",\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\": \"#FFEE58\",\n\t\t\t\t\t\"name\": \"Accent 1\",\n\t\t\t\t\t\"slug\": \"accent-1\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#F6CFF4\",\n\t\t\t\t\t\"name\": \"Accent 2\",\n\t\t\t\t\t\"slug\": \"accent-2\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#503AA8\",\n\t\t\t\t\t\"name\": \"Accent 3\",\n\t\t\t\t\t\"slug\": \"accent-3\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#686868\",\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\": \"#FBFAF3\",\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\": \"#11111133\",\n\t\t\t\t\t\"name\": \"Opacity 20%\",\n\t\t\t\t\t\"slug\": \"opacity-20\"\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t...\n}<\/code><\/pre>\n<figure id=\"attachment_186054\" aria-describedby=\"caption-attachment-186054\" style=\"width: 1966px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186054 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/09\/ttf-default-color-palette.jpg\" alt=\"Palette de couleurs par d\u00e9faut de Twenty Twenty-Five\" width=\"1966\" height=\"1280\"><figcaption id=\"caption-attachment-186054\" class=\"wp-caption-text\">Palette de couleurs par d\u00e9faut de Twenty Twenty-Five<\/figcaption><\/figure>\n<p>Twenty Twenty-Five propose \u00e9galement 8 palettes de couleurs suppl\u00e9mentaires d\u00e9finies comme des variations de style. Vous pouvez les trouver dans le dossier <code>styles\/colors<\/code> du th\u00e8me.<\/p>\n<p>L&rsquo;image ci-dessous montre la palette de couleurs Sunrise.<\/p>\n<figure id=\"attachment_186055\" aria-describedby=\"caption-attachment-186055\" style=\"width: 1964px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186055 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/09\/ttf-sunrise-color-palette.jpg\" alt=\"Palette de couleurs Sunrise\" width=\"1964\" height=\"1268\"><figcaption id=\"caption-attachment-186055\" class=\"wp-caption-text\">Palette de couleurs Sunrise<\/figcaption><\/figure>\n<h2>Mod\u00e8les<\/h2>\n<p>Twenty Twenty-Five propose \u00e9galement un ensemble consid\u00e9rable de mod\u00e8les pour vous permettre de cr\u00e9er n&rsquo;importe quel type de blog. Vous pouvez cr\u00e9er des blogs personnels avec une quantit\u00e9 coh\u00e9rente de texte, des blogs photo et des portfolios avec diff\u00e9rentes structures de mise en page, ainsi que des blogs plus structur\u00e9s destin\u00e9s \u00e0 une vari\u00e9t\u00e9 d&rsquo;objectifs.<\/p>\n<figure id=\"attachment_185804\" aria-describedby=\"caption-attachment-185804\" style=\"width: 2274px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-185804 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/09\/ttf-templates.jpg\" alt=\"Mod\u00e8les Twenty Twenty-Five\" width=\"2274\" height=\"2172\"><figcaption id=\"caption-attachment-185804\" class=\"wp-caption-text\">Mod\u00e8les Twenty Twenty-Five dans l&rsquo;\u00e9diteur de site<\/figcaption><\/figure>\n<p>Les images suivantes montrent <a href=\"https:\/\/www.figma.com\/design\/dzGCSntVch4EQdVERTqyVK\/Twenty-Twenty-Five?node-id=16-14852\" target=\"_blank\" rel=\"noopener noreferrer\">des aper\u00e7us des mod\u00e8les de blog Twenty Twenty-Five de Figma<\/a>. Voici quelques-uns des mod\u00e8les de blog personnel.<\/p>\n<figure id=\"attachment_185827\" aria-describedby=\"caption-attachment-185827\" style=\"width: 2090px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-185827 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/09\/ttf-personal-blog-templates.jpg\" alt=\"Mod\u00e8les de blog personnel Twenty Twenty-Five de Figma\" width=\"2090\" height=\"1570\"><figcaption id=\"caption-attachment-185827\" class=\"wp-caption-text\">Mod\u00e8les de blog personnel Twenty Twenty-Five de Figma<\/figcaption><\/figure>\n<p>Et voici quelques mod\u00e8les de blogs photo.<\/p>\n<figure id=\"attachment_185826\" aria-describedby=\"caption-attachment-185826\" style=\"width: 1568px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-185826 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/09\/ttf-photoblog-templates.jpg\" alt=\"Mod\u00e8les de blog photo de Figma pour Twenty Twenty-Five\" width=\"1568\" height=\"1236\"><figcaption id=\"caption-attachment-185826\" class=\"wp-caption-text\">Mod\u00e8les de blog photo de Figma pour Twenty Twenty-Five<\/figcaption><\/figure>\n<p>Les mod\u00e8les Twenty Twenty-Five sont minimalistes et con\u00e7us pour offrir une interface simple et claire. Comme les parties des mod\u00e8les, les mod\u00e8les sont fortement bas\u00e9s sur des blocs de compositions. Pour avoir un indice, ouvrez l&rsquo;un des fichiers <code>.html<\/code> que vous pouvez trouver dans le dossier <code>templates<\/code> du th\u00e8me Twenty Twenty-Five et v\u00e9rifiez le code. Vous trouverez ci-dessous le code source du fichier <code>archive.html<\/code>:<\/p>\n<pre><code class=\"language-html\">&lt;!-- wp:template-part {\"<span id=\"urn:enhancement-b4a64e2e-c1f3-4090-8bc7-a37f16bbe6b8\" class=\"textannotation\">slug<\/span>\":\"<span id=\"urn:enhancement-87804781-7c6e-4b87-953a-9dfabe42f0cb\" class=\"textannotation\">header<\/span>\",\"area\":\"<span id=\"urn:enhancement-5f7436d0-3f5f-4f4f-8ff7-67bd8fe081a4\" class=\"textannotation\">header<\/span>\",\"tagName\":\"<span id=\"urn:enhancement-6217eb4e-2e10-441e-a8a9-8e90777fc1fe\" class=\"textannotation\">header<\/span>\"} \/--&gt;\n\n&lt;!-- wp:group {\"tagName\":\"main\",\"style\":{\"spacing\":{\"margin\":{\"top\":\"var:preset|spacing|60\"}}},\"layout\":{\"type\":\"constrained\"}} --&gt;\n&lt;main class=\"wp-<span id=\"urn:enhancement-1baba0b6-99bc-4921-a55d-c0e32c490a43\" class=\"textannotation\">block<\/span>-group\" style=\"margin-top:var(--wp--preset--spacing--60)\"&gt;\n\t&lt;!-- wp:query-title {\"type\":\"<span id=\"urn:enhancement-7cd5524d-5291-42a3-b917-82886c8d5c3e\" class=\"textannotation\">archive<\/span>\"} \/--&gt;\n\t&lt;!-- wp:term-description \/--&gt;\n\t&lt;!-- wp:pattern {\"<span id=\"urn:enhancement-57fe3439-5772-43d0-ab46-430820b913fe\" class=\"textannotation\">slug<\/span>\":\"twentytwentyfive\/posts-personal-blog\"} \/--&gt;\n\t&lt;!-- wp:pattern {\"<span id=\"urn:enhancement-d9da89d9-3c3d-4da4-a799-b5170847e5fb\" class=\"textannotation\">slug<\/span>\":\"twentytwentyfive\/more-posts\"} \/--&gt;\n&lt;\/main&gt;\n&lt;!-- \/wp:group --&gt;\n\n&lt;!-- wp:template-part {\"<span id=\"urn:enhancement-c4a81fe8-038e-434f-af9b-a869e67ea851\" class=\"textannotation\">slug<\/span>\":\"footer\",\"tagName\":\"footer\"} \/--&gt;<\/code><\/pre>\n<p>Le contenu de la page d&rsquo;archives est g\u00e9n\u00e9r\u00e9 par les blocs <strong>Query title<\/strong> et <strong>Term description<\/strong> et par les mod\u00e8les <strong>List of posts, 1 column<\/strong> (<code>posts-personal-blog<\/code>) et <strong>More posts<\/strong> (<code>more-posts<\/code>).<\/p>\n<p>Sur la base de ce code, vous pouvez facilement cr\u00e9er un mod\u00e8le personnalis\u00e9 pour votre site web. Par exemple, si vous souhaitez remplacer la liste des articles par un blog de photos, vous pouvez facilement le faire en modifiant la composition utilis\u00e9e dans ce mod\u00e8le.<\/p>\n<p>Dans l&rsquo;\u00e9diteur de site, acc\u00e9dez \u00e0 la section <strong>Mod\u00e8les<\/strong> et cliquez sur <strong>Ajouter un nouveau mod\u00e8le<\/strong>. Vous serez invit\u00e9 \u00e0 s\u00e9lectionner le type de contenu auquel votre mod\u00e8le doit s&rsquo;appliquer. Dans cet exemple, nous avons s\u00e9lectionn\u00e9 les<strong> Archives de cat\u00e9gorie<\/strong>.<\/p>\n<figure id=\"attachment_185825\" aria-describedby=\"caption-attachment-185825\" style=\"width: 2194px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-185825 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/09\/ttf-add-template.jpg\" alt=\"Ajouter un mod\u00e8le dans WordPress 6.7\" width=\"2194\" height=\"1314\"><figcaption id=\"caption-attachment-185825\" class=\"wp-caption-text\">Ajouter un mod\u00e8le dans WordPress 6.7<\/figcaption><\/figure>\n<p>Ensuite, vous devez d\u00e9cider si le mod\u00e8le sera utilis\u00e9 pour toutes les cat\u00e9gories ou pour une cat\u00e9gorie sp\u00e9cifique. Enfin, une ou plusieurs compositions vous seront propos\u00e9es pour commencer et effectuer vos modifications.<\/p>\n<p>Mais vous pouvez aussi tout construire \u00e0 partir de z\u00e9ro. Dans cet exemple, nous apportons une petite modification au code du fichier <code>archive.html<\/code> et utilisons la composition <code>twentytwentyfive\/photo-blog-posts<\/code> au lieu de <code>twentytwentyfive\/posts-personal-blog<\/code>. La page d&rsquo;archives des cat\u00e9gories de WordPress affiche d\u00e9sormais une galerie de photos.<\/p>\n<figure id=\"attachment_185803\" aria-describedby=\"caption-attachment-185803\" style=\"width: 1406px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-185803 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/09\/ttf-custom-category-archive.jpg\" alt=\"Une archive de cat\u00e9gorie personnalis\u00e9e dans Twenty Twenty-Five\" width=\"1406\" height=\"1608\"><figcaption id=\"caption-attachment-185803\" class=\"wp-caption-text\">Une archive de cat\u00e9gorie personnalis\u00e9e dans Twenty Twenty-Five<\/figcaption><\/figure>\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Twenty Twenty-Five, le prochain th\u00e8me par d\u00e9faut \u00e0 \u00eatre publi\u00e9 avec WordPress 6.7, est con\u00e7u avec une philosophie de simplicit\u00e9 pour les utilisateurs et de flexibilit\u00e9 pour les d\u00e9veloppeurs. Gr\u00e2ce \u00e0 la diversit\u00e9 et \u00e0 la polyvalence de ses compositions de blocs et de ses styles, ce th\u00e8me a pour but d&rsquo;aider les utilisateurs \u00e0 raconter des histoires passionnantes. Il inclut de nombreuses images inspirantes d&rsquo;Openverse qui sont int\u00e9gr\u00e9es de mani\u00e8re transparente dans les blocs du th\u00e8me.<\/p>\n<p>La structure du th\u00e8me s&rsquo;articule autour de collections de blocs imbriqu\u00e9s, de compositions et de parties de mod\u00e8les, ce qui facilite plus que jamais la conception de mises en page complexes sans connaissances avanc\u00e9es en mati\u00e8re de codage.<\/p>\n<p>Twenty Twenty-Five est un pas de plus vers la d\u00e9mocratisation de la conception. Que vous soyez un d\u00e9veloppeur chevronn\u00e9 ou un d\u00e9butant, Twenty Twenty-Five fournit une base solide pour explorer les th\u00e8mes en blocs, et avec le savoir-faire ad\u00e9quat, vous pouvez m\u00eame cr\u00e9er votre propre th\u00e8me pour le partager avec la communaut\u00e9 WordPress.<\/p>\n<p>\u00c0 vous de jouer. Avez-vous d\u00e9j\u00e0 test\u00e9 Twenty Twenty-Five dans un environnement de d\u00e9veloppement ? Faites-nous part de vos impressions dans les commentaires ci-dessous.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bas\u00e9 sur l&rsquo;id\u00e9e que les choses simples doivent \u00eatre intuitives et que les choses complexes doivent \u00eatre possibles, Twenty Twenty-Five est un th\u00e8me WordPress par d\u00e9faut &#8230;<\/p>\n","protected":false},"author":36,"featured_media":78354,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1038],"class_list":["post-78353","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-themes-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Th\u00e8me WordPress Twenty Twenty-Five : vue globale du d\u00e9veloppeur<\/title>\n<meta name=\"description\" content=\"Twenty Twenty-Five est un th\u00e8me de blog polyvalent s&#039;appuyant sur des mod\u00e8les et des compositions. D\u00e9couvrez les principales caract\u00e9ristiques du nouveau th\u00e8me par d\u00e9faut de WordPress.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Un aper\u00e7u du d\u00e9veloppeur de Twenty Twenty-Five, le prochain th\u00e8me par d\u00e9faut de WordPress\" \/>\n<meta property=\"og:description\" content=\"Twenty Twenty-Five est un th\u00e8me de blog polyvalent s&#039;appuyant sur des mod\u00e8les et des compositions. D\u00e9couvrez les principales caract\u00e9ristiques du nouveau th\u00e8me par d\u00e9faut de WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-21T12:30:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-22T08:31:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/10\/twenty-twenty-five.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1471\" \/>\n\t<meta property=\"og:image:height\" content=\"735\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Twenty Twenty-Five est un th\u00e8me de blog polyvalent s&#039;appuyant sur des mod\u00e8les et des compositions. D\u00e9couvrez les principales caract\u00e9ristiques du nouveau th\u00e8me par d\u00e9faut de WordPress.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/10\/twenty-twenty-five-1024x512.png\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Un aper\u00e7u du d\u00e9veloppeur de Twenty Twenty-Five, le prochain th\u00e8me par d\u00e9faut de WordPress\",\"datePublished\":\"2024-10-21T12:30:26+00:00\",\"dateModified\":\"2024-10-22T08:31:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/\"},\"wordCount\":2149,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/10\/twenty-twenty-five.png\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/\",\"name\":\"Th\u00e8me WordPress Twenty Twenty-Five : vue globale du d\u00e9veloppeur\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/10\/twenty-twenty-five.png\",\"datePublished\":\"2024-10-21T12:30:26+00:00\",\"dateModified\":\"2024-10-22T08:31:37+00:00\",\"description\":\"Twenty Twenty-Five est un th\u00e8me de blog polyvalent s'appuyant sur des mod\u00e8les et des compositions. D\u00e9couvrez les principales caract\u00e9ristiques du nouveau th\u00e8me par d\u00e9faut de WordPress.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/10\/twenty-twenty-five.png\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/10\/twenty-twenty-five.png\",\"width\":1471,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Th\u00e8mes WordPress\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/themes-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Un aper\u00e7u du d\u00e9veloppeur de Twenty Twenty-Five, le prochain th\u00e8me par d\u00e9faut de WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Th\u00e8me WordPress Twenty Twenty-Five : vue globale du d\u00e9veloppeur","description":"Twenty Twenty-Five est un th\u00e8me de blog polyvalent s'appuyant sur des mod\u00e8les et des compositions. D\u00e9couvrez les principales caract\u00e9ristiques du nouveau th\u00e8me par d\u00e9faut de WordPress.","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:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/","og_locale":"fr_FR","og_type":"article","og_title":"Un aper\u00e7u du d\u00e9veloppeur de Twenty Twenty-Five, le prochain th\u00e8me par d\u00e9faut de WordPress","og_description":"Twenty Twenty-Five est un th\u00e8me de blog polyvalent s'appuyant sur des mod\u00e8les et des compositions. D\u00e9couvrez les principales caract\u00e9ristiques du nouveau th\u00e8me par d\u00e9faut de WordPress.","og_url":"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2024-10-21T12:30:26+00:00","article_modified_time":"2024-10-22T08:31:37+00:00","og_image":[{"width":1471,"height":735,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/10\/twenty-twenty-five.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Twenty Twenty-Five est un th\u00e8me de blog polyvalent s'appuyant sur des mod\u00e8les et des compositions. D\u00e9couvrez les principales caract\u00e9ristiques du nouveau th\u00e8me par d\u00e9faut de WordPress.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/10\/twenty-twenty-five-1024x512.png","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Carlo Daniele","Dur\u00e9e de lecture estim\u00e9e":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Un aper\u00e7u du d\u00e9veloppeur de Twenty Twenty-Five, le prochain th\u00e8me par d\u00e9faut de WordPress","datePublished":"2024-10-21T12:30:26+00:00","dateModified":"2024-10-22T08:31:37+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/"},"wordCount":2149,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/10\/twenty-twenty-five.png","inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/","url":"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/","name":"Th\u00e8me WordPress Twenty Twenty-Five : vue globale du d\u00e9veloppeur","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/10\/twenty-twenty-five.png","datePublished":"2024-10-21T12:30:26+00:00","dateModified":"2024-10-22T08:31:37+00:00","description":"Twenty Twenty-Five est un th\u00e8me de blog polyvalent s'appuyant sur des mod\u00e8les et des compositions. D\u00e9couvrez les principales caract\u00e9ristiques du nouveau th\u00e8me par d\u00e9faut de WordPress.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/10\/twenty-twenty-five.png","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/10\/twenty-twenty-five.png","width":1471,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Th\u00e8mes WordPress","item":"https:\/\/kinsta.com\/fr\/sujets\/themes-wordpress\/"},{"@type":"ListItem","position":3,"name":"Un aper\u00e7u du d\u00e9veloppeur de Twenty Twenty-Five, le prochain th\u00e8me par d\u00e9faut de WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","caption":"Carlo Daniele"},"description":"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.","sameAs":["https:\/\/frammentidicodice.com\/","https:\/\/x.com\/carlodaniele"],"url":"https:\/\/kinsta.com\/fr\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/78353","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=78353"}],"version-history":[{"count":9,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/78353\/revisions"}],"predecessor-version":[{"id":78369,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/78353\/revisions\/78369"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78353\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78353\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78353\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78353\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78353\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78353\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78353\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78353\/translations\/es"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78353\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/78354"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=78353"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=78353"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=78353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}