Ensemble complet de guides pour débutants’ 39; Éditeur WordPress Gutenberg

Nouveau bloc 4. Retirer l’arrêt 5. Utilisez le bloc 6 pour ajouter un titre. Utilisez le bloc 7 pour ajouter une image. Ajoute du contenu écrit en utilisant l’éditeur Gutenberg 8. Ajouter un lien dans l’é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 l’éditeur de bloc Gutenberg FAQ qu’est – ce que Gutenberg WordPress? Comment obtenir l’éditeur Gutenberg dans WordPress? Comment télécharger l’éditeur Gutenberg? WordPress Gutenberg va bien? Qu’est – il arrivé à l’éditeur WordPress? Éditeur Gutenberg qu’est – ce que Gutenberg? WordPress Gutenberg Editor, Gutenberg, WordPress Block Editor ou Block Editor, comme vous 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 vous 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, vous 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 à l’emplacement 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, l’image et le bloc vidéo où se trouve le média, et ainsi de suite jusqu’à 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 d’ouvrir la conception de page à toute personne créative et chronométrée. Différences entre l’édition Gutenberg et l’édition classique L’éditeur Gutenberg remplace l’ancien é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ù vous 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 n’importe où sur la page. Cela peut être le plus grand changement. Au lieu d’ajouter du contenu dans l’ancien éditeur, vous pouvez maintenant commencer par une page blanche et un ensemble de blocs que vous pouvez sélectionner ou faire glisser pour ajouter du contenu.
Une fois que vous connaissez l’emplacement de tout le contenu, vous vous 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 d’ajouter et d’intégrer des médias dans l’ancien éditeur classique. Vous devez aller dans la vue texte, trouver le point sur la page où vous avez ajouté le Code incorporé, coller le Code, puis retourner à l’onglet visualisation pour voir à quoi il ressemble. L’intégration n’affecte pas la conception de la page, se sent souvent mal à l’aise à l’intérieur de la page, ou nécessite des ajustements pour s’adapter confortablement.
Maintenant, vous pouvez trouver le bloc à intégrer, le faire glisser sur la page, coller l’URL du média, et c’est fait! Blocs réutilisables les blocs réutilisables sont un autre avantage de l’éditeur Gutenberg. Par exemple, supposons que vous vouliez utiliser le même appel d’action (CTA) sur chaque page. Voulez – vous utiliser
Familiarisez – vous 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 d’autres améliorations. Modifier le site complet (FSE) vous souvenez – vous que nous avons dit dans notre introduction que Gutenberg n’est pas un générateur de page glisser – déposer complet comme element ou Beaver Builder? Avec l’introduction de l’édition à l’échelle du site, cet écart s’est encore réduit. L’idée est que le développement de Gutenberg est suffisant pour construire l’ensemble du site. Cela comprend la navigation, les en – têtes, les pieds de page, les barres latérales, les widgets et tout ce que vous voyez sur une page Web typique. Le FSE est un processus dans lequel les éléments sont introduits dès qu’ils sont prêts. Vous devez maintenant installer un thème compatible, comme 22 blocs, mais les choses évoluent rapidement. Si vous souhaitez en savoir plus sur FSE, nous vous recommandons de consulter l’éditeur de modèles car il s’agit d’un outil actuellement disponible. L’éditeur de widgets WordPress 5.8 nous apporte l’éditeur de widgets par blocs. Accessible à partir de look > personnaliser > Widget, ce nouveau système vous 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. L’éditeur de Widget vous permet d’utiliser 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. C’est 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 vous utilisez. Si vous utilisez le plug – in Gutenberg Block similaire au plug – in Ultimate de Gutenberg, vous 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, vous verrez la barre latérale familière du côté édition WordPress. Il s’agit essentiellement de la même partie d’un lien permanent, d’une image de premier plan, d’une catégorie, etc. Vous remarquerez qu’un changement à droite est la nouvelle nature dynamique de ce que vous voyez. La colonne change en fonction du bloc sélectionné au Centre. Par exemple, en sélectionnant un bloc de contenu, vous verrez un menu typographique avec la taille et les paramètres de la police. Sélectionnez un bloc d’image et vous verrez les changements de menu dans le contrôle d’image. C’est une petite fonctionnalité, mais très utile! 1. Créer une nouvelle page créer une nouvelle page fonctionne normalement. Connectez – vous à 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. C’est la base de tout ce que nous faisons dans ce guide. C’est aussi une toile vierge que nous utiliserons pour construire une page Web entièrement fonctionnelle. L’ajout d’un titre est souvent l’une 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, l’emplacement, le type de titre, l’alignement, le titre en gras, le changer en italique, ajouter des liens et faire d’autres changements. Voir la petite flèche vers le bas pour plus d’options. 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 s’agit d’une image de titre et de toute image que vous souhaitez inclure dans le contenu. Heureusement, l’ajout d’images est aussi simple que jamais. Sélectionnez un bloc d’image 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 vous 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 d’image alt dans le menu image du côté droit de la page. Ici, vous pouvez également redimensionner et styliser rapidement les images. Édition d’images avec blocs Lorsque vous ajoutez une image, vous verrez un menu contextuel commun au – dessus du bloc d’image avec quelques options. Ici, vous pouvez éditer des blocs, ajouter des URL, couper, ajouter du texte, ajouter des effets et modifier des images. Ajouter du contenu écrit avec l’éditeur Gutenberg ajouter du contenu à l’éditeur Gutenberg est tout aussi simple. Vous pouvez simplement taper ou coller du contenu dans l’espace 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 \
L’AC du contenu écrit utilise les mêmes principes que les autres blocs ajoutés jusqu’à présent. Voir options dans le menu contextuel. Il s’agit notamment d’éditer des blocs, de réorganiser leur emplacement, de modifier l’alignement, d’ajouter des caractères gras, italiques ou URL en utilisant d’autres options sous la flèche vers le bas. 8. Ajouter un lien dans l’é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 l’icône du lien Écrire ou coller le lien dans la boîte d’URL qui apparaît Cochez l’URL dans la boîte d’aperçu ci – dessous sélectionnez s’il faut ouvrir la boîte d’URL à côté de l’aperçu de sélection dans un nouvel onglet pour insérer le lien ou l’icône Retour à la page de droite du lien coller ajouter un lien peut être le moins intuitif de toutes les améliorations dans l’éditeur Gutenberg. Il n’est pas clair si vous devez sélectionner une boîte d’URL ou retourner au lien pour l’ajouter. Sinon, la connexion sera rompue et vous devrez recommencer. Les options d’édition de liens dans l’éditeur de blocs sont limitées, ce qui est compréhensible parce que vous ne pouvez en faire que tant. Sélectionnez le lien et le menu contextuel apparaîtra. Ici, vous pouvez changer l’URL pour qu’elle s’ouvre dans une nouvelle page, c’est tout. 9. Intégration de vidéos YouTube Code à coller pour intégrer une vidéo YouTube Dans la vue de code de l’ancien éditeur classique. C’est 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 l’URL YouTube, où la vidéo sélectionnez directement le bouton Embed bleu doit être affichée dans le bloc avec l’image principale
Il y a aussi un bouton de lecture. Modifier le bloc vidéo YouTube Les options d’édition dans le bloc vidéo YouTube se limitent à changer le type de bloc, l’alignement et l’URL vidéo. 10. Ajouter un code court en utilisant Gutenberg Lorsque vous créez un site Web, vous pouvez vous retrouver à ajouter occasionnellement du Code court. Le Code Court est souvent utilisé pour insérer des éléments sur des pages qui n’ont pas de widgets ou d’autres méthodes d’insertion. 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 d’édition dans le menu au – dessus de la table en bloc. La plupart des contrôles se trouvent dans l’option modifier la table. 13. Disposition des blocs dans les colonnes Jusqu’à 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 l’emplacement sur la page où vous 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 l’ancien 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 vous pouvez déjà l’utiliser! Sinon, mettez à jour WordPress et tous les plugins vers la dernière version et vous utiliserez certainement l’éditeur Gutenberg. Comment télécharger l’éditeur Gutenberg? Vous pouvez télécharger l’éditeur Gutenberg à partir de la section plugins WordPress. Non requis parce qu’il est inclus dans le SGC principal. Pour faciliter votre vie, l’équipe WordPress vous 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 vous pouvez le voir, bien que l’éditeur Gutenberg ait beaucoup de travail à faire, il est facile à comprendre et à utiliser. C’est aussi l’avenir de WordPress, qui vous donne une idée de ce que vous 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 c’est le cas le plus puissant que vous pourriez rencontrer avec l’éditeur Gutenberg et nous pensons que tout le monde devrait essayer! Que pensez – vous de Gutenberg Press? Au début, tu ne l’aimais pas, mais maintenant tu l’aimes? Tu hésites encore? Vous utilisez toujours l’ancien éditeur tinymce? Dites – nous ce que vous en pensez!