Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


Comment tester FSE (Full Site Editing) dans WordPress

La semaine dernière je le ferais écrit sur l’édition complète du site (FSE) dans WordPress et comment cela mettrait la conception de thèmes entre les mains des utilisateurs ordinaires. Avant, il fallait non seulement connaître le code PHP et HTML, mais aussi le connaître Les différentes parties de la conception de votre thème ont été enregistrées. C’était pour le moins compliqué. Avec cette interface intuitive, vous n’avez plus besoin d’examiner en profondeur la structure du thème WordPress.

Dans ce didacticiel, je vais vous montrer comment tester les fonctionnalités expérimentales de FSE dans WordPress afin que vous puissiez mettre en place la nouvelle interface utilisateur.

Attention: veuillez ne pas tester cela sur une installation de production en direct!

Étape 1: Téléchargez le plugin Gutenberg

Cela pourrait surprendre beaucoup d’entre vous de savoir que WordPress a toujours un plugin Gutenberg! C’est vrai – même si Gutenberg est en ligne depuis longtemps, l’équipe WordPress utilise toujours le plugin pour tester les modifications. Et c’est actuellement là que réside l’édition complète du site.

Vous devez télécharger le plug-in correct, car le plug-in officiel ne s’affiche pas lors de la recherche de «Gutenberg» directement dans les plug-ins. Voici ce que vous devez rechercher:

Installez le plugin WordPress Gutenberg
Installez le plugin WordPress Gutenberg

Comme vous pouvez le voir, il a de très mauvaises critiques grâce aux premières réactions négatives à Gutenberg (y compris moi-même). Mais ne vous laissez pas décourager. Allez-y et installez-le.

Étape 2: installer le design expérimental TT1

Actuellement, FSE ne fonctionne qu’avec des sujets spécialement développés à cet effet. Allez donc sur votre page de thèmes et recherchez « TT1 » et installez-le comme indiqué ici:

Installez le thème expérimental TT1
Installez le thème expérimental TT1

Activez le thème et vous avez terminé!

Étape 3: Entrez dans l’interface d’édition du site

Une fois que vous avez effectué les deux opérations ci-dessus, vous devriez voir un nouvel élément sur votre tableau de bord indiquant « Éditeur de site (bêta) », comme illustré ici:

Nouvel éditeur de site dans le tableau de bord WordPress
Nouvel éditeur de site dans le tableau de bord WordPress

Cela vous mènera à l’interface d’édition du site.

Étape 4: apporter des modifications et prévisualiser

Vous devez être familiarisé avec l’interface basée sur les blocs. À titre de test, modifiez simplement le titre:

Apportez des modifications au titre du site
Apportez des modifications au titre du site dans FSE

Et enregistrez vos modifications. Maintenant, le titre de votre site Web aurait changé!

Les changements en direct dans FSE
Les changements en direct dans FSE

C’est assez génial.

Pour l’étape suivante, ajoutez la zone de navigation:

Ajout de la navigation dans l'édition complète du site
Ajout de la navigation dans l’édition complète du site

J’ai également ajouté un nouveau bloc de texte aléatoire après la section d’en-tête. Ces modifications se propagent partout lorsque vous effectuez les modifications.

Étape 5: Sélectionnez le modèle que vous souhaitez modifier

Par défaut, Gutenberg commence à modifier la page d’index de votre site. Cependant, vous souhaiterez peut-être modifier l’apparence de vos publications et pages individuelles. Pour basculer l’interface d’édition vers des pages individuelles, cliquez sur la liste déroulante ci-dessus et sélectionnez « Rechercher tous les modèles ».

Vous pouvez maintenant choisir les éléments à modifier:

Sélectionnez le modèle à modifier dans FSE
Sélectionnez le modèle à modifier dans FSE

Comme vous pouvez le voir, vous pouvez personnaliser 404 pages, « Pages » et tout autre modèle défini par le thème. Cela vous donne un contrôle complet sur l’apparence de votre site Web. Par exemple, je trouve que le titre est trop gros sur des pages individuelles. Un changement rapide dans l’éditeur du site suffit! Pas besoin d’aller sur votre page style.css et de gérer des CSS maladroits difficiles à maintenir.

Presque prêt pour les heures de grande écoute

Comme déjà mentionné, FSE est toujours en version bêta. Mais les fonctionnalités sont déjà assez bonnes pour en faire une priorité pour la prochaine version de WordPress. FSE devrait donner aux propriétaires de sites Web beaucoup plus de contrôle sur l’apparence de leur site Web sans avoir à garder une trace des règles CSS où ils ont stocké. Avec cela, WordPress met directement au défi les constructeurs de sites Web comme Wix qui en ont depuis des années mais qui facturent une prime. Pas plus!





Source link

Recent Posts