Modèles WordPress 101 pièces: qu’est – ce qu’ils sont? Et comment les utiliser

Voulez – vous gagner du temps et créer un design plus professionnel dans l’éditeur de blocs WordPress? Dans ce cas, comprendre les modèles de blocs WordPress peut être exactement ce dont vous avez besoin. Avec un modèle de bloc, vous pouvez insérer un design préfabriqué, le modifier pour répondre à vos besoins et être prêt à l’utiliser. C’est une façon très efficace d’économiser du temps. Les modèles de blocs sont également utiles si vous n’êtes pas un concepteur, car ils vous permettent d’utiliser des conceptions plus uniques, même si vous n’avez pas la connaissance de construire ces projets à partir de zéro. Dans cet article, nous vous présentons tout ce que vous devez savoir sur les modèles de blocs WordPress:
Quels sont les modèles de blocs WordPress et en quoi sont – ils différents des blocs réutilisables? Comment utiliser un modèle de bloc dans un éditeur. Où trouver de nouveaux modèles de blocs et comment les utiliser. Comment créer votre propre schéma de bloc sans Code WordPress # Block Mode 101: qu’est – ce qu’ils sont et comment les utiliser? Qu’est – ce qu’un modèle de bloc WordPress en cliquant sur twitter? Les modèles de blocs WordPress sont essentiellement des modèles composés de blocs. Ils peuvent contenir un ou plusieurs blocs disposés selon une disposition particulière. En plus des blocs eux – mêmes, les modèles de blocs incluent les paramètres de ces blocs (par exemple, configurer les boutons pour une couleur spécifique).
Vous pouvez trouver le mode bloc pour les modèles de page entière. Ou, plus souvent, vous trouverez des modèles de blocs pour certaines parties de la page que vous voudrez peut – être utiliser. Vous pouvez ensuite combiner plusieurs modèles de blocs, comme lego, pour construire votre propre design. Par exemple, supposons que vous créez une section contenant une image de fond, un texte de titre et un bouton. Vous pouvez le configurer manuellement en utilisant l’éditeur de bloc. Mais en utilisant le mode bloc, vous pouvez insérer un design préfabriqué avec cette disposition et le personnaliser pour correspondre à votre contenu. Comme indiqué ci – dessus, le principal
Exemple, et vous voulez également être en mesure de le mettre à jour à l’avenir. Pour ce cas d’utilisation, vous voulez utiliser un bloc réutilisable. Les blocs réutilisables garantiront que chaque instance du CTA est la même. Si vous souhaitez modifier le CTA, vous n’avez qu’à mettre à jour les blocs réutilisables une seule fois et ces modifications s’appliquent à chaque instance.
Comment utiliser le modèle de bloc WordPress vous pouvez insérer le mode bloc via la même interface que celle utilisée pour insérer le bloc. Pour commencer, ouvrez l’éditeur de la partie Contenu du modèle de bloc que vous souhaitez insérer. Ensuite, cliquez sur l’icône plus dans le coin supérieur gauche pour ouvrir l’interface d’insertion de contenu. Dans la barre latérale qui apparaît, cliquez sur l’onglet motifs. Vous pouvez ensuite utiliser le menu déroulant pour filtrer différents types de modèles. Une fois que vous avez trouvé votre modèle préféré, il suffit de cliquer dessus pour l’insérer dans le contenu:
Après avoir importé un modèle de bloc, vous pouvez modifier tous les blocs individuels comme si vous aviez créé manuellement un dessin: C’est tout! Si vous insérez un autre motif, répétez simplement la même procédure. Insère un modèle de bloc n’importe où dans l’éditeur où le curseur est placé. Comment trouver et utiliser de nouveaux modèles de blocs wordpress pour vous aider à trouver de nouveaux modèles de blocs, l’équipe WordPress a créé une bibliothèque officielle de modèles de blocs sur WordPress. Vous pouvez y accéder en cliquant ici. Vous pouvez utiliser des filtres pour parcourir tous les modèles de blocs et cliquer sur les résultats pour les prévisualiser. Si vous trouvez un motif de bloc préféré, cliquez simplement sur le bouton copier le motif pour copier le motif dans le presse – papiers:
Maintenant, ouvrez l’éditeur de la partie Contenu du modèle de bloc que vous souhaitez ajouter et collez – le, comme avec du texte simple, en cliquant sur C
Sélectionnez coller sur le bouton droit de la souris ou utilisez des raccourcis clavier tels que Ctrl + V (ou CMD + V sur Mac). Le jeu est terminé: partout où vous collez, vous verrez le modèle de bloc complet: En plus de la Bibliothèque officielle de modèles de blocs sur WordPress. Org, vous pouvez également trouver des répertoires tiers tels que shareablock et Gutenberg hub Template Library (en utilisant la même méthode de copie \/ collage que la Bibliothèque officielle).
Vous pouvez également trouver de nombreux plug – ins qui vous permettent d’insérer des modèles de bloc et des modèles, bien qu’ils puissent utiliser leurs propres solutions personnalisées plutôt que la fonctionnalité Native Block template. Quoi qu’il en soit, le résultat final est le même. Vous pouvez trouver quelques – unes des meilleures options dans notre plugin modèle Gutenberg. Comment créer votre propre modèle de bloc WordPress sans avoir à démarrer le Code immédiatement, l’éditeur de bloc de base wordpress ne vous permet pas de créer votre propre modèle de bloc à moins que vous ne sachiez comment le programmer, ce qui est un peu regrettable.
Heureusement, comme vous vous y attendiez avec wordpress, il y a des plugins pour résoudre ce problème. Mon préféré est le plug – in de générateur de mode bloc gratuit pour Justin tadlock. Essentiellement, ce plug – in vous permet de créer votre propre conception en utilisant l’éditeur de bloc et de l’enregistrer comme modèle de bloc. Vous pouvez ensuite utiliser l’éditeur pour concevoir votre propre schéma, l’enregistrer sous forme de schéma, puis l’insérer aussi facilement que n’importe quel autre schéma. Honnêtement, il est un peu étrange que cette fonctionnalité ne soit pas disponible dans le logiciel principal WordPress, mais ce n’est pas un gros problème, car il suffit d’installer un plug – in gratuit pour le résoudre. Pour commencer, installez et activez le plug – in gratuit Block Pattern Builder à partir de WordPress. Organisation. J’utilise le plug – in Justin tadlock mentionné précédemment, mais il y en a un qui a le même nom que blockmeister et qui semble offrir la même fonctionnalité, mais un peu plus. Quinn.
Di, ouvrez l’éditeur normal et créez le dessin que vous souhaitez enregistrer. Lorsque vous avez terminé, sélectionnez tous les blocs à inclure dans le schéma de bloc et cliquez sur l’icône en trois points. Sélectionnez ensuite l’option Ajouter au modèle de bloc: Vous pouvez ensuite le nommer: C’est comme ça: Vous pouvez maintenant l’insérer comme n’importe quel autre modèle de bloc. Par défaut, il se trouve dans la section non classifiée: En plus de travailler dans un éditeur, vous recevrez un onglet mode bloc dédié dans le tableau de bord wordpress pour gérer et créer des modes bloc. Démarrer avec des modèles de blocs WordPress les modèles de blocs sont un outil très utile pour obtenir plus d’informations de l’éditeur de blocs, il est donc important de comprendre comment ils fonctionnent. Découvrez toutes les informations sur les modèles de bloc # WordPress: comment ils fonctionnent et où les trouver en utilisant les modèles de bloc il est très simple de cliquer sur Twitter: Vous pouvez les insérer comme des blocs. Une fois inséré, vous pouvez modifier le bloc dans le modèle comme si vous aviez créé votre propre dessin. Pour vous donner plus de flexibilité, il existe plusieurs façons d’accéder aux nouveaux modèles de blocs: Vous pouvez utiliser la Bibliothèque officielle des modèles de blocs sur WordPress. Un site Web d’un org ou d’une bibliothèque tierce. Tout ce que vous avez à faire est de copier et coller entre la bibliothèque et l’éditeur WordPress. Vous pouvez utiliser un des plugins Gutenberg que nous collectons. Tous ces plug – ins n’utilisent pas la fonctionnalité du modèle de bloc natif, mais ils ont exactement le même but et la même fonctionnalité. Vous pouvez utiliser un éditeur et un générateur de motifs de bloc comme plug – in pour concevoir vos propres motifs de bloc. Après avoir sauvegardé vos projets, vous pouvez facilement les réutiliser à l’avenir. Pour en savoir plus sur les façons d’améliorer le fonctionnement de l’éditeur de blocs, consultez notre guide pour tirer le meilleur parti de l’éditeur de blocs et des meilleurs plug – ins de blocs que nous collectons. Allez, ANC.