L’édition de site complet (FSE) représente un grand changement dans la façon dont les utilisateurs de WordPress conçoivent et développent des sites Web. En tant que membre de la communauté WordPress, vous souhaitez probablement acquérir une expérience pratique. Cependant, lorsque WordPress 5.6 a été livré, il l’a fait Pas Ajoutez cette fonctionnalité tant attendue.

Heureusement, il existe un moyen d’accéder à l’éditeur complet du site. Avec un peu d’aide du Plugin Gutenberg et un thème WordPress expérimental, vous pouvez accéder à une version bêta de FSE dès aujourd’hui. C’est une excellente occasion de tester la prochaine phase de conception de WordPress avant sa sortie officielle.

Dans cet article, nous allons vous familiariser avec FSE avant de l’introduire dans WordPress Core. Nous vous montrerons comment le configurer et l’utiliser pour modifier n’importe quelle partie de votre site Web WordPress, y compris le modèle sous-jacent. Commençons!

Qu’est-ce que l’édition du site complet de Gutenberg (et pourquoi est-ce important)?

Votre site Web WordPress typique est composé d’éléments globaux et d’éléments de page. Les éléments globaux sont ceux qui apparaissent sur l’ensemble de votre site Web, tels que: B. En-tête et pied de page. Ils sont souvent générés à partir de votre thème et peuvent être modifiés à l’aide du personnalisateur WordPress:

Le personnalisateur WordPress.

En revanche, vous ajoutez des éléments de page à un site Web spécifique à l’aide de l’éditeur WordPress. Quelques exemples courants sont le texte, les images et les vidéos:

L'éditeur WordPress.

La prochaine fonctionnalité FSE (édition de site complet) est conçue pour fournir une interface unique à travers laquelle vous pouvez ajouter des éléments globaux et des éléments de page. Cela ouvre la voie à la création de sites Web entiers en utilisant uniquement des blocs Gutenberg. En préparation de ce déménagement, les développeurs de Gutenberg ont créé une bibliothèque de blocs de construction de site, comprenant des titres de site, des titres de publication, des commentaires et du contenu de publication.

Lors de son lancement en 2017, Gutenberg a reçu un réponse mitigée de la communauté WordPress. Malgré ce début difficile, l’éditeur de blocs s’est depuis avéré significatif Avantages par rapport à l’éditeur classique.

En tant que prochaine étape du voyage basé sur les blocs de WordPress, FSE pourrait avoir encore plus d’avantages. Premièrement, cela promet plus de flexibilité dans la conception et la création de vos mises en page. Par exemple, vous pouvez utiliser l’éditeur de site complet pour définir le titre de votre site Web. Vous pouvez ensuite remplacer ce titre pour des pages spécifiques selon vos besoins.

FSE peut également vous faciliter la conception et la construction de votre site Web WordPress. Avec cet éditeur, vous pouvez apporter des modifications globales et spécifiques à la page en utilisant la même interface utilisateur. Cela signifie qu’il n’y a qu’un seul flux de travail à apprendre. Vous n’avez pas non plus à perdre de temps à naviguer entre le personnalisateur et l’éditeur WordPress. Lorsque vous disposez d’une liste des modifications à mettre en œuvre, ces secondes peuvent vous faire gagner un temps considérable.

Comment accéder à l’éditeur de page complète dans WordPress 5.6 (en 3 étapes faciles)

Au lieu de passer plus de temps à parler de ce que FSE peut faire pour vous, nous pensons qu’il est préférable que vous le voyiez en action. Voici comment ajouter le prochain éditeur de site complet à votre site Web WordPress dès aujourd’hui.

Étape 1: Préparez votre environnement de test et installez le Plugin Gutenberg

Au moment d’écrire ces lignes, WordPress classe toujours l’éditeur de site complet comme une fonctionnalité expérimentale. Cela signifie que l’utilisation de FSE n’est pas recommandée dans un environnement de production comme votre site Web en ligne.

Au lieu de cela, vous pouvez créer un environnement de test sûr dans lequel les essayer. Si vous n’avez pas encore de bac à sable, vous pouvez Créez un site WordPress local avec XAMPP, Localement avec le volantou une autre plateforme.

Ensuite, il est temps d’installer et d’activer cela Plugin Gutenberg. Si vous l’utilisez déjà, nous vous recommandons de vérifier que vous utilisez la dernière version car elle sera mise à jour régulièrement:

Le plugin Gutenberg.

Bien que FSE ne soit pas encore prêt pour les heures de grande écoute, une version bêta de cet éditeur a été incluse dans WordPress 5.6. Si vous n’avez pas encore mis à niveau vers WordPress 5.6, vous devez le faire maintenant. Cela devrait vous offrir l’expérience FSE la plus stable et la plus fiable.

Nous vous recommandons également d’utiliser PHP 7.3 ou supérieur. Si vous n’êtes pas sûr de la version de PHP qui alimente votre site WordPress, ces informations se trouvent généralement dans l’outil WordPress Site Health à l’adresse Info> Serveur.

Si vous êtes en retard avec vos mises à jour PHP, nous vous recommandons de lire la documentation de la plate-forme sur laquelle vous hébergez votre environnement de test. Il doit contenir des instructions sur la mise à niveau. Si votre site sandbox est hébergé par un tiers, vous pouvez contacter le support pour obtenir de l’aide.

Étape 2: installez les expériences de thème WordPress

Le Expériences de thèmes WordPress sont une collection de projets, chacun examinant un aspect de la création de thèmes et de modèles basés sur des blocs. Dans cette collection, vous trouverez le sujet TT1 Blocks, une version expérimentale basée sur des blocs de Vingt et un vingt et un. Le thème des blocs TT1 est essentiel pour déverrouiller l’éditeur de site complet avant sa sortie officielle.

Tout d’abord, allez aux expériences de thèmes WordPress Page GitHub et cliquez sur le vert code Bouton. Vous pouvez alors choisir Télécharger le zip::

Le projet d'expérimentation de thème WordPress.

Une fois ce dossier téléchargé, décompressez-le. A l’intérieur, tu devrais réaliser blocs tt1. Vous pouvez maintenant créer un nouveau dossier zip qui contiendra les éléments suivants blocs tt1 seulement. Ce processus peut varier en fonction du système d’exploitation. Cependant, vous devriez rechercher l’option pour compresser le fichier.

La prochaine étape est le téléchargement Code postal Fichier sur WordPress. Sélectionnez dans votre tableau de bord d’administration Apparence> Thèmes. Vous pouvez ensuite cliquer sur Ajouter un nouveau> Télécharger un sujet> Sélectionner un fichier et choisissez le blocs tt1 Code postal. Cliquez ensuite sur Installer maintenant.

Une fois ce dossier téléchargé, sélectionnez Apparence> Thèmes dans le menu WordPress. Cet écran doit maintenant contenir le Blocs TT1 Thème:

La rubrique TT1 bloque pour une édition complète du site.

Pour activer ce thème, passez le pointeur de votre souris dessus et sélectionnez Activer. Un nouveau Éditeur de site (bêta) L’option devrait maintenant apparaître dans le menu de la barre latérale du tableau de bord WordPress.

Si vous ne voyez pas cette option, vous devrez peut-être activer manuellement la modification complète du site. Naviguez vers dans le menu de gauche Gutenberg> expériences. Vous pouvez choisir maintenant Édition complète du site> Enregistrer. Après avoir effectué cette modification, vous devriez avoir accès au Éditeur du site Menu.

Étape 3. Personnalisez votre site avec FSE

Jusqu’à présent, les utilisateurs de WordPress n’ont connu que la phase 1 du projet Gutenberg. Il est temps d’acquérir une expérience pratique de la phase 2 en effectuant un essai routier avec FSE.

Pour accéder à ce nouvel éditeur, accédez au front-end de votre site Web WordPress. Tu devrais en voir un maintenant Modifier le site Option dans la barre d’outils d’administration:

Ouvrez l'éditeur de site complet de WordPress.

Il est facile de modifier une page Web dans ce nouvel éditeur. Accédez simplement à la page ou au message que vous souhaitez mettre à jour, puis sélectionnez Modifier le site depuis la barre d’outils. Cela ouvrira la page pour l’édition dans le nouveau mode FSE de WordPress:

Le nouvel éditeur WordPress FSE.

Vous pouvez maintenant modifier n’importe quel élément à l’écran en cliquant dessus. Lorsque vous sélectionnez un élément, les informations sur cet élément s’affichent en bas de l’écran. Vous pouvez également ajouter de nouveaux éléments globaux et de page en cliquant sur le bouton plus (+).

FSE est un outil qui est le mieux expérimenté de première main. En supposant que vous ayez suivi nos conseils et créé un environnement de test, cela vaut la peine d’expérimenter les différentes fonctions et paramètres FSE pendant un certain temps.

L’avenir de l’édition de site complet dans WordPress

Lorsque vous explorez FSE, gardez à l’esprit que l’équipe de développement de WordPress recherche activement des commentaires sur cette nouvelle fonctionnalité. Si vous rencontrez des problèmes, vous pouvez les signaler sur le site Web Gutenberg ou Expériences thématiques Dépôts GitHub.

Vous voudrez peut-être aussi considérer que Programme de sensibilisation FSE. Ce programme offre aux utilisateurs de WordPress la possibilité de communiquer avec l’équipe de développement FSE.

L’équipe WordPress a créé ce programme pour obtenir des commentaires sur chaque partie de l’expérience FSE. Cela inclut les changements de flux de travail, les rapports de bogues et les nouvelles fonctions qui devraient être inclus dans FSE. Selon le FAQ FSELa participation à ce programme devrait durer trois heures par semaine.

Si vous souhaitez vous tenir au courant des développements chez FSE Outreach, les informations de ce programme seront envoyées au site Web. Créer un blog de test WordPress avec le tag # fse-outreach program. Vous pouvez également rejoindre le # fse-outreach-experiment Slack Channel pour plus de mises à jour.

Conclusion

La prochaine fonction FSE (Full-Site Editing) promet d’être la prochaine grande étape dans la conception et le développement de WordPress. En acquérant une expérience pratique dès maintenant, vous pouvez vous assurer que votre site Web est prêt pour les changements à venir.

Dans cet article, nous vous avons montré comment accéder à une version bêta de l’éditeur de site complet:

  1. Préparez votre environnement de développement et installez le Gutenberg Brancher.
  2. Installez ça Expériences de thèmes WordPress.
  3. Personnalisez votre site avec FSE.

Avez-vous des questions sur la nouvelle fonctionnalité d’édition de site complet de WordPress? Faites-nous savoir dans les commentaires ci-dessous!



Source link

Recent Posts