{"id":418,"date":"2024-11-26T11:39:20","date_gmt":"2024-11-26T09:39:20","guid":{"rendered":"https:\/\/model.wpdistrib.com\/m1\/?p=418"},"modified":"2024-12-08T09:27:05","modified_gmt":"2024-12-08T07:27:05","slug":"installer-astra-avec-wpdistrib-spectra","status":"publish","type":"post","link":"https:\/\/model.wpdistrib.com\/m1\/installer-astra-avec-wpdistrib-spectra\/","title":{"rendered":"2.1 Installer Astra avec WPDistrib pour vos mod\u00e8les Spectra"},"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 are-vertically-aligned-bottom 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-custom-1-1-1-color has-text-color has-link-color has-xx-large-font-size wp-elements-34456e285c0203b30606fb5e567910b2\">\ud83d\udfe6Vous avez choisi la <strong>simplicit\u00e9!<\/strong><\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Installer Astra avec WPDistrib pour vos Mod\u00e8les Spectra<\/h1>\n\n\n\n<p>Vous avez opt\u00e9 pour une solution <strong>rapide et pratique<\/strong> pour cr\u00e9er votre site. Ce choix vous permet de poser une base solide rapidement, mais n\u00e9cessite quelques ajustements pour qu\u2019il refl\u00e8te parfaitement votre projet.<\/p>\n\n\n\n<p><em>En choisissant la pilule bleue <\/em>\ud83d\udfe6 <em>, vous pr\u00e9f\u00e9rez garder intact le design propos\u00e9 par le mod\u00e8le<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/websitedemos.net\/car-repair-08\/?customize=template\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"603\" src=\"https:\/\/model.wpdistrib.com\/m1\/wp-content\/uploads\/2024\/11\/Capture-decran-2024-11-25-133355-1024x603.avif\" alt=\"\" class=\"wp-image-335\" style=\"aspect-ratio:16\/9;object-fit:cover\" srcset=\"https:\/\/model.wpdistrib.com\/m1\/wp-content\/uploads\/2024\/11\/Capture-decran-2024-11-25-133355-1024x603.avif 1024w, https:\/\/model.wpdistrib.com\/m1\/wp-content\/uploads\/2024\/11\/Capture-decran-2024-11-25-133355-300x177.avif 300w, https:\/\/model.wpdistrib.com\/m1\/wp-content\/uploads\/2024\/11\/Capture-decran-2024-11-25-133355-768x453.avif 768w, https:\/\/model.wpdistrib.com\/m1\/wp-content\/uploads\/2024\/11\/Capture-decran-2024-11-25-133355.avif 1524w\" 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\">Configur\u00e9s globalement, ils resteront identiques sur <strong>toutes <\/strong>vos pages. Si vous souhaitez des variantes ou des pages sans ces \u00e9l\u00e9ments, cette m\u00e9thode ne permet pas ces options.<\/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\">Les styles du mod\u00e8le peuvent ne pas correspondre \u00e0 votre charte graphique. Harmonisez-les pour obtenir un site coh\u00e9rent et en accord avec votre vision.<\/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\"><strong> <\/strong>Le logo par d\u00e9faut et les textes g\u00e9n\u00e9riques doivent \u00eatre remplac\u00e9s par vos propres contenus pour refl\u00e9ter votre identit\u00e9. Ces modifications personnalisent le mod\u00e8le \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-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\">Le mod\u00e8le propos\u00e9 inclut une disposition pr\u00e9d\u00e9finie des blocs (textes, images, boutons). Si certains \u00e9l\u00e9ments ne correspondent pas \u00e0 vos besoins, vous devrez les r\u00e9organiser ou les supprimer pour adapter la structure \u00e0 votre contenu.<\/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-10 wp-block-group-is-layout-constrained tw-block-animation tw-animation-scale-in\" style=\"padding-top:80px;padding-right:20px;padding-bottom:80px;padding-left:20px\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-4 wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;flex-basis:60%\">\n<h2 class=\"wp-block-heading has-text-align-left\"><strong>Et si vous changiez d\u2019avis ?<\/strong><\/h2>\n\n\n\n<p class=\"has-text-align-left\">La simplicit\u00e9 est rapide, mais elle a ses limites : en-t\u00eates et pieds de page fig\u00e9s, moins de libert\u00e9 pour personnaliser chaque d\u00e9tail. <\/p>\n\n\n\n<p class=\"has-text-align-left\">Si vous voulez plus de <strong>flexibilit\u00e9<\/strong>, il est encore temps d\u2019opter pour la pilule rouge et lib\u00e9rer votre cr\u00e9ativit\u00e9.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\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\/finaliser-modele-wordpress-fse-wpdistrib\/\"><strong>\ud83d\udfe5 Je choisis la flexibilit\u00e9<strong>\u2192<\/strong><\/strong><\/a><\/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 has-global-padding is-layout-constrained wp-container-core-group-is-layout-19 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-3 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-6 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>Pour que ces mod\u00e8les s\u2019affichent \u2728<strong>exactement comme pr\u00e9vu<\/strong>, ils n\u00e9cessitent un th\u00e8me con\u00e7u par le m\u00eame \u00e9diteur\u202f: <strong>Astra<\/strong>. Ce th\u00e8me, r\u00e9put\u00e9 pour sa rapidit\u00e9 et sa compatibilit\u00e9 avec Spectra, est l\u2019un des plus populaires au monde. Cependant, <strong>Astra n\u2019est pas install\u00e9 par d\u00e9faut dans WPDistrib<\/strong>.<\/p>\n\n\n\n<p>\ud83d\udca1 <strong>Le saviez-vous ?<\/strong> WPDistrib repose sur le th\u00e8me natif de WordPress, un choix volontaire. Ce th\u00e8me, avec un peu de pratique, peut surpasser la plupart des th\u00e8mes existants et se suffit \u00e0 lui-m\u00eame.<\/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-7 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-12 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>La solution : installer l&rsquo;extension Astra<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-11 wp-block-group-is-layout-constrained\">\n<p>1. Rendez-vous dans votre tableau de bord WordPress, dans la section <strong>Apparence &gt; Th\u00e8mes<\/strong>.<\/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-14 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-13 wp-block-group-is-layout-constrained\">\n<p>2. Recherchez le th\u00e8me <strong>Astra<\/strong> dans le r\u00e9pertoire et cliquez sur <strong>Installer<\/strong>, puis sur <strong>Activer<\/strong>.<\/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-16 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-15 wp-block-group-is-layout-constrained\">\n<p>3. Retournez sur votre page, et vous constaterez que le design correspond d\u00e9sormais parfaitement au mod\u00e8le import\u00e9.<\/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-18 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-17 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-21 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-20 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>simplicit\u00e9 <\/strong>\ud83d\udfe6 c\u2019est le moment de personnaliser votre site. Installez le th\u00e8me <strong>Astra<\/strong> pour r\u00e9v\u00e9ler votre mod\u00e8le dans toute sa splendeur. 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-2 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-22 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\udfe6Vous avez choisi la simplicit\u00e9! Installer Astra avec WPDistrib pour vos Mod\u00e8les Spectra Vous avez opt\u00e9 pour une solution rapide et pratique pour cr\u00e9er votre site. Ce choix vous permet de poser une base solide rapidement, mais n\u00e9cessite quelques ajustements pour qu\u2019il refl\u00e8te parfaitement votre projet. En choisissant la pilule bleue \ud83d\udfe6 , vous pr\u00e9f\u00e9rez [&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":0,"footnotes":""},"categories":[11],"tags":[],"class_list":["post-418","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\udfe6Vous avez choisi la simplicit\u00e9! Installer Astra avec WPDistrib pour vos Mod\u00e8les Spectra Vous avez opt\u00e9 pour une solution rapide et pratique pour cr\u00e9er votre site. Ce choix vous permet de poser une base solide rapidement, mais n\u00e9cessite quelques ajustements pour qu\u2019il refl\u00e8te parfaitement votre projet. En choisissant la pilule bleue \ud83d\udfe6 , vous pr\u00e9f\u00e9rez\u2026","_links":{"self":[{"href":"https:\/\/model.wpdistrib.com\/m1\/wp-json\/wp\/v2\/posts\/418","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=418"}],"version-history":[{"count":59,"href":"https:\/\/model.wpdistrib.com\/m1\/wp-json\/wp\/v2\/posts\/418\/revisions"}],"predecessor-version":[{"id":922,"href":"https:\/\/model.wpdistrib.com\/m1\/wp-json\/wp\/v2\/posts\/418\/revisions\/922"}],"wp:attachment":[{"href":"https:\/\/model.wpdistrib.com\/m1\/wp-json\/wp\/v2\/media?parent=418"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/model.wpdistrib.com\/m1\/wp-json\/wp\/v2\/categories?post=418"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/model.wpdistrib.com\/m1\/wp-json\/wp\/v2\/tags?post=418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}