36mn de lecture
Utiliser du code pour créer manuellement des pages web performantes à partir de zéro peut prendre énormément de temps. Heureusement, le développement de CMS a facilité la pratique. En effet, un CMS tel que WordPress permet de créer un site web dans un laps de temps sans surtout exiger des connaissances techniques dans la programmation. L’arrivée de modèles de blocs WordPress a accéléré une fois de plus la personnalisation de pages web sous ce logiciel open source.🚀
En fait, les modèles de blocs sont des compositions de blocs préconçues permettant aux utilisateurs de WordPress de créer et de personnaliser leurs pages web sans appliquer le code. WordPress regorge plusieurs modèles de blocs destinés aux différentes sections d’un site web.🤗
Objectif
Dans cet article, nous détaillons ce que sont les modèles de blocs WordPress. Nous allons vous expliquer comment les utiliser et comment vous en servir pour accélérer la personnalisation de votre site WordPress.👨💻
Besoin d’un hébergement WordPress rapide et de qualité ?
LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.
Prérequis
- Disposer d’un site WordPress ou en créer un si vous n’en avez pas encore
- Avoir accès à l’espace d’administration de votre site WordPress.
Modèles de blocs WordPress : présentation
Les modèles de blocs dans WordPress sont des compositions prédéfinies de blocs WordPress permettant de créer ou personnaliser une page web en quelques minutes. Un modèle de blocs peut par exemple comporter un titre du site, un menu de navigation d’en-tête et une barre latérale. L’utilisateur peut ainsi procéder à la personnalisation de ces blocs sans avoir besoin de coder.
Voici à quoi peut ressembler visuellement un modèle de blocs d’en-tête WordPress.
Ce modèle inclut un logo, un menu d’en-tête et le titre du site. Plutôt que d’ajouter ces blocs séparément, un modèle vous permet de les ajouter en une fois dans l’en-tête de votre site.
Les modèles de blocs WordPress sont intégrés directement dans l’éditeur Gutenberg. Généralement, vous n’avez pas besoin d’installer un module supplémentaire sur votre site avant de les utiliser. Ces dispositions de blocs sont assez flexibles. Vous pouvez en retirer des blocs tout comme en ajouter des nouveaux.
Quels sont les avantages de modèles des blocs WordPress
Le grand avantage d’utiliser les modèles de blocs WordPress est le gain du temps. En effet, créer des pages web à partir de zéro peut prendre beaucoup de temps. Cela sans compter les ressources que vous devez déployer pour tester votre code avant de l’appliquer sur votre site en direct. Au lieu de cela, les modèles ne nécessitent qu’une simple personnalisation de blocs qu’ils incluent.
De plus, que vous ayez des compétences techniques ou non, vous pouvez utiliser les modèles de blocs WordPress sans faire appel à un développeur. De plus, ces dispositions de blocs sont créées par des développeurs professionnels. Et la plupart sont gratuits, vous pouvez donc les utiliser sans dépenser de votre budget.
Un autre avantage de modèles de blocs de WordPress est que vous pouvez les intégrer à n’importe quel emplacement de votre site. Vous pouvez les insérer dans une page web, dans une publication ou encore sur la page d’accueil de votre site.
Une solution clés en main pour créer un site WordPress ?
LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.
Comment trouver et utiliser les modèles de blocs WordPress ?
Une fois que vous êtes connecté à votre tableau de bord d’administration, ouvrez l’article ou la page que vous souhaitez modifier dans l’éditeur Gutenberg. Ensuite, cliquez sur le bouton « + » dans la partie supérieure gauche de l’interface.
Dans l’écran développé, cliquez sur la section « Compositions ».
Dans l’écran « Compositions », vous avez des nombreux modèles de blocs que vous pouvez utiliser.
Les catégories de modèles des blocs de WordPress
Les modèles de blocs sont classifiés dans différentes catégories.
Lorsque vous êtes dans l’interface de modèles des blocs, cliquez sur le menu déroulant pour afficher les catégories de modèles. :
- Mis en avant : cette catégorie regroupe des nombreux modèles que vous pouvez insérer sur la page d’accueil de votre site. Ce sont sûrement les modèles de blocs les plus populaires.
- Boutons : un modèle « Boutons » inclut généralement des blocs permettant d’intégrer des boutons d’appel à l’action sur vos pages. Plutôt que de concevoir votre bouton à partir de rien, accédez à cette catégorie, ajoutez un bouton prédéfini à votre page et commencez à le personnaliser rapidement sans perdre du temps.
- Colonnes : le modèle « Colonnes » est idéal si vous souhaitez par exemple afficher les caractéristiques d’un produit et ses variantes sur la même interface. Ce qui va permettre à vos clients de comparer les offres directement et faire le choix en fonction de leurs besoins les plus spécifiques.
- Galerie : cette catégorie permet d’insérer des galeries réactives à votre site. Le modèle « Galerie » est parfait pour créer par exemple un portfolio ou regrouper les différentes photos de vos réalisations et les afficher sur votre site en quelques clics. Il est en fait destiné aux designers et aux photographes qui veulent mettre en avant leur expérience.
- Texte : ce modèle de blocs est conçu pour vous aider à gérer et à disposer tout ce qui est relatif au contenu texte sur votre site. Vous voudrez par exemple afficher les auteurs avec à chacun les détails du profil à côté. C’est dans cette catégorie que vous pouvez également rechercher les modèles de blocs prédéfinis pour insérer des citations sur vos pages web.
- Requête : utiliser cette catégorie de modèles des blocs pour disposer votre contenu en fonction de paramètres prédéfinis. Si vous voulez, par exemple, afficher vos publications de plus récentes aux plus anciennes… ce groupe de modèles est pour vous.
- Non classé : cette catégorie inclut tous les autres modèles qui n’ont pas de critères de classement. Elle contient par défaut tous les modèles que vous pouvez créer par vos propres manipulations.
Utiliser un modèle de blocs WordPress sur une page web
Nous avons assez parlé de modèles et vous comprenez à présent comment ces derniers se présentent sous WordPress. Pour utiliser un modèle de blocs spécifique, accédez à l’interface « Compositions » et sélectionnez la catégorie associée.
Ensuite, cliquez sur le bouton « Explorer ».
Une fois que vous cliquez sur le bouton indiqué, le modèle sera affiché dans une interface de prévisualisation à droite. Ce qui vous permet d’avoir une idée de la façon dont il s’affichera sur votre site en direct.
Trouvez le modèle que vous souhaitez utiliser et cliquez dessus pour l’ajouter à votre page web ou à votre site.
Une fois que le modèle de blocs est ajouté à votre site, vous pouvez commencer à le personnaliser. Cliquez sur n’importe quelle zone et modifiez le texte ou les éléments par défaut pour ajouter les vôtres.
Vous pouvez commencer par l’en-tête, modifier le texte du milieu, retirer ou modifier le style de boutons. Vous avez également la possibilité de modifier la couleur d’arrière-plan et la dimension de tous les éléments inclus dans le modèle.
Bien qu’ils soient déjà prédéfinis, vous pouvez utiliser Gutenberg pour ajouter des blocs supplémentaires et créer des dispositions plus complexes.
De plus, vous n’avez aucune limite pour combiner différents modèles de blocs. Par exemple, vous pouvez ajouter un modèle de la catégorie « Boutons » alors que vous travaillez sur un modèle « Colonnes » sur votre page.
Tout l’avantage avec les modèles de blocs WordPress est qu’ils vous permettent de créer en quelques clics l’architecture d’une page web sans appliquer une moindre ligne de codes.
Rechercher les modèles de blocs supplémentaires
Depuis l’interface de Gutenberg, WordPress comporte une bibliothèque de modèles restreinte. Ils sont standards et sont compatibles avec la plupart de thèmes WordPress populaires. Si vous ne trouvez pas votre choix parmi les dizaines de modèles disponibles, vous avez deux possibilités pour trouver d’autres modèles.
1. Installer un thème de blocs WordPress
Depuis quelques années, les utilisateurs de WordPress peuvent développer leurs sites avec des thèmes basés sur les blocs. Il s’agit d’une nouvelle conception qui offre une expérience d’édition complète de site. Les thèmes basés sur les blocs n’ont pas des widgets et permettent de modifier n’importe quelle section d’un site WordPress.
Cette nouvelle catégorie de thème n’inclut pas non plus l’outil de personnalisation. Toutes les modifications sont effectuées en utilisant un éditeur de blocs ou un éditeur de modèles.
Il existe de nombreux thèmes populaires que vous pouvez utiliser. Le thème par défaut Twenty Twenty-Two est un exemple typique. Vous avez également des thèmes tels que :
- Raft
- Twenty Twenty-Three
- Riverbank
- Carnival Lite
- Vision FSE
Pour installer directement un thème basé sur les blocs depuis votre espace d’administration, ouvrez la section « Apparence › thèmes ». Ensuite, cliquez sur le bouton « Ajouter » et rendez-vous dans l’onglet « Thèmes basés sur des blocs ».
Faites vos recherches dans cette longue liste. N’hésitez pas à prévisualiser un thème afin de vous assurer qu’il répond à vos besoins.
2. Utiliser la bibliothèque de modèles de blocs de WordPress
Une autre façon de trouver plusieurs autres modèles à utiliser est de vous rendre sur le référentiel de modèles de WordPress.
Tous les modèles de blocs publiés sur cette page sont testés et approuvés par la communauté WordPress. N’hésitez pas à faire une recherche par catégories.
Survolez le modèle que vous souhaitez utiliser et cliquez sur le bouton « Copy ».
La prochaine étape consiste à coller le modèle de blocs copié dans un emplacement de choix sur votre site, sur une page ou dans un article. Une fois que le modèle est ajouté, il ne vous reste qu’à la personnaliser.
En outre, il existe des plugins qui peuvent vous aider à ajouter des modèles de blocs à votre thème WordPress. N’hésitez pas à faire des recherches en ligne ou dans le répertoire des extensions de WordPress.
Créer des modèles de blocs WordPress personnalisés
Nous avons parlé précédemment des différentes façons de trouver des modèles de blocs en dehors de ceux disponibles par défaut dans l’éditeur Gutenberg. Si vous n’êtes pas satisfait par toutes ces options, notez qu’il est possible de créer des modèles entièrement personnalisés.
Là encore, vous avez deux méthodes principales pour vous lancer :
Création de modèles des blocs en utilisant la bibliothèque de WordPress
Rendez-vous sur le répertoire de modèles de WordPress et cliquez sur le bouton « Create a new pattern ».
Dans la nouvelle interface, suivez les étapes nécessaires et créez votre compte ou connectez-vous si vous avez déjà un compte.
Une fois que vous êtes connecté, l’interface de création de modèles n’est pas si différente de celle de Gutenberg.
Vous pouvez associer les différents blocs afin de créer un modèle performant. Une fois que vous avez terminé, sauvegardez ou soumettez votre modèle.
Créer des modèles en utilisant un plugin
Accédez à la section « Extensions › ajouter ». Utilisez la barre de recherche, recherchez et installez le plugin BlockMeister.
Une fois que le processus d’installation est terminé, accédez au plugin depuis le tableau de bord et cliquez sur le bouton « Ajouter ».
Dans l’écran résultant, commencez par ajouter le titre du modèle. Ensuite, rendez-vous dans le menu de blocs de Gutenberg et ajoutez tous les éléments nécessaires comme bon vous semble.
Ajustez la position et le style de tous les éléments ajoutés. Vous pouvez même accéder à la section « Bloc » et ajouter du CSS personnalisé à votre modèle afin de contrôler davantage son style.
Une fois que la conception est terminée, cliquez sur la section « Catégories » et appliquez une catégorie à votre modèle.
Vous devez noter que ces changements ne sont pas visibles sur l’interface publique de votre site sauf si vous les publiez.
Supprimer un modèle de blocs WordPress
Si un modèle commence à gêner l’expérience de navigation sur votre page ou n’a plus d’importance, vous pouvez le supprimer facilement. Pour cela, rendez-vous dans la section « Apparence › éditeur de fichiers des thèmes ».
Dans la nouvelle interface, ouvrez le fichier functions.php et ajoutez le code ci-dessous :
function unregister_my_patterns() {
unregister_block_pattern('your pattern title');
}
add_action( 'init', 'unregister_my_patterns' );
Remplacez dans le code le nom de votre modèle spécifique. Ensuite, mettez à jour votre fichier.
Conclusion
🥳Toutes nos félicitations pour avoir lu cet article. Les modèles de blocs WordPress sont une des dernières méthodes de conception WordPress accélérant le développement de pages simples ou complexes. Dans cet article, nous avons détaillé ce que sont les modèles de blocs et la façon de les utiliser. Vous avez à présent tous les détails nécessaires pour vous lancer. N’hésitez pas à commencer dès aujourd’hui.
Si vous avez des questions sur la façon d’utiliser les modèles de blocs WordPress, écrivez-nous dans la section Commentaires.
À la recherche de noms de domaine libres ?
Vérifiez la disponibilité de vos domaines en masse avec l'outil de recherche de domaines LWS. Enregistrez vos domaines dès 0,99€ par an. Extension au choix (+400) : .fr .com .net .site .tech .shop .boutique .xyz .fun .eu .be .lu .org .pro .info .online...
Commentaires (0)