Version 5.0, WordPress Gutenberg a été un sujet de controverse au sein de la communauté WordPress. Cependant, l’éditeur de bloc a beaucoup changé et comme nous continuons à voir l’éditeur WordPress amélioré, nous pouvons voir à quelle vitesse d’autres fonctionnalités sont ajoutées. Au fur et à mesure que les corrections de bogues et les mises à jour de fonctionnalités continuent d’être publiées, de nombreuses préoccupations discutées lors de sa première publication disparaissent rapidement.
Si vous regardez la chronologie de Gutenberg ajoutée au cœur de WordPress, vous trouverez beaucoup de gens très en colère et bouleversés par l’inclusion du nouvel éditeur de blocs dans le cœur de WordPress. Beaucoup ont exprimé leur déception que Gutenberg n’aurait pas dû apparaître, ou du moins n’ait jamais été intégré au cœur de WordPress en tant qu’expérience d’éditeur par défaut. Malheureusement, certains pensent que le nouvel éditeur de bloc WordPress mettra en péril leurs moyens de subsistance et qu’il faudra mettre à jour les sites existants, ce qui entraînera également l’extinction des générateurs de page qui ont grimpé et sont utilisés ces dernières années.
Cependant, si nous regardons Guttenberg maintenant, nous ne pouvons plus contenir la colère que nous pourrions ressentir. En outre, nous ne pouvons pas continuer à virer Gutenberg. Il est au cœur de WordPress. Cela signifie que lorsque vous installez wordpress pour lancer un nouveau site, vous recevrez par défaut l’éditeur de bloc Gutenberg. Les développeurs doivent commencer à réfléchir à la façon d’utiliser l’éditeur de bloc pour tirer parti de leurs forces. Heureusement, la communauté WordPress est assez grande pour permettre à de nombreux développeurs engagés dans l’apprentissage de l’intégration et de l’adaptation des plug – ins de travailler comme des blocs WordPress dans l’éditeur de blocs.
Nouveau nom
Le développement du plug – in Gutenberg sur le site est un bon moyen de savoir à l’avance quels changements seront apportés à l’éditeur de bloc dans la prochaine version majeure de WordPress.
Par exemple, WordPress 5.5 place les 10 dernières versions de la fonctionnalité du plug – in Gutenberg au cœur de WordPress. Qu’est – ce qu’un bloc WordPress? Pour tirer le meilleur parti de l’éditeur de blocs WordPress, vous devez vous familiariser avec tous les éléments prédéfinis qu’il contient, également appelés blocs WordPress. Il existe de nombreuses options familières, y compris des listes, des paragraphes, des guillemets, etc.
Tables de blocs WordPress disponibles ce tableau contient quelques blocs WordPress par défaut que WordPress inclut dans le nouvel éditeur de blocs.
Boutons | |||
Catégorie | |||
Classique | |||
Mot de passe | |||
Colonnes | |||
Masquage | |||
Fusion | |||
Documentation | |||
Salle d’exposition | |||
En – tête | |||
Le processus de conversion des messages WordPress existants en blocs Gutenberg est similaire: un seul bloc vérifiera le contenu et tentera de trouver le meilleur bloc pour tout le contenu du bloc classique. Vous pouvez convertir des blocs classiques en blocs séparés en sélectionnant une option dans le menu La fonctionnalité principale la plus populaire du nouvel éditeur de blocs est la possibilité d’enregistrer et de réutiliser des blocs pour d’autres contenus, également appelés blocs réutilisables. Les blocs réutilisables sont particulièrement utiles pour les blogueurs ou les propriétaires de sites Web, car ils ont souvent besoin d’ajouter des fragments de contenu spécifiques à un article, ou même à plusieurs pages d’un site Web. Pour enregistrer un bloc en tant que bloc réutilisable, cliquez simplement sur le bouton Menu situé dans le coin droit de la barre d’outils du bloc. Ensuite, ajoutez deux blocs réutilisables et des options de devis dans le menu select quote. On vous demandera le nom du bloc. Nommez le bloc et cliquez sur le bouton Enregistrer. L’éditeur de blocs enregistre maintenant les blocs réutilisables. Pour utiliser un bloc enregistré dans d’autres messages ou pages sur le site, il suffit d’afficher un lien vers le bloc, de glisser vers le bas pour afficher l’emplacement réutilisable, puis de trouver le bloc enregistré. Si vous souhaitez gérer tous les blocs réutilisables dans la même fenêtre, cliquez sur le lien gérer tous les blocs réutilisables. Ceci vous mènera à la page gestionnaire de bloc. Vous pouvez modifier ou supprimer n’importe quel bloc réutilisable ici. Vous pouvez également exporter des blocs réutilisables et les utiliser sur n’importe quel autre site WordPress. Conseils supplémentaires pour utiliser les blocs WordPress comme une version professionnelle vous êtes de plus en plus familier avec le nouvel éditeur noir et vous pouvez vous demander si l’ajout et l’ajustement de blocs prend plus de temps que la création de contenu réel. La bonne nouvelle est que l’éditeur de bloc est très rapide. Même pour l’usage le plus basique, en quelques minutes, vous n’hésiterez pas à ajouter immédiatement des blocs WordPress. Bientôt, vous réaliserez à quel point votre flux de travail est rapide. Avec sa nouvelle méthode. Si vous êtes un utilisateur expérimenté, parlons de quelques conseils supplémentaires pour vous aider à utiliser le nouvel éditeur plus rapidement. 1. Déplacez la barre d’outils bloc en haut. Une barre d’outils apparaîtra en haut de chaque bloc WordPress. Vous pouvez déplacer cette barre d’outils vers une autre barre d’outils. Il suffit de cliquer sur le bouton en haut à droite de l’écran et de sélectionner les options de la barre d’outils en haut. 2. Faites glisser et déposer les médias pour créer automatiquement des blocs de médias il s’agit d’une fonction très utile. Si vous prévoyez créer des messages, vous mettrez en évidence plusieurs images en tant que galerie. Si vous êtes sur un mac, vous pouvez facilement les glisser et les déposer de la fenêtre Finder dans l’éditeur de bloc. Ceci crée automatiquement un bloc de bibliothèque pour vous. Vous pouvez faire la même chose avec une seule image ou un seul fichier vidéo, et l’éditeur WordPress va créer des blocs pour vous. Comment ajouter YouTube, Twitter, Facebook, Vimeo et d’autres blocs intégrés Gutenberg introduit de nouveaux blocs intégrés dans l’éditeur de blocs. Tous les types d’intégration pris en charge ont des blocs WordPress, y compris YouTube, Twitter, Facebook, Vimeo, Instagram, etc. Cependant, tout ce que vous avez à faire est de copier et coller l’URL intégrée n’importe où dans l’éditeur de bloc, qui va automatiquement créer un nouveau bloc pour vous. Par exemple, si vous ajoutez une URL Vimeo, elle crée automatiquement un bloc intégré Vimeo et affiche la vidéo. Dans la prochaine partie de ce guide, nous explorerons une grande variété de plug – ins WordPress block. Il convient de noter que les termes plug – in de bloc et plug – in de collection de blocs sont utilisés de façon interchangeable dans cet article. C’est parce que beaucoup des plug – ins listés ici contiennent de nombreux blocs que vous pouvez Dans l’éditeur de bloc. Au fur et à mesure que de plus en plus de gens commencent à utiliser WordPress Block Editor, ces plugins Block Collection offrent à Block Editor un sentiment plus WYSIWYG qui vous permet de créer des sites Web accrocheurs en quelques clics. Ils sont conçus pour vous permettre de modifier vos paramètres, d’ajouter \ supprimer des blocs et de télécharger du contenu pour personnaliser votre page. Ce qui est étonnant dans cette communauté, c’est que de nombreux développeurs ont rapidement trouvé un moyen d’accéder au bas du plug – in buildblock. Nous verrons ce que sont ces plug – ins de bloc et quels sont les avantages d’utiliser ces plug – ins de bloc au lieu de simplement les blocs par défaut fournis par WordPress. Blocs empilables si vous cherchez une nouvelle plateforme pour améliorer l’éditeur de blocs WordPress, vous devez voir les blocs empilables. Stackable est l’un des meilleurs plugins de collection de blocs que j’ai trouvé pour WordPress. Il comporte 24 blocs, allant d’éléments simples à des fonctions complexes telles que le titre et la boîte de prix. | Tous les blocs plug – in sont conçus pour répondre pleinement dans les plug – ins disponibles dans les paquets gratuits et avancés. Si vous cherchez un plug – in de blocage complet qui vous offre un outil polyvalent puissant et des fonctionnalités utiles non seulement pour les blogueurs, les propriétaires de sites de commerce électronique et les petites entreprises, vous devez voir Stackable. Stackable – Gutenberg Block Review: Stackable – Gutenberg Block Review: WordPress Block extension. Coblock est un plugin puissant mais léger qui offre des fonctionnalités supplémentaires aux éditeurs de blogs WordPress sans gonflement. Coblocks vous offre des blocs supplémentaires dans la construction réelle de lignes et de colonnes, vous donnant une véritable expérience de création de page Guttenberg. Merci beaucoup! Son système innovant de blocs vous permet de créer de belles pages Web, même sur l’ensemble du site avec le nouvel éditeur WordPress. | Au milieu se trouvent des lignes et des blocs de colonnes spéciaux qui aident à générer dynamiquement des zones de contenu avec des marges de réaction spécifiques et des paramètres de remplissage fournis par un coblock unique. Chaque bloc WordPress de coblock a été adapté avec précision pour offrir une expérience personnalisée familière mais puissante. Personnalisez chaque bloc en utilisant nos contrôles et paramètres personnalisés. Modifier la police, définir le remplissage et les marges, ajuster les couleurs, etc. Gutenberg Block page Builder – coblocks coblocks vous offre de nombreux blocs spéciaux. Par exemple, du quartier social au menu restaurant ou service, coblock a été créé à partir de quartiers vraiment intuitifs qui offrent une interface de quartier linéaire facile à utiliser. Le bloc que j’aime le plus est celui de la liste de prix, qui aide à créer rapidement des listes de prix simples mais réactives pour les entreprises de services. Ces blocs spéciaux complètent également les sujets de réponse des appareils mobiles et aident à créer des objets de mise en page qui ont été créés précédemment pour les appareils mobiles. Voir le commentaire complet: commentaires sur coblocks: extensions de blocs WordPress. Blocs atomiques les blocs atomiques ont d’abord été développés par Mike McAllister, mais ont ensuite été acquis par Studio Press et WP engine. Les développeurs WordPress Marcos schratzenstaller et John parris se sont joints à eux pour commencer à contribuer au plugin. Il est situé dans le répertoire des plug – ins WordPress. Org, qui peut être installé directement dans le panneau d’administration WordPress. | Quels sont les premiers joueurs sur le marché, Atomic Blocks propose une gamme de blocs WordPress PE R nouvel éditeur de blog WordPress. Vous avez vu la nécessité de construire plus de blocs rapidement pour améliorer l’apparence du contenu et vous donner une meilleure utilisation interactive du contenu. Vue d’ensemble des blocs atomiques: plugins de collection de blocs WordPress de Gutenberg vue d’ensemble des blocs atomiques: plugins de collection de blocs WordPress de Gutenberg Caractéristiques supplémentaires: le thème des blocs atomiques le thème des blocs atomiques est conçu pour vous aider à démarrer avec le plug – in des blocs atomiques et le nouvel éditeur de blocs de WordPress. Ils sont parfaitement intégrés, donc vous connaissez la combinaison des options de thème et de bloc, et ils peuvent être bien intégrés. Il fournit un style élégant pour tous les blocs d’éditeur prédéfinis tels que les photos, les galeries, les références, les colonnes, etc. Pour le contenu qui couvre toute la largeur de la page, le thème supporte un style d’alignement étendu pour le nouvel éditeur. Bien sûr, il est évident que les thèmes Atomic Block peuvent également être facilement intégrés au plugin Atomic Block, qui ajoute des blocs de page pour le nouvel éditeur WordPress. Les blocs atomiques ajoutent également des blocs de contenu personnalisables tels que les recommandations, les alertes, les profils, les boutons personnalisables, les accordéons, etc. Il dispose également de plusieurs options de thème utiles, telles que la largeur du contenu, la sélection des polices, la taille des polices, le chargement des logos, etc., qui peuvent vous aider à modifier votre site Web en fonction de vos préférences. Bloc kadencewp si vous avez déjà passé du temps dans l’éditeur de bloc, vous comprendrez à quel point il est limité dans la conception de la mise en page. Surtout si vous venez d’un site de construction qui utilise le constructeur de page. C’est ce que j’aime vraiment chez kadence WP. Le bloc kadence fournit de nombreux éléments supplémentaires qui vous permettent d’étendre les options pour créer des pages dynamiques et flexibles. |
Si vous êtes blogueur, ce paquet est pour vous. Cependant, vous pouvez également utiliser ce plug – in si vous êtes un entrepreneur qui a besoin d’un ensemble léger de fonctionnalités, comme des blocs de prix et de service. Il n’y a actuellement aucune version pro de OtterBox. Lorsque j’a i essayé de créer une page simple avec un bloc Otter, j’ai découvert qu’il fallait plusieurs étapes de plus que certains des autres plug – ins de collection de blocs que nous avons examinés. Cela dit, Un plugin de bloc Gutenberg normal. Il s’agit plutôt d’un véritable contrôle de l’éditeur Gutenberg de WordPress et de la possibilité de profiter d’un grand choix de styles haut de gamme. | Il a un générateur de mise en page, ainsi que la typographie et le style, et même des contrôles réactifs qui rendent l’éditeur de bloc Gutenberg facile. Quebly fournit de nombreuses sections personnalisées prêtes à l’emploi que vous pouvez importer et utiliser l’éditeur de blocs Gutenberg. Cela vous permet d’économiser du temps lors du développement de sites Web attrayants et faciles à convertir. Il vous rappelle que l’éditeur de blocs de Gutenberg n’est en fait qu’un générateur de page. De plus, il existe de nombreux blocs dédiés qui améliorent la fonctionnalité de l’éditeur Gutenberg. Avec sa vaste collection exclusive de blocs, facile à personnaliser et à utiliser par les débutants, il n’est pas étonnant que l’un des plug – ins Block qui connaît la croissance la plus rapide soit quely. Il dispose de 32 blocs Gutenberg personnalisés puissants qui vous permettent de concevoir rapidement n’importe quelle page, depuis une simple page d’atterrissage (peut – être seulement un ou deux boutons) jusqu’à un menu plus complexe ou un produit complet qu’une page de restaurant. Si vous venez d’un constructeur de page, en particulier elementor ou Beaver Builder, le nom que vous connaissez peut être Brain force ou Astra. Les Add – ons Ultimate de Gutenberg vous fournissent la Bibliothèque Ultimate add – on disponible pour les blocs. | Il y a actuellement 20 meilleurs plugins qui ont été convertis en blocs WordPress et qui sont actuellement gratuits et sans frais, il est donc très utile d’utiliser certains de leurs blocs pour construire votre site. Si vous utilisez Astra comme thème WordPress, c’est l’une de mes équipes préférées et nous sommes ERS Blocks kit est un autre groupe de Gutenberg Blocks qui cible les éditeurs, les auteurs de contenu et les pigistes. Dix modules sont actuellement disponibles, mais ils envisagent d’en ajouter d’autres pour poursuivre le développement du plug – in. | Une chose que j’ai trouvé intéressante à propos de ce groupe de plug – ins est qu’ils ont fait beaucoup de recherches pour déterminer quel type de bloc est réellement nécessaire pour n’importe quel type de développement de site Web. Il crée ensuite une liste d’options basées sur les blocs sélectionnés qu’ils envisagent de concevoir et la met gratuitement à la disposition de quiconque souhaite utiliser le plug – in. Cela permet à n’importe quel débutant freelance d’utiliser réellement ce plug – in. Blocks Kit – les Blocks Gutenberg conviennent aux pigistes même si Blocks kit est essentiellement simple, je trouve qu’il est facile d’utiliser tous leurs Blocks, et il ne semble pas ajouter beaucoup de poids à la page, et il n’y a aucun problème de performance sur mon site de test. Une section si vous voulez trouver un petit morceau supplémentaire sur votre site, vous devez regarder cette section. Dernière idée sur les plugins Block lorsque nous entrons dans le monde des nouveaux éditeurs WordPress, nous voyons beaucoup de choses inconnues dans l’espace thématique WordPress. Compte tenu des changements qui pourraient se produire au cours des prochains mois, il est difficile de savoir où passer notre temps en tant que développeur de blocs. Si vous voulez toujours utiliser votre site en toute sécurité, je pense que Otter Buildings est un bon choix pour ceux qui veulent vivre dans le monde CSS. Il existe de nombreux plug – ins WordPress Block supplémentaires qui peuvent vous apporter des modifications fonctionnelles globales à l’éditeur de bloc, il est donc approprié de les inclure dans cette section. Tout cela est destiné à ajouter de la valeur à tout ce que Gutenberg ou Block Editor a. Le plug – in Gutenberg (Project) Gutenberg comme nous l’avons mentionné précédemment, le plug – in Gutenberg est toujours un projet très actif, de sorte qu’un plug – in séparé peut encore être installé Je veux profiter de la publication avant de l’inclure dans WordPress Core. Si vous souhaitez voir certaines de ces nouvelles fonctionnalités avant que wordpress ne soit mis à jour pour inclure la dernière version de Gutenberg, vous pouvez installer ce plugin et les obtenir immédiatement. Animation de bloc: animations css pour les blocs de Gutenberg Animation: animations css pour les blocs de Gutenberg ce plug – in d’animation de bloc ajoute des paramètres d’animation pour chaque bloc, mais est enregistré dans l’éditeur de bloc. Cela signifie que vous pouvez ajouter n’importe quel type d’animation CSS à n’importe quel bloc dans Guttenberg. Il y a trois paramètres à ajouter à la fenêtre de configuration du bloc. Le premier est le retard, le second est la vitesse. Chaque option a une liste déroulante qui contient plusieurs options différentes que vous pouvez choisir. Conception de blocs supplémentaires pour n’importe quel bloc Gutenberg, styles, css conception de blocs supplémentaires pour n’importe quel bloc Gutenberg, styles, css Ce plugin vous permet de personnaliser n’importe quel élément créé dans l’éditeur de blocs Gutenberg en utilisant plus de 60 options. Il s’applique à tous les blocs Gutenberg, ce qui signifie que si vous avez un plug – in avec un bloc, ou si vous avez un plug – in avec plusieurs blocs enregistrés dans l’éditeur de bloc, ceux – ci peuvent être édités avec ce plug – in. Cela vous permet d’étendre le bloc Gutenberg de base avec plusieurs options de conception sans toucher aucune ligne de code. Ils ont également ajouté un éditeur CSS qui permet aux utilisateurs de modifier le style de leurs blocs Gutenberg en utilisant le code CSS. En prime, Les concepteurs travailleront avec certains constructeurs de pages: elementor Beaver Builder Visual composer Live composer fusion page Builder sandwich for page Creation bold Grid vous pouvez également utiliser ce plug – in pour personnaliser les styles de modules créés à l’aide des plug – ins de modules suivants: ninja Shapes Contact Form 7 module Wpfo contact RMS Caldera Shapes mailchimp shape Easy module formulatically Disable Gutenberg Blocks – Block Manager Disable Gutenberg Blocks – Block Manager we have viewed many Gutenberg Block plugins and you may have installed several plugins. Le problème est que si vous ajoutez plusieurs plug – ins de collection de blocs, l’éditeur de blocs peut rapidement devenir confus. Par conséquent, nous avons créé un plug – in de bloc Gutenberg désactivé. Ce plugin vous permet de désactiver les blocs dont vous ou vos clients n’avez pas besoin. Si vous dites que vous aimez les blocs de prix dans une collection et que d’autres collections incluent également des boîtes de prix, cela peut être très utile Oh, vous pouvez supprimer d’autres collections. Pour utiliser ce plug – in, il vous suffit d’aller à WP admin, puis aux paramètres, puis de désactiver les blocs. Une liste de blocs enregistrés vous est donnée et vous pouvez commencer à désactiver les blocs qui ne veulent plus apparaître dans l’inserteur de blocs Gutenberg. C’est peut – être superflu, mais je dirais quand même que si vous vous trouvez à supprimer tous les blocs d’une collection particulière, vous devriez peut – être supprimer tout le plug – in. Créez un bloc WordPress personnalisé avant le bloc WordPress et si vous êtes un développeur qui veut ajouter du Code à un éditeur de contenu, vous devriez généralement l’insérer directement dans l’éditeur de classe. Ou vous devriez suivre le chemin du Code court WordPress. Un code Court peut être facilement ajouté au contenu. Il est ouvert entre crochets et fermé entre crochets. Cependant, avec le nouvel éditeur de bloc, l’utilisation de code court pourrait être un passé. Si vous utilisez un plug – in existant avec un code court pour intégrer le contenu ou le contenu dans votre Post, vous avez besoin d’une solution visuelle pour Personnalisation? Consultez cette formation pour apprendre comment créer des blocs WordPress en utilisant des champs personnalisés avancés: Comment créer des blocs Gutenberg personnalisés en utilisant des champs personnalisés avancés. Une meilleure façon de construire des blocs WordPress bien que je vous ai donné deux façons d’utiliser des blocs de construction plug – in Oh, ce n’est pas la façon officielle de construire des blocs. L’éditeur de bloc introduit une plus grande dépendance à l’égard des développeurs pour comprendre et comprendre comment écrire JavaScript. Historiquement, WordPress a été créé principalement en PHP, ce que de nombreux développeurs ont appris au fil des ans. Cela signifie qu’il peut y avoir une courbe d’apprentissage pour les développeurs qui ne prennent pas le temps d’apprendre JavaScript. Les blocs Gutenberg sont principalement créés à l’aide du cadre JavaScript React. Si vous souhaitez créer des blocs WordPress d’une manière plus naturelle, vous devriez consulter un article sur le blog ahmadawais, créer la boîte à outils gutenblock: Launch, introduction, Philosophy et bien plus encore! Parce qu’il a créé un projet create Guten Block github pour vous aider à créer plus facilement Gutenberg block. Il y a aussi beaucoup de tutoriels pour apprendre à créer des blocs WordPress en utilisant REACT et JavaScript. Si c’est quelque chose qui vous intéresse et que vous voulez apprendre, je vous encourage à faire des recherches, à trouver ces tutoriels, même un cours ou un cours pour vous aider à commencer à utiliser REACT et les blocs de construction. Résumé: les blocs WordPress et l’avenir de WordPress comme vous pouvez le voir, les blocs WordPress changent le processus WordPress. En tant que développeur, constructeur de site ou créateur de site, c’est le moment idéal pour rejoindre la communauté WordPress. Les blocs WordPress continuent de changer la trajectoire actuelle de WordPress. Maintenant nous avons les instruments |