{"id":492,"date":"2024-11-26T15:02:33","date_gmt":"2024-11-26T13:02:33","guid":{"rendered":"https:\/\/model.wpdistrib.com\/m1\/?p=492"},"modified":"2024-12-07T22:18:08","modified_gmt":"2024-12-07T20:18:08","slug":"finaliser-modele-wordpress-fse-wpdistrib","status":"publish","type":"post","link":"https:\/\/model.wpdistrib.com\/m1\/finaliser-modele-wordpress-fse-wpdistrib\/","title":{"rendered":"2.2 Finalisez votre mod\u00e8le avec le th\u00e8me FSE 2025 et WPDistrib"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-9 wp-block-group-is-layout-constrained\" style=\"padding-top:20px;padding-right:var(--wp--preset--spacing--30);padding-bottom:80px;padding-left:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-columns alignwide is-style-default is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-container-core-column-is-layout-1 wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-xx-large-font-size\">\ud83d\udfe5Vous avez choisi la <strong>fl\u00e9xibilit\u00e9<\/strong>!<\/p>\n\n\n\n<h1 class=\"wp-block-heading has-xx-large-font-size\">Finaliser votre Mod\u00e8le WordPress FSE 2025 avec WPDistrib<\/h1>\n\n\n\n<p>En optant pour la <strong>flexibilit\u00e9<\/strong>, vous avez fait le choix d\u2019un site enti\u00e8rement personnalisable. Bien que votre page affiche d\u00e9j\u00e0 <strong>toute la structure de base du mod\u00e8le<\/strong>, certains ajustements restent n\u00e9cessaires pour qu\u2019elle corresponde parfaitement \u00e0 vos attentes.<\/p>\n\n\n\n<p><strong>En choisissant la pilule rouge \ud83d\udfe5<\/strong>, vous avez d\u00e9cid\u00e9 de cr\u00e9er vous-m\u00eame vos en-t\u00eates et pieds de page, tout en ajustant les param\u00e9trages globaux pour harmoniser les couleurs et styles de votre site. Ce choix vous permet d\u2019aller plus loin et de fa\u00e7onner un <strong>design sur-mesure<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/model.wpdistrib.com\/m1\/exemple-de-modele-spectra\/\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"590\" src=\"https:\/\/model.wpdistrib.com\/m1\/wp-content\/uploads\/2024\/11\/Capture-decran-2024-11-25-165117-1024x590.avif\" alt=\"\" class=\"wp-image-389\" style=\"aspect-ratio:16\/9;object-fit:cover\" srcset=\"https:\/\/model.wpdistrib.com\/m1\/wp-content\/uploads\/2024\/11\/Capture-decran-2024-11-25-165117-1024x590.avif 1024w, https:\/\/model.wpdistrib.com\/m1\/wp-content\/uploads\/2024\/11\/Capture-decran-2024-11-25-165117-300x173.avif 300w, https:\/\/model.wpdistrib.com\/m1\/wp-content\/uploads\/2024\/11\/Capture-decran-2024-11-25-165117-768x442.avif 768w, https:\/\/model.wpdistrib.com\/m1\/wp-content\/uploads\/2024\/11\/Capture-decran-2024-11-25-165117.avif 1469w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:20%\">\n<div class=\"wp-block-group is-vertical is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-2 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-1 wp-block-group-is-layout-constrained\" style=\"background-color:#000000;padding-top:9px;padding-right:11px;padding-bottom:9px;padding-left:11px\">\n<p class=\"has-text-color\" style=\"color:#ffffff;font-size:clamp(15.747px, 0.984rem + ((1vw - 3.2px) * 0.809), 24px);\">\u2605<\/p>\n<\/div>\n\n\n\n<p class=\"has-contrast-color has-text-color has-medium-font-size\"><strong>L\u2019en-t\u00eate et le pied de page<\/strong><\/p>\n\n\n\n<p class=\"has-medium-font-size\">Personnalisez ces \u00e9l\u00e9ments individuellement pour chaque page. D\u00e9cidez si vous souhaitez afficher un en-t\u00eate, un pied de page, les deux ou aucun. Adaptez leur contenu pour qu\u2019il s\u2019int\u00e8gre parfaitement \u00e0 votre projet.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-4 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-3 wp-block-group-is-layout-constrained\" style=\"background-color:#000000;padding-top:9px;padding-right:11px;padding-bottom:9px;padding-left:11px\">\n<p class=\"has-text-color\" style=\"color:#ffffff;font-size:clamp(15.747px, 0.984rem + ((1vw - 3.2px) * 0.809), 24px);\">\u2605<\/p>\n<\/div>\n\n\n\n<p class=\"has-contrast-color has-text-color has-medium-font-size\"><strong>Les couleurs et styles globaux<\/strong><\/p>\n\n\n\n<p class=\"has-medium-font-size\">Adaptez les couleurs, polices et styles de votre site pour garantir une coh\u00e9rence visuelle. Cela permet aussi de r\u00e9soudre des diff\u00e9rences de design, comme des boutons aux couleurs ou formes non harmonis\u00e9es.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:20%\">\n<div class=\"wp-block-group is-vertical is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-6 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-5 wp-block-group-is-layout-constrained\" style=\"background-color:#000000;padding-top:9px;padding-right:11px;padding-bottom:9px;padding-left:11px\">\n<p class=\"has-text-color\" style=\"color:#ffffff;font-size:clamp(15.747px, 0.984rem + ((1vw - 3.2px) * 0.809), 24px);\">\u2605<\/p>\n<\/div>\n\n\n\n<p class=\"has-contrast-color has-text-color has-medium-font-size\"><strong>Les contenus visuels et textuels<\/strong><\/p>\n\n\n\n<p class=\"has-medium-font-size\">Remplacez les images et textes par d\u00e9faut pour refl\u00e9ter votre identit\u00e9 et transmettre vos messages. Ces ajustements sont indispensables pour rendre votre site unique et en phase avec vos objectifs.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-8 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-7 wp-block-group-is-layout-constrained\" style=\"background-color:#000000;padding-top:9px;padding-right:11px;padding-bottom:9px;padding-left:11px\">\n<p class=\"has-text-color\" style=\"color:#ffffff;font-size:clamp(15.747px, 0.984rem + ((1vw - 3.2px) * 0.809), 24px);\">\u2605<\/p>\n<\/div>\n\n\n\n<p class=\"has-contrast-color has-text-color has-medium-font-size\"><strong>L\u2019organisation des blocs et sections<\/strong><\/p>\n\n\n\n<p class=\"has-medium-font-size\">R\u00e9organisez les blocs de votre page: d\u00e9placez, supprimez ou ajoutez-en de nouveaux. Pour gagner du temps, utilisez une <strong>banque de compositions pr\u00eates \u00e0 l\u2019emploi<\/strong>. Ces sections pr\u00e9d\u00e9finies vous permettront de compl\u00e9ter rapidement votre site tout en gardant un design professionnel.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-18 wp-block-group-is-layout-constrained\" style=\"padding-top:80px;padding-right:20px;padding-bottom:80px;padding-left:20px\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-4 wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-align-left\"><strong>Pourquoi votre mod\u00e8le n\u2019\u00e9tait pas identique ?<\/strong><\/h2>\n\n\n\n<p>Les mod\u00e8les de pages \ud83d\udcdaque vous avez import\u00e9s proviennent de <strong>Spectra<\/strong>, une extension int\u00e9gr\u00e9e \u00e0 WPDistrib. Spectra propose une biblioth\u00e8que de mod\u00e8les pr\u00e9con\u00e7us, gratuits ou payants, adapt\u00e9e aux d\u00e9butants.<\/p>\n\n\n\n<p>Cependant, ces mod\u00e8les sont con\u00e7us pour fonctionner avec un th\u00e8me sp\u00e9cifique qui <strong>n\u2019est pas inclus dans WPDistrib<\/strong>. Ce choix s\u2019explique par le fait que ce th\u00e8me n\u2019est pas compatible avec la technologie <strong>FSE (Full Site Editing)<\/strong>. WPDistrib privil\u00e9gie le th\u00e8me natif, moderne et plus flexible, pour une personnalisation avanc\u00e9e.<\/p>\n\n\n\n<p>\ud83d\udca1 <strong>Le saviez-vous ?<\/strong> Les th\u00e8mes <strong>FSE<\/strong> (Full Site Editing), comme le th\u00e8me natif <strong>2025<\/strong> de WordPress, permettent de personnaliser chaque partie du site directement dans l\u2019\u00e9diteur (en-t\u00eates, pieds de page, mod\u00e8les de page). Leur flexibilit\u00e9 et leur compatibilit\u00e9 avec les derni\u00e8res fonctionnalit\u00e9s de WordPress offrent une solution puissante pour r\u00e9pondre \u00e0 vos besoins.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-5 wp-block-column-is-layout-flow\" style=\"border-style:none;border-width:0px\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-11 wp-block-group-is-layout-flex\" style=\"border-style:none;border-width:0px;border-radius:8px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\">\n<h2 class=\"wp-block-heading\"><strong><strong>La solution : ajuster votre site avec le th\u00e8me natif de wordpress<\/strong><\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-10 wp-block-group-is-layout-constrained\">\n<p class=\"has-medium-font-size\"><strong>1. Changer le mod\u00e8le de page<br><\/strong>Acc\u00e9dez \u00e0 la page concern\u00e9e, puis remplacez <strong>Mod\u00e8le: Page<\/strong> par <strong>Mod\u00e8le: Page + en-t\u00eate + pied de page<\/strong>. Visualisez la page pour constater l\u2019apparition de l\u2019en-t\u00eate et du pied de page.<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"background-color:#000000;color:#000000\"\/>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-13 wp-block-group-is-layout-flex\" style=\"border-style:none;border-width:0px;border-radius:8px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-12 wp-block-group-is-layout-constrained\">\n<p class=\"has-medium-font-size\"><strong>2. Modifier l\u2019en-t\u00eate et le pied de page<\/strong><br>Allez dans <strong>Apparence &gt; \u00c9diteur<\/strong>, ouvrez le mod\u00e8le <strong>Page + en-t\u00eate + pied de page<\/strong> et personnalisez les sections d\u2019en-t\u00eate et de pied de page.<\/p>\n\n\n\n<p class=\"has-medium-font-size\">Utilisez la biblioth\u00e8que de compositions pour glisser des en-t\u00eates ou pieds de page pr\u00e9d\u00e9finis et les adapter. Vous pouvez aussi personnaliser directement les blocs (texte, images, menus) avec Gutenberg.<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"background-color:#000000;color:#000000\"\/>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-15 wp-block-group-is-layout-flex\" style=\"border-style:none;border-width:0px;border-radius:8px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-14 wp-block-group-is-layout-constrained\">\n<p class=\"has-medium-font-size\"><strong>3. Ajuster les param\u00e8tres globaux<\/strong><br>Dans <strong>Apparence &gt; \u00c9diteur<\/strong>, harmonisez les couleurs, tailles de texte et styles des boutons pour garantir une pr\u00e9sentation coh\u00e9rente.<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"background-color:#000000;color:#000000\"\/>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-17 wp-block-group-is-layout-flex\" style=\"border-style:none;border-width:0px;border-radius:8px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-16 wp-block-group-is-layout-constrained\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div class=\"wp-block-group alignfull is-style-default has-global-padding is-layout-constrained wp-container-core-group-is-layout-20 wp-block-group-is-layout-constrained\" style=\"padding-top:80px;padding-right:20px;padding-bottom:80px;padding-left:20px\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-19 wp-block-group-is-layout-constrained\" style=\"padding-right:0;padding-left:0\">\n<h2 class=\"wp-block-heading has-text-align-center\">\u00c0 vous de jouer!<\/h2>\n\n\n\n<p class=\"has-text-align-center\">Vous avez choisi la <strong>flexibilit\u00e9\ud83d\udfe5<\/strong> et c\u2019est le moment de personnaliser votre site. Adaptez les mod\u00e8les, cr\u00e9ez des en-t\u00eates et pieds de page uniques et ajustez les param\u00e8tres globaux . <\/p>\n\n\n\n<p class=\"has-text-align-center\">Une fois cela termin\u00e9, revenez ici et choisissez l\u2019une des deux options ci-dessous :<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-1 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/model.wpdistrib.com\/m1\/securiser-et-optimiser-wordpress-wpdistrib\/\"><strong>J\u2019ai r\u00e9ussi, je poursuis le tuto\u2192<\/strong><\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"#BLOQUE\"><strong>Je bloque encore, aidez-moi\u2192<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div style=\"height:470px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-section-5 has-global-padding is-layout-constrained wp-container-core-group-is-layout-21 wp-block-group-is-layout-constrained is-style-section-5--2\" id=\"BLOQUE\" style=\"min-height:100vh;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<p style=\"font-style:normal;font-weight:700\">Un guide pas-\u00e0-pas d\u00e9taill\u00e9 sera bient\u00f4t disponible pour vous accompagner dans ce tutoriel. Restez connect\u00e9\u202f!<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udfe5Vous avez choisi la fl\u00e9xibilit\u00e9! Finaliser votre Mod\u00e8le WordPress FSE 2025 avec WPDistrib En optant pour la flexibilit\u00e9, vous avez fait le choix d\u2019un site enti\u00e8rement personnalisable. Bien que votre page affiche d\u00e9j\u00e0 toute la structure de base du mod\u00e8le, certains ajustements restent n\u00e9cessaires pour qu\u2019elle corresponde parfaitement \u00e0 vos attentes. En choisissant la pilule [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","iawp_total_views":1,"footnotes":""},"categories":[11],"tags":[],"class_list":["post-492","post","type-post","status-publish","format-standard","hentry","category-assistance-wordpress-avec-wpdistrib"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Admin","author_link":"https:\/\/model.wpdistrib.com\/m1\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"\ud83d\udfe5Vous avez choisi la fl\u00e9xibilit\u00e9! Finaliser votre Mod\u00e8le WordPress FSE 2025 avec WPDistrib En optant pour la flexibilit\u00e9, vous avez fait le choix d\u2019un site enti\u00e8rement personnalisable. Bien que votre page affiche d\u00e9j\u00e0 toute la structure de base du mod\u00e8le, certains ajustements restent n\u00e9cessaires pour qu\u2019elle corresponde parfaitement \u00e0 vos attentes. En choisissant la pilule\u2026","_links":{"self":[{"href":"https:\/\/model.wpdistrib.com\/m1\/wp-json\/wp\/v2\/posts\/492","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/model.wpdistrib.com\/m1\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/model.wpdistrib.com\/m1\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/model.wpdistrib.com\/m1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/model.wpdistrib.com\/m1\/wp-json\/wp\/v2\/comments?post=492"}],"version-history":[{"count":34,"href":"https:\/\/model.wpdistrib.com\/m1\/wp-json\/wp\/v2\/posts\/492\/revisions"}],"predecessor-version":[{"id":893,"href":"https:\/\/model.wpdistrib.com\/m1\/wp-json\/wp\/v2\/posts\/492\/revisions\/893"}],"wp:attachment":[{"href":"https:\/\/model.wpdistrib.com\/m1\/wp-json\/wp\/v2\/media?parent=492"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/model.wpdistrib.com\/m1\/wp-json\/wp\/v2\/categories?post=492"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/model.wpdistrib.com\/m1\/wp-json\/wp\/v2\/tags?post=492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}