Nouveau bloc 4. Retirer lrsquoarrêt 5. Utilisez le bloc 6 pour ajouter un titre. Utilisez le bloc 7 pour ajouter une image. Ajoute du contenu écrit en utilisant lrsquoéditeur Gutenberg 8. Ajouter un lien dans lrsquoéditeur de bloc 9. Vidéo intégrée sur YouTube 10. Utilisez Gutenberg 11 pour ajouter un code court. Ajoutez des boutons aux messages et à la page 12. Créer un tableau 13. Disposition des blocs dans la colonne 14. Fusionner avec Gutenberg 15. Enregistrer et réutiliser les blocs dans Gutenberg 16. Publier des extensions de raccourcis clavier de Gutenberg WordPress Gutenberg Editor avec lrsquoéditeur de bloc Gutenberg FAQ qursquoest ce que Gutenberg WordPress? Comment obtenir l’éditeur Gutenberg dans WordPress? Comment lrsquoéditeur Gutenberg? WordPress Gutenberg va bien? Qu’est il arrivé à l’éditeur WordPress? Éditeur Gutenberg qursquoest ce que Gutenberg? WordPress Gutenberg Editor, Gutenberg, WordPress Block Editor ou Block Editor, comme l’avez dit, Gutenberg a été introduit dans WordPress 5.0 En décembre 2018.
Le nouveau générateur de page par défaut intégré à WordPress facilite plus que jamais la création de pages avec des blocs. Ces blocs WordPress incluent tout ce que voyez habituellement sur une page Web, y compris des paragraphes, des titres, des sous titres, des listes, des images, des vidéos, des widgets et plus encore. Les blocs Gutenberg ressemblent beaucoup aux blocs lego. Pour construire une maison au lycée le, devez placer un cadre de porte là où il y a des portes, construire des murs selon vos besoins, ajouter des blocs de fenêtre à lemplacement des fenêtres, et ajouter des blocs de toit pour le faire.
WordPress est maintenant le même. Ajoutez la barre de défilement où se trouve le titre, le bloc de contenu où se trouve le contenu, lrsquoimage et le bloc vidéo où se trouve le média, et ainsi de suite jusqursquoà ce que la page Web soit créée. Gutenberg est une façon agréable
Il est facile de créer un site Web et drsquoouvrir la conception de page à toute personne créative et chronométrée. Différences entre lrsquoédition Gutenberg et lrsquoédition classique Lrsquoéditeur Gutenberg remplace lrsquoancien éditeur de pages et de messages tinymce par une configuration par blocs.
Contrairement aux pages précédentes, les blocs WordPress d’aujourd’hui peuvent être sélectionnés et placés n’importe où sur la page, au lieu d’avoir des menus en haut de la section contenu, où devez écrire ou coller du contenu et ajouter manuellement des éléments intégrés, HTML et autres éléments de page. Voici quelques différences clés entre les deux systèmes: faites glisser et déposer des blocs de contenu nrsquoimporte où sur la page. Cela peut être le plus grand changement. Au lieu drsquoajouter du contenu dans lrsquoancien éditeur, pouvez maintenant commencer par une page blanche et un ensemble de blocs que pouvez sélectionner ou faire glisser pour ajouter du contenu.
Une fois que connaissez lemplacement de tout le contenu, habituerez bientôt à ajouter des blocs à la page, à ajouter du contenu à ces blocs et à les façonner en fonction de votre thème. Ajouter et intégrer des médias il est difficile drsquoajouter et drsquointégrer des médias dans lrsquoancien éditeur classique. Vous devez aller dans la vue texte, trouver le point sur la page où avez ajouté le Code incorporé, coller le Code, puis retourner à lrsquoonglet visualisation pour voir à quoi il ressemble. Lrsquointégration nrsquoaffecte pas la conception de la page, se sent souvent mal à lrsquoaise à lrsquointérieur de la page, ou nécessite des ajustements pour srsquoadapter confortablement.
Maintenant, pouvez trouver le bloc à intégrer, le faire glisser sur la page, coller lrsquoURL du média, et crsquoest fait! Blocs réutilisables les blocs réutilisables sont un autre avantage de lrsquoéditeur Gutenberg. Par exemple, supposons que vouliez utiliser le même appel drsquoaction (CTA) sur chaque page. Voulez utiliser
Familiarisez avec wordpress ou avez de l’expérience dans la création de sites Web. Découvrez quelques grands thèmes gratuits compatibles avec Gutenberg pour WordPress! Nouvel éditeur de modèles dans WordPress 5.8 L’équipe WordPress a toujours travaillé sur le bien introduit par les éditeurs Gutenberg. La dernière mise à jour est WordPress 5.8. WordPress 5.8 introduit l’édition complète du site (FSE), les widgets et l’éditeur de thème. Json et beaucoup drsquoautres améliorations. Modifier le site complet (FSE) souvenez que nous avons dit dans notre introduction que Gutenberg nrsquoest pas un générateur de page glisser déposer complet comme element ou Beaver Builder? Avec lrsquointroduction de lrsquoédition à lrsquoéchelle du site, cet écart srsquoest encore réduit. Lrsquoidée est que le développement de Gutenberg est suffisant pour construire lrsquoensemble du site. Cela comprend la navigation, les en têtes, les pieds de page, les barres latérales, les widgets et tout ce que voyez sur une page Web typique. Le FSE est un processus dans lequel les éléments sont introduits dès qursquoils sont prêts. Vous devez maintenant installer un thème compatible, comme 22 blocs, mais les choses évoluent rapidement. souhaitez en savoir plus sur FSE, nous recommandons de consulter lrsquoéditeur de modèles car il srsquoagit drsquoun outil actuellement disponible. L’éditeur de widgets WordPress 5.8 nous apporte l’éditeur de widgets par blocs. Accessible à partir de look gt personnaliser gt Widget, ce nouveau système permet de personnaliser les en têtes, les pieds de page et les barres latérales de la même manière que les messages et les pages. Les widgets existants existent toujours, mais sont maintenant appelés widgets hérités. Lrsquoéditeur de Widget permet drsquoutiliser les mêmes principes que le constructeur de page dans les zones moins contrôlées. C’est un grand pas en avant dans la conception et l’ouverture de wordpress pour éditer l’ensemble du site. Objet Json WordPress 5.8 nous fournit également des fichiers de sujets. Json. Crsquoest un nouveau fichier c
Un plug in de blocage tiers est installé. Par exemple, la section thèmes contiendra différents blocs WordPress, selon le thème que utilisez. utilisez le plug in Gutenberg Block similaire au plug in Ultimate de Gutenberg, verrez également des sections supplémentaires dans la barre latérale qui décrivent tous les blocs ajoutés par le plug in. Sur le côté droit de la page, verrez la barre latérale familière du côté édition WordPress. Il srsquoagit essentiellement de la même partie drsquoun lien permanent, drsquoune image de premier plan, drsquoune catégorie, etc. Vous remarquerez qursquoun changement à droite est la nouvelle nature dynamique de ce que voyez. La colonne change en fonction du bloc sélectionné au Centre. Par exemple, en sélectionnant un bloc de contenu, verrez un menu typographique avec la taille et les paramètres de la police. Sélectionnez un bloc drsquoimage et verrez les changements de menu dans le contrôle drsquoimage. Crsquoest une petite fonctionnalité, mais très utile! 1. Créer une nouvelle page créer une nouvelle page fonctionne normalement. Connectez à WordPress, allez dans le tableau de bord select pages et ajoutez un nouveau sous menu. Vous devriez maintenant voir une page largement vide avec le menu latéral WordPress et le nouveau menu à droite. Crsquoest la base de tout ce que nous faisons dans ce guide. Crsquoest aussi une toile vierge que nous utiliserons pour construire une page Web entièrement fonctionnelle. Lrsquoajout drsquoun titre est souvent lrsquoune des premières choses que nous faisons lorsque nous créons un nouvel article ou une nouvelle page, Alors commençons par le faire. Comme le titre fait partie intégrante de l’opération WordPress, la zone titre est déjà intégrée dans la page et est facilement esquissée avec
Ou un menu contextuel au dessus du bloc. Ceci fournit quelques options pour définir un seul bloc. Vous pouvez modifier le style, lemplacement, le type de titre, lrsquoalignement, le titre en gras, le changer en italique, ajouter des liens et faire drsquoautres changements. Voir la petite flèche vers le bas pour plus drsquooptions. 6. Ajouter des images en utilisant des blocs Aucun article ou Page WordPress n’est complet sans une ou deux images. En général, il srsquoagit drsquoune image de titre et de toute image que souhaitez inclure dans le contenu. Heureusement, lrsquoajout drsquoimages est aussi simple que jamais. Sélectionnez un bloc drsquoimage dans la liste, qui apparaît sur le bouton select Blue upload sur la page nouveau bloc pour ajouter une image. Alternativement, sélectionnez le lien de la médiathèque que souhaitez ajouter à partir de la médiathèque WordPress, ou insérez le à partir de l’url pour le copier à un autre endroit Vous pouvez rapidement ajouter du texte drsquoimage alt dans le menu image du côté droit de la page. Ici, pouvez également redimensionner et styliser rapidement les images. Édition drsquoimages avec blocs Lorsque ajoutez une image, verrez un menu contextuel commun au dessus du bloc drsquoimage avec quelques options. Ici, pouvez éditer des blocs, ajouter des URL, couper, ajouter du texte, ajouter des effets et modifier des images. Ajouter du contenu écrit avec lrsquoéditeur Gutenberg ajouter du contenu à lrsquoéditeur Gutenberg est tout aussi simple. Vous pouvez simplement taper ou coller du contenu dans lrsquoespace de page, ou ajouter des blocs de paragraphes pour garder les choses en ordre. Nous recommandons la deuxième option, car elle est plus facile à modifier ultérieurement. Sélectionnez le bouton noir
LrsquoAC du contenu écrit utilise les mêmes principes que les autres blocs ajoutés jusqursquoà présent. Voir options dans le menu contextuel. Il srsquoagit notamment drsquoéditer des blocs, de réorganiser leur emplacement, de modifier lrsquoalignement, drsquoajouter des caractères gras, italiques ou URL en utilisant drsquoautres options sous la flèche vers le bas. 8. Ajouter un lien dans lrsquoéditeur de bloc Les liens sont essentiels au fonctionnement du site et constituent donc la prochaine étape logique du processus de création de notre page. Sélectionnez où ajouter une URL ajouter du contenu à partir du menu Édition au dessus du bloc sélectionnez lrsquoicône du lien Écrire ou coller le lien dans la boîte drsquoURL qui apparaît Cochez lrsquoURL dans la boîte drsquoaperçu ci dessous sélectionnez srsquoil faut ouvrir la boîte drsquoURL à côté de lrsquoaperçu de sélection dans un nouvel onglet pour insérer le lien ou lrsquoicône Retour à la page de droite du lien coller ajouter un lien peut être le moins intuitif de toutes les améliorations dans lrsquoéditeur Gutenberg. Il nrsquoest pas clair si devez sélectionner une boîte drsquoURL ou retourner au lien pour lrsquoajouter. non, la connexion sera rompue et devrez recommencer. Les options drsquoédition de liens dans lrsquoéditeur de blocs sont limitées, ce qui est compréhensible parce que ne pouvez en faire que tant. Sélectionnez le lien et le menu contextuel apparaîtra. Ici, pouvez changer lrsquoURL pour qursquoelle srsquoouvre dans une nouvelle page, crsquoest tout. 9. Intégration de vidéos YouTube Code à coller pour intégrer une vidéo YouTube Dans la vue de code de lrsquoancien éditeur classique. Crsquoest plus facile maintenant. Ouvrez la barre latérale du bloc, glissez vers le bas Embed sélectionnez le bloc Youtube et insérez le dans la page coller lrsquoURL YouTube, où la vidéo sélectionnez directement le bouton Embed bleu doit être affichée dans le bloc avec lrsquoimage principale
Il y a aussi un bouton de lecture. Modifier le bloc vidéo YouTube Les options drsquoédition dans le bloc vidéo YouTube se limitent à changer le type de bloc, lrsquoalignement et lrsquoURL vidéo. 10. Ajouter un code court en utilisant Gutenberg Lorsque créez un site Web, pouvez retrouver à ajouter occasionnellement du Code court. Le Code Court est souvent utilisé pour insérer des éléments sur des pages qui nrsquoont pas de widgets ou drsquoautres méthodes drsquoinsertion. Par exemple, un formulaire est habituellement inséré dans une page en utilisant un code court, car il est plus facile de créer un bloc pour le formulaire. Pour ajouter un code court, sélectionnez bleu ou noir
Vigazione ajoute une entrée dans le tableau à la case correspondante Modifier le tableau Modifier la table est très simple. Sélectionnez les options drsquoédition dans le menu au dessus de la table en bloc. La plupart des contrôles se trouvent dans lrsquooption modifier la table. 13. Disposition des blocs dans les colonnes Jusqursquoà présent, nous avons créé une page assez linéaire avec une seule colonne centrale. Et si je voulais plus de colonnes? Il y a un pâté de maisons ici! Sélectionnez lemplacement sur la page où voulez ajouter des colonnes, puis sélectionnez le bouton bleu ou noir
Générateur de page introduit dans la version 5.0. Il remplace lrsquoancien générateur de pages tinymce par une interface basée sur des blocs qui permet de créer facilement les pages les moins connues. Comment obtenir l’éditeur Gutenberg dans WordPress? Obtenez l’éditeur Gutenberg dans WordPress en mettant à jour votre système à la dernière version. Gutenberg a été lancé en décembre 2018, donc pouvez déjà lrsquoutiliser! non, mettez à jour WordPress et tous les plugins vers la dernière version et utiliserez certainement l’éditeur Gutenberg. Comment lrsquoéditeur Gutenberg? Vous pouvez l’éditeur Gutenberg à partir de la section plugins WordPress. Non requis parce qursquoil est inclus dans le SGC principal. Pour faciliter votre vie, l’équipe WordPress propose un plugin dédié. Sélectionnez le plugin dans le tableau de bord WordPress et ajoutez un nouveau plugin, tapez
C’est l’avenir de WordPress! Comme pouvez le voir, bien que lrsquoéditeur Gutenberg ait beaucoup de travail à faire, il est facile à comprendre et à utiliser. C’est aussi l’avenir de WordPress, qui donne une idée de ce que allez faire dans un avenir proche. Bien que le changement puisse être difficile pour certains, nous pensons que le rédacteur en chef Gutenberg est un pas dans la bonne direction. Il démocratise la conception du Web et fournit à chacun des outils puissants. De plus, ces outils ne nécessitent aucune connaissance préalable de la conception ou du codage Web! Nous pensons que crsquoest le cas le plus puissant que pourriez rencontrer avec lrsquoéditeur Gutenberg et nous pensons que tout le monde devrait essayer! Que pensez de Gutenberg Press? Au début, tu ne lrsquoaimais pas, mais maintenant tu lrsquoaimes? Tu hésites encore? Vous utilisez toujours lrsquoancien éditeur tinymce? Dites nous ce que en pensez!
Ensemble complet de guides pour débutants&rsquo 39 Éditeur WordPress Gutenberg
