Mode bloc WordPress: le Guide ultime

La dernière version de nzia de WordPress est vraiment possible. Les auteurs de sujets voudront peut – être abandonner les modèles groupés et fournir leurs propres ensembles de modèles. Voici la documentation du modèle de bloc du développeur, y compris l’inscription \ non – inscription et les catégories. Le modèle de bloc WordPress défini n’est qu’un ensemble de blocs WordPress enregistrés ensemble. Le concept de base des modèles de blocs WordPress est que les plug – ins et les thèmes peuvent facilement ajouter de belles parties de blocs prédéfinis à l’éditeur. Cela signifie que les utilisateurs auront accès aux modèles disponibles dans la Bibliothèque de blocs au lieu d’ajouter chaque bloc de mise en page à la page un à la fois.
Sous le Répertoire racine, la plupart des blocs WordPress sont en HTML simple. Les plug – ins WordPress Blocks actuellement disponibles dans le répertoire WordPress Blocks sont uniquement JavaScript et enregistrent uniquement les blocs WordPress. La première itération de l’interface en mode bloc est disponible dans la version 7.7 du plug – in Gutenberg. À l’époque, le modèle de bloc était très fondamental. Bien que l’éditeur dispose d’un riche ensemble de blocs intégrés, il est parfois difficile pour l’utilisateur de les combiner pour obtenir la meilleure conception de la page. À mesure que nous accélérons l’édition de l’ensemble du site, il s’agit d’un défi important à relever.
Le post de Gutenberg 7.7 Core WordPress contient maintenant quelques modèles de blocs populaires. Cependant, ces options limitées ne peuvent même pas écraser les options de conception presque illimitées dans les modèles de blocs WordPress. Quels sont les avantages du modèle de bloc? Au fur et à mesure que vous vous Familiarisez avec les modèles de blocs WordPress et que vous commencez à les utiliser régulièrement, vous commencerez à comprendre comment les modèles de blocs peuvent apporter un niveau plus élevé de créativité à l’éditeur Gut
Enberg. Gagner du temps et de la frustration la première chose que vous remarquerez est combien de temps vous économisez lorsque vous créez un site Web. Comme les blocs WordPress réutilisables, les modèles de blocs WordPress introduisent des éléments de page prédéfinis communs dans la Bibliothèque de modèles de blocs que vous pouvez insérer dans n’importe quel article ou page. Le blocage des modèles permet aux développeurs d’inclure plus facilement des mises en page complexes dans leurs sites, ce qui peut prendre des heures à construire.
Les modèles de blocs WordPress vous aideront à éviter des heures de frustration. Combien de temps avez – vous perdu à vous demander pourquoi il n’est pas possible de créer une page d’accueil personnalisée aussi parfaite dans votre présentation de thème préférée? Vous pouvez maintenant créer ces types de pages vous – même en utilisant le modèle de bloc WordPress. Les modèles flexibles de blocs de mise en page des pages et des messages sont très flexibles. En fait, vous pouvez supprimer ou échanger des blocs sélectionnés dans le schéma, ou insérer différents modèles dans le Post, puis lire le placement.
Créez facilement des sites Web qui ressemblent à des présentations thématiques nous savons tous ce que c’est de voir de belles présentations thématiques. Puis téléchargez le sujet, et vous ne savez pas comment le recréer. Les modèles de blocs permettent aux développeurs de sujets (et plug – INS) de fournir des modèles de blocs pour recréer facilement des pages d’accueil, des pages, des Portfolios, etc. Présentation par thème. Vous pouvez tout faire à partir de l’éditeur de blocs WordPress. En plus des avantages évidents d’économie de temps, les modèles de blocs permettent aux concepteurs et aux développeurs de fournir plus facilement au public des combinaisons de blocs plus complexes et plus impressionnantes. Cela permet aux sujets et aux plug – ins de fournir leurs propres modèles de blocs personnalisés à utiliser sur le site Web sans coder quoi que ce soit.
Les jours de changement de sujet facile sont révolus.
Développement L’idée d’utiliser des sections de contenu de page prédéfinies dans la conception du site n’est pas nouvelle. La plupart des grands constructeurs de sites Web, tels que Square Space, weebly et Wix, offrent depuis longtemps aux utilisateurs une gamme de « solutions » pour les aider à concevoir des pages Web. Par exemple, ce que nous appelons le mode bloc dans WordPress est appelé une section dans la plate – forme de conception Square Space. WordPress page Builder existe depuis un certain temps, qu’il s’agisse d’une itération de thème ou d’un plugin, ou d’une combinaison des deux. WordPress page Builder reste l’exemple de produit WordPress le plus innovant et prospectif sur le marché. Ils ont résolu les problèmes urgents de WordPress à l’avance. Ils ont de grands fans. Mais si WordPress page Builder résout un problème très réel, il y a toujours un problème potentiel: les différents mécanismes du plugin ou du thème, ainsi que les différences architecturales, offrent à l’utilisateur une expérience fragmentée (au plus). Les plug – ins et les sujets de page Builder ajoutent également de la confusion à la base de Code du site, ce qui entraîne des problèmes de vitesse et de performance. Il est donc agréable de savoir que les collaborateurs du Projet Gutenberg discutent constamment de la manière d’aider à unifier l’interface de l’éditeur de blocs WordPress, les implémentations et l’expérience de la création de pages en utilisant des modèles de blocs. En outre, ils ne sont pas timides quant à l’objectif d’éditer l’ensemble du site en utilisant WordPress Core, ce qui pourrait avoir un impact significatif sur les plug – ins ou les thèmes nécessaires pour créer des pages séparées. Comment utiliser les modèles de blocs WordPress? Dans le panneau d’administration WordPress, vous trouverez les modèles de blocs enregistrés avec l’icône « + » dans le coin supérieur gauche de l’écran de l’éditeur de pages \ messages WordPress. Ved
Trois onglets Rai: bloc, récupérable et mode. L’onglet modes affiche tous les modes de bloc disponibles pour le site. Vous pouvez ajouter un modèle de bloc à un post \ page comme n’importe quel autre bloc. Comment construire des modèles de blocs WordPress vous pouvez vouloir savoir comment construire vos propres modèles de blocs. En quelques étapes, vous pouvez enregistrer un tableau de blocs personnalisé. Nous avons vu différentes façons de passer d’un plug – in personnalisé ou d’une fonction de fichier à l’enregistrement d’un schéma de verrouillage personnalisé. Sujet PHP. Avant de commencer à créer le mode bloc WordPress, vérifions l’api bloc WordPress et le mode bloc de journalisation. API de modèle de bloc wordpress pour commencer à créer votre propre modèle de bloc WordPress personnalisé, vous devez utiliser l’api de modèle de bloc WordPress. Cela vous permet d’ajouter un schéma de bloc à un plug – in personnalisé ou à une fonction de fichier. Sujet PHP. Quoi qu’il en soit, l’API de schéma de bloc sera utilisée pour enregistrer les schémas de bloc personnalisés et les catégories de schémas de bloc. Le thème du modèle de bloc d’enregistrement et l’auteur du plug – in peuvent utiliser la fonction Register _ Block Pattern pour enregistrer d’autres modèles de bloc personnalisés. La fonction Register _ Block Pattern reçoit le nom du schéma comme premier argument et reçoit un tableau décrivant les propriétés du schéma comme deuxième argument. Remarque: lors de l’enregistrement d’un schéma de bloc personnalisé, vous n’avez besoin que de HTML non géré en PHP. Par conséquent, certains caractères (p. ex., guillemets) doivent être supprimés. Nous allons bientôt montrer un exemple de code pour le mode bloc d’enregistrement. Propriétés du modèle de bloc de titre (obligatoire): titre lisible du modèle. Contenu (obligatoire): il s’agit du contenu HTML non traité du schéma. Description:
Texte caché visuellement qui décrit le sujet dans l’inserteur. La description est facultative, mais elle est fortement recommandée lorsque le titre ne décrit pas entièrement la fonction du schéma. Catégorie: liste des catégories de tableaux utilisées pour grouper les tableaux de blocs. Les modèles de blocs peuvent être affichés dans plusieurs catégories. Mots clés: alias ou mot – clé pour aider les utilisateurs à le découvrir lors de la recherche. Largeur du viewport: indique la largeur du modèle dans l’insertion. Pour créer un plug – in de modèle WordPress personnalisé, regardons les étapes pour créer un modèle de bloc WordPress. 1. Créer un brouillon d’article votre première étape consiste à créer un modèle personnalisé dans un article ou une page du tableau de bord WordPress. Cependant, vous n’avez pas besoin d’utiliser le contenu existant pour le faire. Vous pouvez simplement créer une ébauche d’un article pour construire votre propre modèle de bloc. Conseil: il est recommandé de commencer par un projet d’article ou de page, car cela sera beaucoup plus facile. L’ébauche sera vide et vous n’aurez pas à rivaliser avec d’autres bits de contenu non pertinents. 2. Commencez à ajouter des blocs. Imaginons que nous ayons créé une page de brouillon qui peut faire beaucoup d’expériences. Par exemple, nous appelons notre modèle de bloc personnalisé \
Vous pouvez envisager d’utiliser la palette Gutenberg pour une coloration prédéterminée. Voici plus d’informations sur l’ajout d’autres classes CSS à un bloc. 3. Sélectionnez et copiez les blocs après avoir configuré tous les blocs exactement comme vous le souhaitez, l’étape suivante est d’obtenir leur code source. Bien que cela puisse sembler difficile, c’est en fait très simple. En fait, il suffit de sélectionner manuellement chaque bloc désiré dans le modèle. Il suffit de cliquer sur le premier bloc, d’appuyer sur Alt sur le clavier, puis de cliquer sur le dernier bloc désiré dans le modèle. Après avoir sélectionné tous les blocs désirés, cliquez sur le bouton plus d’options en haut de l’éditeur avec trois points verticaux. Dans ce menu, cliquez sur copier. Cela copie immédiatement tout le code source de la sélection complète du bloc. 4. échapper à la sortie HTML est une étape incontournable. La sortie HTML doit être échappée. Cela lui permet de s’adapter parfaitement à l’API en mode bloc. Pour ce faire, vous devez exécuter tout le Code en utilisant l’outil json Escape \ Unpacking. Collez le code HTML dans la boîte insert string et cliquez sur le bouton ESC. Ensuite, copiez le Code de la chaîne de résultats fournie dans la deuxième case. Une fois le Code réorganisé, il est temps d’enregistrer les modes sur la plateforme WordPress. À l’aide de l’API mode bloc, il y a deux options pour enregistrer un mode bloc personnalisé. Plug – in personnalisé: cela vous permettra d’utiliser des modèles même si vous décidez de changer le thème plus tard. Fonction de fichier. Php du sujet. Cet emplacement a également du sens si vous construisez de nombreux modèles de blocs personnalisés et que vous ne voulez pas installer beaucoup d’autres plug – ins. 5. Construction
Par exemple, Nous échangerons l’image du titre et le texte. C’est si simple! Si vous n’êtes pas prêt à commencer à créer et à concevoir vos propres modèles personnalisés, visitez la Bibliothèque de modèles Gutenberg Center. Ces grandes ressources ont une vaste bibliothèque de modèles que vous pouvez utiliser pour implémenter de nombreuses mises en page prédéfinies. Vous devez encore fuir et enregistrer ces modèles, mais ils ouvrent un nouveau monde de possibilités. Vous pouvez également voir le plug – in block Pattern Builder pour justintadlock. Ce plug – in simple permet aux utilisateurs finaux de créer des modèles de blocs personnalisés dans le répertoire plug – in WordPress. Le plug – in nécessite actuellement le plug – in Gutenberg pour fonctionner. Ce plug – in supprime la section encodage afin que les utilisateurs puissent créer des modèles de bloc directement à partir de l’éditeur. Constructeur de modèles de bloc cliquez sur le bouton plus d’options (icône avec point de suspension) dans la barre d’outils de l’éditeur pour sélectionner au moins un bloc. Ensuite, cliquez sur l’option Ajouter au modèle de bloc. Si vous n’êtes pas du tout familier avec l’éditeur de blocs WordPress, nous vous proposons également des guides sur d’autres blocs WordPress. Blocs WordPress réutilisables: le Guide ultime les blocs WordPress réutilisables sont une fonctionnalité puissante de l’éditeur de blocs WordPress. Les blocs réutilisables vous permettent de sauvegarder rapidement tous les blocs WordPress que vous utilisez fréquemment. Lire la suite… Catalogue de blocs WordPress: le Guide de base introduit dans WordPress 5.5, le catalogue de blocs WordPress vous permet de trouver plus facilement les blocs WordPress qui correspondent le mieux à vos besoins. Lire la suite… Blocs WordPress: le Guide ultime pour les blocs Gutenberg utilisez les blocs WordPress, aussi appelés blocs Gutenberg, que les utilisateurs peuvent expérimenter

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *