Un bref historique de la conception et de la cr\u00e9ation de sites sur WordPress<\/h2>\n
Comprendre l’\u00e9volution de la conception des sites et des mises en page dans WordPress est un \u00e9l\u00e9ment essentiel pour appr\u00e9cier l’importance de FSE. L’outil cl\u00e9 qui est au c\u0153ur de la situation actuelle est l’\u00e9diteur classique<\/a>.<\/p>\n Bien s\u00fbr, il n’a pas toujours \u00e9t\u00e9 \u00ab classique \u00bb Il a toujours \u00e9t\u00e9 l’\u00e9diteur TinyMCE – l’\u00e9diteur par d\u00e9faut depuis la premi\u00e8re version de WordPress jusqu’\u00e0 environ 2018. Il s’agit d’un simple \u00e9diteur de texte WYSIWYG (What You See Is What You Get) qui vous permet de saisir du contenu et du HTML de base, ainsi que quelques styles de mise en forme. En fait, vous pouvez toujours obtenir l’\u00e9diteur TinyMCE<\/a>, car il s’agit d’un outil commercial :<\/p>\n Les principaux inconv\u00e9nients de l’\u00e9diteur TinyMCE sont le manque d’options de pr\u00e9visualisation et une flexibilit\u00e9 parfois insuffisante. Les frameworks de th\u00e8mes sont devenus une alternative viable et puissante. Bien s\u00fbr, le framework Genesis<\/a> de StudioPress est toujours parmi nous, mais il y en a eu d’autres, comme Thesis<\/a>.<\/p>\n Vous pouvez voir ici comment nous passons de l’\u00e9dition de texte \u00e0 la conception visuelle de sites web. Le framework vous offre des options sur le backend de WordPress, ce qui vous permet de modifier certains aspects du frontend. En outre, vous disposez de plus de fonctionnalit\u00e9s \u00ab brutes \u00bb pour apporter d’autres modifications, telles que des crochets et des filtres<\/a>, la prise en charge des mod\u00e8les<\/a>, et bien plus encore.<\/p>\n Cependant, l’accessibilit\u00e9 pour l’utilisateur type n’est pas encore tr\u00e8s bonne, et c’est l\u00e0 que les extensions de construction de pages<\/a> sont devenus populaires. Vous les utiliserez avec l’\u00e9diteur TinyMCE\/Classique pour vous donner un syst\u00e8me de glisser-d\u00e9poser pour concevoir votre site. Ces extensions sont en grande partie les m\u00eames qu’en 2011. Divi<\/a> et Beaver Builder<\/a> dominent toujours, bien qu’Elementor<\/a> soit \u00e9galement un mastodonte :<\/p>\n Vous voudrez bien lire la section suivante pour comprendre pourquoi nous avons des alternatives \u00e0 l’\u00e9diteur TinyMCE et \u00e0 une extension de construction de pages.<\/p>\n WordPress est le num\u00e9ro un<\/a> en termes de popularit\u00e9, mais pour en arriver l\u00e0, il a d\u00fb d\u00e9fendre son titre. Au fil des ans, de nombreuses autres plateformes ont satur\u00e9 le march\u00e9.<\/p>\n Squarespace<\/a>, Wix, Medium, et bien d’autres, veulent tous le m\u00eame public et la m\u00eame base d’utilisateurs que WordPress, et jusqu’\u00e0 l’\u00e9diteur de blocs, ils avaient tous une bien meilleure exp\u00e9rience d’\u00e9dition.<\/p>\n C’\u00e9tait une grande pr\u00e9occupation<\/a> pour la direction de WordPress, car d’autres plateformes \u00e0 l’\u00e9poque gagnaient en visibilit\u00e9. La concurrence disposait \u00e9galement d’interfaces modernes, visuelles et performantes, m\u00eame pour le simple contr\u00f4le de la mise en page.<\/p>\n L’\u00e9diteur de blocs est un moyen modulaire de construire les articles et les pages de votre site, mais il pr\u00e9sente aussi des inconv\u00e9nients. Tout d’abord, son champ d’application limit\u00e9 signifie que son utilisation n\u00e9cessite probablement une extension de construction de pages si vous souhaitez apporter des modifications \u00ab plus profondes \u00bb. Vous aurez \u00e9galement besoin de connaissances en d\u00e9veloppement pour construire un site complet, ce qui est une barri\u00e8re cr\u00e9ative \u00e0 laquelle l’\u00e9quipe de WordPress a trouv\u00e9 une solution.<\/p>\n L’\u00e9dition compl\u00e8te d’un site WordPress repr\u00e9sente la derni\u00e8re et la plus grande fronti\u00e8re pour le d\u00e9veloppement de votre site<\/a>. Elle s’appuie sur l’utilisation de blocs pour assembler votre design et va au-del\u00e0 des articles et des pages individuels. \u00c0 la base, FSE vous permet de g\u00e9rer tous les aspects de la conception de votre site WordPress \u00e0 l’aide d’une interface unifi\u00e9e et intuitive.<\/p>\n C’est d\u00e9sormais la mani\u00e8re \u00ab officielle \u00bb de modifier votre site. Il prend en charge tous les aspects de votre site :<\/p>\n Compte tenu de l’\u00e9volution de l’\u00e9diteur, certaines fonctionnalit\u00e9s disparaissent \u00e9galement. Par exemple, vous n’avez plus besoin de zones de widgets<\/a>, bien que WordPress les utilise encore comme fonctionnalit\u00e9 h\u00e9rit\u00e9e pour les th\u00e8mes qui ne sont pas bas\u00e9s sur des blocs.<\/p>\n Nous reviendrons plus tard sur ce que l’\u00e9dition compl\u00e8te d’un site WordPress peut vous permettre de r\u00e9aliser. Avant cela, examinons plus en d\u00e9tail pourquoi nous avons besoin de FSE en premier lieu.<\/p>\n L’\u00e9quipe de WordPress a plusieurs raisons d’introduire FSE. Certaines d’entre elles sont d’ordre technique. Par exemple, l’\u00e9diteur de blocs ne nous permet pas de modifier tous les aspects du site alors que cette fonctionnalit\u00e9 devrait \u00eatre pr\u00e9sente d\u00e8s le d\u00e9part.<\/p>\n Il est difficile de comprendre pourquoi il a fallu tant de temps pour nous permettre de travailler sur les styles de mod\u00e8les<\/a> sans avoir besoin de code. Entre l’\u00e9diteur classique, les frameworks, les extensions de construction de pages et l’\u00e9diteur de blocs, nous n’en avons jamais eu l’occasion. FSE r\u00e9sout ce probl\u00e8me de mani\u00e8re native pour WordPress.<\/p>\n Cette simplification unifie l’exp\u00e9rience d’\u00e9dition et la place sous le contr\u00f4le de l’\u00e9quipe principale de WordPress plut\u00f4t que de d\u00e9veloppeurs tiers. Cela signifie \u00e9galement que la courbe d’apprentissage est coh\u00e9rente. Entre le contenu, la mise en page et la conception, vous avez une exp\u00e9rience famili\u00e8re<\/a> d’un \u00e9cran \u00e0 l’autre.<\/p>\n Cette exp\u00e9rience est \u00e9galement synonyme de long\u00e9vit\u00e9. L’\u00e9dition compl\u00e8te de sites WordPress ne dispara\u00eetra pas ; elle \u00e9voluera simplement au fil du temps. Cela donne \u00e0 la plateforme une base pour s’adapter \u00e0 tout ce que l’\u00e9quipe de d\u00e9veloppement souhaite apporter \u00e0 WordPress.<\/p>\n Dans l’ensemble, ce pouvoir s’\u00e9tend des d\u00e9veloppeurs aux utilisateurs finaux. L’\u00e9dition compl\u00e8te d’un site WordPress donne \u00e0 chacun un plus grand contr\u00f4le sur les modifications de conception qu’il souhaite apporter sans d\u00e9pendre de d\u00e9veloppeurs, de personnalisations complexes ou de connaissances en mati\u00e8re de codage.<\/p>\n Pour l’\u00e9quipe de WordPress, FSE n’est pas seulement le pr\u00e9sent, c’est aussi l’avenir de la plateforme. Cependant, vous aurez besoin d’un th\u00e8me compatible pour l’utiliser (nous y reviendrons plus tard). De plus, d’autres entreprises WordPress pourraient ne pas \u00eatre d’accord, en particulier celles qui proposent des produits concurrents.<\/p>\n Par exemple, les d\u00e9veloppeurs web WordPress diront que c’est une bonne id\u00e9e de confier la conception de votre th\u00e8me<\/a> \u00e0 quelqu’un d’expert. Nous sommes d’accord dans de nombreux cas, surtout si vous avez des besoins complexes, le budget et le temps n\u00e9cessaires.<\/p>\n Bien s\u00fbr, l’\u00e9diteur de blocs reste viable pour la majorit\u00e9 des cr\u00e9ations de contenu et des personnalisations. Le passage \u00e0 l’\u00e9dition compl\u00e8te d’un site se fera en un clin d’\u0153il, et vous l’utiliserez probablement d\u00e9j\u00e0 :<\/p>\n Beaucoup d’utilisateurs se tourneront vers l’\u00e9diteur de blocs pour la plupart avant d’apporter une autre solution. L’ajout d’une extension de construction de pages offre certaines des fonctionnalit\u00e9s<\/a> qui manquent \u00e0 l’\u00e9diteur de blocs. Divi, Elementor, Beaver Builder, Brizy<\/a>, et bien d’autres ont de grandes fonctionnalit\u00e9s et permettent des personnalisations et des d\u00e9veloppements plus profonds :<\/p>\n Pour une exp\u00e9rience diam\u00e9tralement oppos\u00e9e \u00e0 l’\u00e9dition compl\u00e8te d’un site WordPress et un retour \u00e0 la case d\u00e9part, vous pouvez opter pour un tout nouveau CMS : ClassicPress<\/a>.<\/p>\n La philosophie du projet est que l’\u00e9volution de WordPress est une excellente id\u00e9e, \u00e0 l’exception de l’\u00e9diteur de blocs et, par extension, de FSE. En tant que tel, le fork ClassicPress ne l’inclut pas. Au lieu de cela, vous cr\u00e9erez des sites en utilisant l’\u00e9diteur classique ou TinyMCE, comme par le pass\u00e9.<\/p>\n Il s’agit essentiellement d’une solution unique \u00e0 l’immaturit\u00e9 de l’\u00e9diteur de blocs lors de sa premi\u00e8re sortie. A l’\u00e9poque, le concept avait un sens th\u00e9orique. Cependant, \u00e9tant donn\u00e9 l’exp\u00e9rience actuelle de WordPress en mati\u00e8re d’\u00e9dition, il n’y a que peu de raisons d’opter pour ClassicPress.<\/p>\n En quelques mots, l’\u00e9dition int\u00e9grale de WordPress \u00e9tend les fonctionnalit\u00e9s de l’\u00e9diteur de blocs \u00e0 l’ensemble de votre site. Pour utiliser FSE, vous avez besoin d’un \u00ab th\u00e8me \u00e0 base de blocs \u00bb ou d’un \u00ab th\u00e8me FSE \u00bb qui le supporte. Nous en reparlerons plus tard.<\/p>\n La vue d’ensemble du fonctionnement de FSE est simple :<\/p>\n La plupart des utilisateurs ne disposent pas d’une version de WordPress ant\u00e9rieure \u00e0 la 5.9, mais si c’est le cas, vous devrez effectuer une mise \u00e0 jour pour tirer parti de FSE. Comme nous l’avons soulign\u00e9, vous aurez \u00e9galement besoin d’un th\u00e8me de soutien. Voyons cela rapidement.<\/p>\n Heureusement, le choix d’un th\u00e8me bas\u00e9 sur des blocs<\/a> n\u00e9cessite le m\u00eame niveau de soin que tout autre type de th\u00e8me. Vous devrez examiner quelques aspects objectifs pour vous assurer que vous t\u00e9l\u00e9chargez une solution solide :<\/p>\n \u00c9tant donn\u00e9 que l’\u00e9dition compl\u00e8te d’un site WordPress est une nouveaut\u00e9 sur la plateforme, vous disposez de moins d’options de th\u00e8mes. Cela ne signifie pas pour autant que la qualit\u00e9 est difficile \u00e0 trouver. De nombreux grands d\u00e9veloppeurs ont leur propre th\u00e8me FSE\/Block. L’un des premiers a \u00e9t\u00e9 la version FSE de Neve<\/a> de ThemeIsle :<\/p>\n La version \u00ab traditionnelle \u00bb ou \u00ab classique \u00bb du th\u00e8me utilise l’ancien outil de personnalisation de l’onglet Apparence<\/strong><\/strong> de l’\u00e9cran Apparence. Cette version int\u00e8gre enti\u00e8rement l’\u00e9diteur de site et offre de meilleures performances subjectives.<\/p>\n Il existe d’autres th\u00e8mes de blocs, tels que Portfolio WP<\/a> et Mugistore<\/a>. Cependant, Ollie<\/a> est sans doute le meilleur de tous :<\/p>\n Ce th\u00e8me s’engage \u00e0 \u00e9diter le site complet de WordPress sans h\u00e9siter. Il dispose d’un assistant de prise en main, et m\u00eame d’une version premium qui inclut de nombreux \u00e9l\u00e9ments et mod\u00e8les de la librairie de compositions.<\/p>\n M\u00eame le th\u00e8me par d\u00e9faut Twenty Twenty-Four<\/a> est un choix viable pour votre site maintenant :<\/p>\n La capacit\u00e9 et la profondeur de l’\u00e9diteur de site nous permettent de construire au-dessus (et d’\u00e9tendre) des th\u00e8mes qui n\u00e9cessitent souvent beaucoup de code et de ressources. Il d\u00e9mocratise la capacit\u00e9 \u00e0 construire et \u00e0 d\u00e9velopper des th\u00e8mes, et l’interface principale est le premier point de contact pour cela.<\/p>\n Pour trouver l’\u00e9diteur de site, naviguez vers Apparence > \u00c9diteur <\/strong>dans WordPress :<\/p>\n Cet \u00e9cran est assez simple. Sur le c\u00f4t\u00e9 droit, vous verrez l’aper\u00e7u de la mise en page. Vous pouvez cliquer dessus pour ouvrir l’interface de l’\u00e9diteur de site pour votre page d’accueil. Sur la gauche, vous trouverez une s\u00e9rie de liens vers d’autres pages d’\u00e9dition pour des t\u00e2ches sp\u00e9cifiques. Nous examinerons ces \u00e9crans plus en d\u00e9tail dans un instant.<\/p>\n Avant d’aborder chacun des cinq \u00e9crans de FSE, notez que vous pouvez quitter l’\u00c9diteur de site en utilisant le logo WordPress dans le coin sup\u00e9rieur gauche de l’\u00e9cran. Vous pouvez \u00e9galement cliquer sur la fl\u00e8che \u00ab retour \u00bb de la page principale de Design <\/strong>:<\/p>\n Ceci \u00e9tant dit, passons \u00e0 l’utilisation de FSE.<\/p>\n Nous allons maintenant examiner chaque \u00e9cran de l’\u00e9diteur de site dans l’ordre o\u00f9 il appara\u00eet dans la navigation. En fait, cela nous am\u00e8ne \u00e0 discuter de cet \u00e9cran !<\/p>\n La page Navigation remplace l’\u00e9cran Apparence > Menus<\/strong>. Une fois que vous y \u00eates entr\u00e9, vous verrez une liste des articles et des pages de votre site :<\/p>\n S’il s’agit d’un nouveau site, vous verrez ici tous vos articles et toutes vos pages. Cela peut pr\u00eater \u00e0 confusion, car il s’agit de votre menu de navigation principal. Pr\u00e8s de l’en-t\u00eate Navigation, ouvrez le menu Actions<\/strong>. Vous pourrez ainsi modifier le menu, changer son nom, le supprimer ou le dupliquer :<\/p>\n Si vous cliquez sur Modifier<\/strong>, une version de l’\u00e9diteur de blocs contenant votre menu en tant que bloc de navigation s’ouvre :<\/p>\n Dans la colonne lat\u00e9rale, vous avez la possibilit\u00e9 de d\u00e9placer chaque entr\u00e9e vers le haut ou vers le bas, de la supprimer du menu ou de cr\u00e9er un sous-menu \u00e0 partir d’elle :<\/p>\n Chaque entr\u00e9e du menu utilise un bloc de lien de page, qui dispose de ses propres options. Vous disposez de r\u00e9glages de formatage en ligne, ainsi que de r\u00e9glages de style de la colonne lat\u00e9rale :<\/p>\n Notez que vous pouvez ajouter des images en ligne, des sous-menus, etc. Cette m\u00e9thode est plus souple que la m\u00e9thode classique de cr\u00e9ation de la navigation. Pour ajouter simplement un \u00e9l\u00e9ment au menu, cliquez sur l’ic\u00f4ne Plus<\/strong> et s\u00e9lectionnez votre article ou votre page :<\/p>\n Une fois que vous aurez enregistr\u00e9 vos modifications, vous verrez la navigation refl\u00e9ter vos changements. Pour cr\u00e9er d’autres menus, vous pouvez utiliser le lien Actions > Dupliquer<\/strong> sur la page Navigation.<\/p>\n L’\u00e9cran Styles<\/strong> vous permet de contr\u00f4ler l’apparence de votre site \u00e0 un niveau global. La colonne lat\u00e9rale propose quelques palettes et r\u00e9glages de typographie diff\u00e9rents pour diff\u00e9rentes conceptions :<\/p>\n En cliquant sur l’une d’entre elles, vous verrez le design en place sur votre site. Cependant, une ic\u00f4ne \u00ab Crayon \u00bb <\/strong>en haut de la colonne lat\u00e9rale vous permet d’effectuer des modifications dans l’\u00e9diteur de site :<\/p>\n Chacune des options de la colonne lat\u00e9rale couvre les couleurs, les mises en page, la typographie et m\u00eame les r\u00e9glages des ombres. Par exemple, vous pouvez s\u00e9lectionner des polices pour l’ensemble du site et les appliquer \u00e0 divers \u00e9l\u00e9ments de votre conception :<\/p>\n Si vous allez plus loin dans les menus, vous pourrez souvent jouer avec d’autres options, telles que l’espacement, les couleurs, etc. La section Mise en page <\/strong>vous permet de personnaliser les dimensions de votre zone de contenu principale, ainsi que le remplissage et l’espacement des blocs :<\/p>\n Si vous souhaitez voir \u00e0 quoi ressemblent ces modifications sans naviguer sur votre site, vous pouvez utiliser l’ic\u00f4ne \u00ab \u0153il \u00bb pour ouvrir le carnet de style. Il s’agit d’un outil de visualisation pratique que les concepteurs appr\u00e9cieront :<\/p>\n Enfin, m\u00eame si nous ne nous y attarderons pas ici, vous pouvez \u00e9galement personnaliser l’apparence de chaque bloc de votre site. Par exemple, vous pouvez vous appuyer sur le style global d’un bloc Paragraphe. Une fois encore, lorsque vous aurez termin\u00e9, vous pourrez enregistrer vos modifications, qui s’appliqueront \u00e0 votre site.<\/p>\n Avant de passer \u00e0 l’\u00e9cran FSE suivant, vous devez conna\u00eetre le fichier theme.json<\/strong><\/a>. Il s’agit essentiellement de la version d\u00e9veloppeur<\/a> des \u00e9crans Styles.<\/p>\n Il vous permet de d\u00e9finir les styles par d\u00e9faut de votre site et de ses blocs, et vous l’utiliserez comme un fichier de configuration. De plus, il utilise le format JSON<\/a>, ce qui permet d’avoir une exp\u00e9rience moins lourde en termes de code que par le pass\u00e9.<\/p>\n Enfin, sachez que tout ce que vous pouvez faire dans theme.json<\/strong>, vous pouvez \u00e9galement le faire dans l’\u00c9diteur de site.<\/p>\n L’\u00e9cran Pages<\/strong> duplique les fonctionnalit\u00e9s des \u00e9crans classiques Articles et Pages dans le tableau de bord de WordPress. Par exemple, vous verrez une liste d’\u00e9tats qui filtrent vos pages en Publi\u00e9es<\/strong><\/strong><\/strong>, Planifi\u00e9<\/strong><\/strong><\/strong>, Brouillons <\/strong><\/strong><\/strong>et autres :<\/p>\n Chaque page comporte des actions suppl\u00e9mentaires, telles que Modifier<\/strong>, Afficher<\/strong><\/strong>, Renommer<\/strong><\/strong><\/strong> et Supprimer<\/strong><\/strong><\/strong><\/strong>. Vous pouvez \u00e9galement modifier une page \u00e0 l’aide de l’ic\u00f4ne \u00ab crayon \u00bb. En haut de la liste, vous trouverez un bouton Ajouter une nouvelle page<\/strong><\/strong><\/strong><\/strong><\/strong> qui fait tout ce qu’il y a \u00e0 faire.<\/p>\n Si vous utilisez d\u00e9j\u00e0 l’\u00e9diteur de blocs, ces \u00e9crans vous sembleront plus familiers. Cependant, bien que vous disposiez des m\u00eames fonctionnalit\u00e9s que d’habitude, l’\u00e9diteur de site vous offre quelques blocs de th\u00e8mes<\/a> suppl\u00e9mentaires pour vous aider \u00e0 construire votre site. Ceux-ci couvrent des cas d’utilisation typiques tels que l’ajout d’un logo de site, la navigation, les auteurs, les commentaires, etc :<\/p>\n L’un d’entre eux, le bloc Boucle de requ\u00eate<\/a>, peut vous aider \u00e0 r\u00e9aliser des t\u00e2ches que vous auriez souvent besoin de PHP pour accomplir. Par exemple, parce qu’il vous permet d’afficher des articles en fonction de r\u00e9glages sp\u00e9cifiques, vous pouvez afficher vos derniers articles ou m\u00eame cr\u00e9er un portfolio. Cependant, rien de tout cela n’est possible sans les deux derniers \u00e9crans de l’\u00e9diteur de site.<\/p>\n Les mod\u00e8les<\/a> sont un \u00e9l\u00e9ment essentiel du d\u00e9veloppement de WordPress. Il s’agit de mod\u00e8les r\u00e9utilisables qui vous aident \u00e0 d\u00e9finir la structure des diff\u00e9rentes parties de votre site. Ils n\u00e9cessitent g\u00e9n\u00e9ralement des connaissances en PHP, mais vous pouvez tous les personnaliser (et en cr\u00e9er de nouveaux) sans code dans l’\u00e9diteur de site.<\/p>\n Le travail sur les mod\u00e8les suit la m\u00eame approche que pour les articles et les pages : vous utiliserez l’\u00e9diteur de site pour ajouter des blocs au mod\u00e8le, puis vous enregistrerez les modifications. Bien entendu, ces modifications s’appliqueront \u00e0 toutes les pages qui utilisent le mod\u00e8le en question.<\/p>\n Pour cr\u00e9er un nouveau mod\u00e8le, cliquez sur le bouton Ajouter un nouveau mod\u00e8le<\/strong>:<\/p>\n Un assistant rapide vous permet de s\u00e9lectionner le type de mod\u00e8le que vous souhaitez cr\u00e9er et un mod\u00e8le de bloc appropri\u00e9 pour commencer la conception. Ces mod\u00e8les font l’objet de notre derni\u00e8re section.<\/p>\n Les compositions de blocs sont des collections apparent\u00e9es de blocs qui remplissent des r\u00f4les sp\u00e9cifiques sur votre site. Par exemple, vous pouvez ins\u00e9rer un mod\u00e8le d’en-t\u00eate comprenant le logo, la navigation et le titre du site :<\/p>\n La cr\u00e9ation de ces compositions<\/a> est simple, m\u00eame si, sans l’\u00e9diteur de site, vous devriez les enregistrer \u00e0 l’aide de PHP. D\u00e9sormais, vous pouvez utiliser la page Compositions <\/strong>:<\/p>\n Sur le c\u00f4t\u00e9 gauche, vous verrez tous les mod\u00e8les disponibles r\u00e9partis dans des dossiers appel\u00e9s \u00ab types \u00bb Ces mod\u00e8les sont un excellent moyen d’\u00e9laborer rapidement un design de site et sont souvent fantastiques.<\/p>\n Le bouton Ajouter une nouvelle composition <\/strong>ouvre l’\u00e9diteur et vous permet de cr\u00e9er ces sections vous-m\u00eame. Cela vous permet de cr\u00e9er des \u00e9l\u00e9ments r\u00e9utilisables pour votre site, ce qui repr\u00e9sente une mani\u00e8re durable et int\u00e9ress\u00e9e de d\u00e9velopper des sites pour vous-m\u00eame et pour toute autre personne avec laquelle vous travaillez.<\/p>\n L’\u00e9dition compl\u00e8te de sites WordPress est un sujet tr\u00e8s vaste et nous ne pouvons pas couvrir toutes les possibilit\u00e9s qu’elle offre. Cependant, nous pouvons vous donner quelques conseils pour tirer le meilleur parti de FSE.<\/p>\n Par exemple, vous pouvez exporter vos mod\u00e8les et styles pour les r\u00e9utiliser sur d’autres sites. Pour ce faire, acc\u00e9dez \u00e0 l’\u00e9diteur de site pour n’importe quel article ou page, puis cliquez sur le menu Options<\/strong> dans la barre d’outils sup\u00e9rieure. Dans le menu d\u00e9roulant, choisissez Exporter<\/strong><\/strong> :<\/p>\n Cela vous donnera un fichier ZIP de votre th\u00e8me, et si vous avez besoin de l’importer<\/a>, vous pouvez le faire en utilisant l’extension WordPress Importer<\/a>.<\/p>\n![\"L'interface](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/classic-editor_1.png\")
![\"L'interface](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/tinymce-editor.png\")
![\"Une](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/genesis-framework_1.png\")
![\"L'interface](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/elementor-page-builder_1.png\")
L’\u00e9diteur de blocs et l’\u00e9dition compl\u00e8te du site WordPress<\/h2>\n
![\"L'interface](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/wix-editor_1.png\")
Ce qu’est l’\u00e9dition compl\u00e8te de site WordPress (FSE)<\/h3>\n
![\"L'interface](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/full-site-editing.png\")
\n
Pourquoi FSE est dans WordPress<\/h2>\n
![\"L'interface](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/templates-pages.png\")
Les alternatives \u00e0 FSE<\/h3>\n
![\"Fen\u00eatre](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/theme-development.png\")
![\"L'interface](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/block-editor-1.png\")
![\"L'interface](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/page-builder-screen.png\")
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/classicpress-homepage.png\")
Comment fonctionne l’\u00e9dition compl\u00e8te d’un site WordPress<\/h2>\n
\n
Choisir un th\u00e8me FSE appropri\u00e9<\/h3>\n
\n
![\"Le](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/neve-fse.png\")
![\"Un](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/ollie-theme.png\")
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/twenty-twenty-four_1.png\")
Visite de l’interface principale de FSE<\/h3>\n
![\"Capture](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/editor-link.png\")
![\"L'\u00e9cran](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/back-arrow.png\"){kind=icon}
Les 5 piliers du Full Site Editing de WordPress<\/h2>\n
1. Navigation<\/h3>\n
![\"Vue](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/navigation-screen.png\")
![\"Une](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/nav-more-items.png\")
![\"L'interface](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/nav-block-editor.png\")
![\"Vue](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/nav-sidebar.png\")
![\"L'\u00e9diteur](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/page-link-block.png\")
![\"Gros](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/add-page-nav.png\")
2. Styles<\/h3>\n
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/styles-screen.png\")
![\"Gros](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/styles-editor.png\")
![\"L'interface](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/typography-settings.png\")
![\"Capture](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/layout-tab.png\")
![\"L'interface](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/style-book.png\")
Utiliser le fichier theme.json avec WordPress pour l’\u00e9dition compl\u00e8te du site<\/h4>\n
![\"Un](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/theme-json.png\")
3. Pages<\/h3>\n
![\"L'\u00e9cran](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/pages-screen.png\")
![\"L'interface](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/theme-blocks.png\")
4. Mod\u00e8les<\/h3>\n
![\"Ajout](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/add-template.png\")
5. Les compositions<\/h3>\n
![\"L'\u00e9diteur](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/block-pattern.png\")
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/patterns-page.png\")
Conseils sur l’utilisation de l’\u00e9dition compl\u00e8te de sites WordPress pour cr\u00e9er des designs<\/h2>\n
![\"L'interface](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/options-export.png\")
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/command-palette-search.png\")