Principes fondamentaux du générateur: explorer les modèles d’écoutille de bloc

La dernière version de WordPress sera disponible le 25 janvier prochain. Peut – être que lorsque vous lirez cet article, la version 5.9 a été publiée dans le monde entier. Je ne peux pas être plus excité. Il y a beaucoup d’améliorations et de nouvelles fonctionnalités, dont beaucoup seront discutées dans les prochains articles, mais le thème d’aujourd’hui est le bloc \
Avant de discuter du schéma de bloc, commençons par les bases et établissons quelques termes. WordPress a beaucoup changé ces dernières années. Assurez – vous d’être sur la même page. Block Block est le \
Un modèle de bloc n’est qu’une collection par défaut de blocs qui forment une disposition particulière. Le modèle peut être un seul bloc ou se composer de plusieurs blocs. Comme nous le verrons plus loin, les modèles facilitent et rendent intéressant la création de mises en page complexes. L’éditeur est l’interface utilisateur que nous utilisons pour créer des pages et des messages à partir de blocs. Depuis l’introduction de WordPress 5.0 en 2018, l’éditeur est bien connu. Il s’agit notamment de Gutenberg, Gutenberg Editor, block Editor, etc. Dans cet article, nous allons simplement utiliser
Modifier le terme.
Inserter dans l’éditeur, l’inserteur est utilisé pour ajouter des blocs et des schémas à la page. L’insertion est accessible en cliquant sur le symbole bleu (+) dans le coin supérieur gauche de l’éditeur. La capture d’écran suivante illustre les termes que nous définissons. Pourquoi choisir un modèle de bloc? L’éditeur nous permet de construire presque n’importe quel projet à partir d’un bloc, qu’il s’agisse d’un simple billet de blog ou d’une page d’atterrissage complexe. Prenons l’exemple de cet article. Vous lisez maintenant un bloc de paragraphes. Le titre ci – dessus est le bloc titre, et la capture d’écran n’est qu’un bloc image. Il est facile d’ajouter ces éléments de contenu à la page. J’ai ouvert l’insertion, trouvé le bloc approprié et cliqué pour l’insérer.
Astuce rapide: saviez – vous que vous pouvez également insérer des blocs en utilisant la commande Slash? Démarrer un nouveau paragraphe avec la touche \
En fait, le barème des prix se compose de 25 blocs distincts. Quel que soit votre niveau de compétence WordPress, copier cette mise en page à partir de zéro sera ennuyeux et un peu difficile. Imaginez maintenant si vous avez configuré cet ensemble de 25 blocs pour vous. En un seul clic, vous accédez à la liste de prix complète et suivez
Répondre à vos besoins personnels. Mieux encore, que se passe – t – il si vous avez un grand ensemble de dessins à portée de main, chacun correspondant à votre esthétique thématique? Pensez à la mise en page créative des images et du texte, aux invitations à l’action, aux en – têtes, aux pieds de page et même à la mise en page complète de la page. Avoir ce \
C’est là que le modèle de bloc fonctionne. La liste de prix ci – dessus est en fait le modèle inclus dans les 22 prochains thèmes, qui sera publié avec wordpress 5.9! Espérons que ce petit exercice explique pourquoi je suis si excité par le potentiel des modèles de blocs, mais comment pouvons – nous réellement les utiliser? Comment utiliser un modèle comme un bloc vous pouvez utiliser insert pour ajouter un modèle à une page. Avec insert ouvert, allez à l’onglet modèles, qui affiche tous les modèles disponibles ventilés par catégorie. Sélectionnez la mise en page qui vous convient, puis cliquez pour insérer. Vous pouvez ensuite modifier les blocs individuels qui composent le modèle comme vous le feriez pour tout autre bloc. Il n’y a pas de limite au nombre de modèles qui peuvent être insérés. Mélanger et assortir pour une conception de page unique.
Bien que l’inserteur offre un accès facile aux modèles de bloc, vous remarquerez que l’aperçu de chaque modèle est très petit et empilé dans une colonne. Il est difficile de visualiser et de comparer les mises en page, de sorte qu’il est difficile de choisir la bonne mise en page. Pour résoudre ce problème, WordPress 5.9 inclut Pattern manager. Vous pouvez accéder à cette nouvelle fonctionnalité passionnante en cliquant sur le bouton parcourir à côté du menu déroulant catégorie dans l’onglet modèles. Explorer ouvre une fenêtre de mode qui offre une expérience de navigation améliorée à travers les modèles affichés dans la grille. Ils peuvent aussi être faciles
Trier ou filtrer par catégorie.
La capture d’écran ci – dessus est la première itération de Pattern explorer. Les futures versions de WordPress devraient étendre les fonctionnalités de l’explorateur. L’expérience actuelle ajoute un aperçu aux appareils mobiles \/ tablettes et offre l’option d’afficher le modèle séparément, plutôt que la disposition de la grille. Bien qu’aucune nouvelle n’ait été confirmée, veuillez suivre de près les nouvelles améliorations apportées à WordPress 6.0 à la mi – 2022. Pour toutes les discussions sur les modèles, vous pourriez vous demander d’où ils viennent réellement? Il y a une des trois façons de trouver le schéma à enregistrer à travers le thème courant, les plug – ins tiers ou WordPress lui – même via le répertoire Patterns. Explorons chaque approche.
Thèmes votre thème peut être le moyen le plus direct de fournir des modèles sur votre site Web. Comme nous l’avons vu dans la liste de prix ci – dessus, de nombreux sujets basés sur des blocs contiennent leurs propres collections de modèles personnalisés. Ce n’est qu’une autre façon de faire la distinction entre les sujets, et un ensemble fiable d’options de mise en page procurera d’énormes avantages aux utilisateurs. Au moment de la rédaction de cet article, plus de 60 des 22 sujets seront inclus! Catalogue de modèles (WordPress) À partir de la version 5.9 de WordPress, WordPress fournira ses modèles via le catalogue de modèles.
Le catalogue Pattern est un référentiel Pattern communautaire, tout comme le plugin wordpress et le référentiel theme, qui sera ouvert au public pour soumission à partir de la version 5.9. Tous les modèles soumis et approuvés peuvent être navigués et insérés directement à partir de l’explorateur de modèles. Cela signifie que les utilisateurs de WordPress auront accès à des centaines, voire des milliers, de solutions de blocage. Astuce rapide: certains thèmes peuvent désactiver les modèles contenus dans WordPress à partir du catalogue des modèles. Lorsque les développeurs de sujets incluent leurs propres collections de modèles et
Comment vous pouvez les utiliser et pourquoi ils vont fondamentalement changer la façon dont nous construisons notre site WordPress. Dans le prochain article sur les bases du constructeur, nous explorerons plus en détail comment créer réellement vos propres modèles! Que penses – tu de ces modèles? Les utilisez – vous sur votre site? Avez – vous des questions qui ne sont pas abordées dans cet article? Veuillez nous en informer dans vos commentaires.