Décoder WordPress : Construis Rapidement Avec Le Répertoire De Modèles WordPress

Publié : par Jos Velasco
Décoder WordPress : Construis Rapidement Avec Le Répertoire De Modèles WordPress thumbnail

WordPress l’a encore fait.

Ils ont rendu la plateforme encore plus facile pour les non-designers, non-développeurs, simples propriétaires et gestionnaires d’entreprise du monde entier pour créer de magnifiques sites web.

Cette fois, c’est grâce à quelque chose appelé modèles de blocs WordPress et le nouveau répertoire et bibliothèque de modèles où ils sont organisés.

Intrigué ?

Permet-nous de te présenter le Répertoire de Modèles WordPress, que les propriétaires de sites web de tous niveaux techniques peuvent utiliser pour créer une belle mise en page. De plus, nous t’offrirons plusieurs conseils pour choisir les bons modèles afin de construire ton expérience de marque idéale.

Qu’est-ce qu’un motif WordPress ?

Dans WordPress, un motif est une collection de blocs individuels conçus pour s’intégrer parfaitement avec les thèmes WordPress.

Si tu n’es pas familier avec les blocs, commençons par là.

Une flèche violette pointe vers les blocs WordPress à gauche de l'écran

Bloc WordPress sont des éléments empilables individuels que tu utilises pour ajouter des fonctionnalités aux pages et articles sur ton site WordPress.

En 2018, Gutenberg, un éditeur de blocs, a remplacé l’éditeur classique de WordPress. Depuis lors, les blocs sont devenus la référence pour la personnalisation des sites WordPress grâce à leur puissante fonctionnalité et leur configuration facile par glisser-déposer.

Gutenberg

Gutenberg est le nom du projet Éditeur de Blocs dans WordPress. De nombreux développeurs et passionnés de WordPress utilisent les termes Éditeur Gutenberg et Éditeur de Blocs de manière interchangeable.

Lire plus

Chaque bloc est comme un widget, capable d’ajouter du texte, des médias, des éléments de design, fonctionnels, des formulaires et plus encore, là où tu le places sur une page ou un article WordPress. Tu peux organiser les blocs comme tu le souhaites, et tu peux en personnaliser beaucoup pour obtenir l’apparence et les fonctionnalités que tu désires.

Associé : 27 Thèmes de Blocs WordPress Parfaits Pour l’Édition Complète du Site

Maintenant que nous avons compris les blocs, replongeons dans les motifs.

Comme nous avons commencé à le dire, les motifs de blocs sont des combinaisons prédéfinies de blocs qui constituent des éléments fonctionnels pour les pages et les articles WordPress, tels que les en-têtes et les pieds de page, les boîtes d’abonnement à des newsletters, et les présentoirs de commerce électronique.

Peut-être que la fonctionnalité la plus cool des modèles est que les polices, les couleurs et autres éléments de style de chaque bloc dans un modèle s’adaptent automatiquement pour correspondre à ton thème. Tu peux toujours personnaliser les modèles chaque fois que tu les utilises, au cas où tu voudrais déplacer ou supprimer un élément d’un modèle sur une page ou un post mais pas sur un autre.

Un excellent exemple serait d’utiliser un modèle unique comme modèle préfabriqué pour tous tes articles de blog. Tu souhaites qu’ils soient assez similaires, mais tu peux vouloir que les appels à l’action (CTAs), les sections FAQ, les formulaires et d’autres éléments soient placés à différents endroits en fonction du contenu et du public.

Les développeurs de thèmes populaires possèdent leurs propres motifs personnalisés, ce qui facilite la création d’une mise en page belle et même complexe dont tu sais qu’elle fonctionnera parfaitement. Si tu recherches à la fois des styles de thèmes modernes et les meilleurs motifs pour les dynamiser, ce guide propose une liste utile de thèmes et des motifs préfabriqués qui fonctionnent avec eux (gratuits et payants).

En résumé, les motifs WordPress sont des éléments préconçus qui permettent aux propriétaires de sites web, aux gestionnaires et aux développeurs de créer rapidement des sites puissants et cohérents.

Avec cela, parlons de comment accéder aux motifs WordPress.

Recevez du contenu directement dans votre boîte de réception

Abonnez-vous maintenant pour recevoir toutes les dernières mises à jour directement dans votre boîte de réception.

Comprendre le répertoire de modèles WordPress

Maintenant, nous pouvons plonger dans les bonnes choses que tu es venu apprendre aujourd’hui : le WordPress Pattern Directory.

Mais d’abord (surprise !) nous avons une dernière mise en garde : il existe un répertoire de modèles WordPress et une bibliothèque de modèles WordPress.

Cela est dû au fait qu’il y en a un pour WordPress.org et WordPress.com, qui sont différents.

WordPress.org est une plateforme open-source pour créer des sites web personnalisés. Tu peux la télécharger et l’utiliser gratuitement. Cependant, pour rendre ton site web accessible en ligne, tu devras acheter de l’hébergement web.

C’est là que WordPress.com, un créateur de sites en ligne et fournisseur d’hébergement, intervient. Les bases sont gratuites sur WordPress.com, et tu peux accéder à des fonctionnalités améliorées moyennant des frais.

Créateur de Site Web

Un créateur de site web est une plateforme ou un programme qui aide les gens à créer des sites web de manière simplifiée. Les créateurs de site web utilisent souvent des éditeurs par glisser-déposer et ne nécessitent aucune connaissance préalable en développement web ou en codage.

En savoir plus

Le Répertoire de modèles WordPress, ou Répertoire de modèles de blocs, se trouve sur WordPress.org. La Bibliothèque de modèles WordPress se trouve sur WordPress.com.

Les deux ressources ont été récemment créées pour offrir un lieu unique où les designers de motifs et les développeurs peuvent partager les créations qui leur facilitent la vie. Les propriétaires de sites web créatifs et/ou les constructeurs comme toi peuvent accéder à ces ressources pour construire rapidement de belles expériences fonctionnelles sans réinventer la roue à chaque fois.

La meilleure fonctionnalité de toutes ? Les centaines de modèles répertoriés dans la bibliothèque et le répertoire sont gratuits.

La bibliothèque de modèles de blocs WordPress et le répertoire rendent extrêmement facile la recherche du bon modèle pour ton site web.

En haut de chaque page d’accueil de site web, tu verras un ensemble de filtres que tu peux utiliser pour affiner les types de modèles que tu examines.

Actuellement, les catégories de modèles de blocs dans le répertoire incluent :

  • Articles : Affiche le contenu de ton blog
  • Texte : Présente du texte partout sur ton site web
  • Galerie : Présente des photos
  • Appel à l’Action : Incite les visiteurs du site à agir
  • Bannières : Affiche des designs en haut des pages pour engager les visiteurs
  • En-têtes : Aide à la navigation sur le site web
  • Pieds de page : Apparaissent en bas des sites web pour offrir une navigation supplémentaire
  • Maquette : Fournit des emplacements pour planifier et expérimenter avec différents éléments de design

Tu trouveras également une barre de recherche pour localiser des motifs spécifiques. C’est un moyen rapide de trouver des solutions adaptées à tes besoins.

Un rectangle violet met en évidence les catégories de motifs de blocs. Une barre de recherche apparaît en dessous des catégories.

Dans le répertoire, tu peux cliquer sur un modèle pour prévisualiser son apparence sur différentes largeurs d’écran.

Un aperçu de motif en grand écran montre le mot 'etcetera' sur un fond vert et saumon

Sur les deux sites, tu devrais voir un bouton bleu qui te permet de copier le modèle.

Un bouton bleu indique 'Copier le motif'

Nous allons te montrer exactement où cela s’avère utile lorsque tu utilises un motif sur ton site WordPress pour la première fois.

Comment Commencer Avec Le Répertoire De Modèles WordPress

Plongeons dans la mise en œuvre de ton premier modèle sur ton site web.

Tout d’abord, tu dois sélectionner l’article ou la page où tu souhaites ajouter un modèle. Nous allons nous connecter à WordPress, chercher Articles dans la barre latérale, aller à Tous les articles, et sélectionner celui que nous voulons modifier.

Le menu Articles dans WordPress. La première option affiche 'Tous les articles' en blanc.

Une fois à l’intérieur de ce post, dans le coin supérieur gauche de la zone d’édition, il devrait y avoir un bouton plus qui ouvre à la fois les menus des blocs et des motifs.

Un rectangle violet est dessiné autour du bouton plus bleu dans le coin supérieur gauche de la zone d'édition

Note : Ne vois-tu pas l’option d’ajouter des blocs ou des motifs sur la page que tu édites ? Il se peut que tu n’utilises pas encore un thème qui les prend en charge. Notre guide Comment passer d’un thème classique aux thèmes de blocs WordPress te guidera pour passer à un thème de bloc afin que tu puisses profiter de tous ses avantages modernes.

Une fois ce menu ouvert, passe à l’onglet Motifs. Ici, tu verras tous les motifs de blocs disponibles pour le thème que tu utilises.

L'onglet Motifs révèle une longue liste verticale d'options. En bas, un bouton indique 'Explorer tous les motifs'

Disons que nous voulons ajouter un appel à l’action à l’article. Nous cliquerons sur cette catégorie et sélectionnerons le modèle de CTA choisi. Tout simplement, il apparaîtra là où notre curseur se trouve dans l’article.

Conseil : Insère un modèle que tu as copié du répertoire de modèles ou de la bibliothèque. Utilise simplement le bouton de copie bleu sur le modèle désiré, reviens à la page WordPress ou au post que tu souhaites modifier, clique sur l’écran où tu veux que le modèle apparaisse, et colle.

Une boîte grise indique 'Appel à l'action' dans le coin supérieur gauche.

Veux-tu déplacer, supprimer ou modifier ton motif ? Clique dessus dans le post pour voir tous les paramètres et options du motif.

Les paramètres pour déplacer, supprimer ou modifier votre motif disposent d'une interface utilisateur simple avec des icônes sur lesquelles cliquer

Assure-toi de sélectionner Enregistrer le brouillon ou Publier en haut à droite de l’écran WordPress pour sauvegarder ton travail.

Voici les bases de l’utilisation des motifs sur ton site web. Super facile, non ? 

Quel Est L’intérêt Des Modèles WordPress ?

Les modèles semblent tout avoir. Ils peuvent dynamiser la vitesse à laquelle tu crées et construis, garantir une uniformité sans effort pour améliorer l’impression de ta marque, et offrir l’esthétique que tu as toujours voulu que ton site web ait.

Vitesse De Création

Chaque modèle dans le répertoire s’intègre parfaitement avec la plupart des thèmes modernes. Et l’implémentation des modèles est aussi simple que de glisser-déposer vos éléments préférés à leur place.

Cela signifie que tu n’as pas besoin d’être un designer WordPress ou de comprendre le développement pour créer rapidement des expériences puissantes qui mettent en valeur ta marque, boostent le SEO, et même augmentent les conversions et la fidélisation.

Cohérence Du Site Web

Passes-tu des heures à peigner méticuleusement chaque page de ton site pour changer ce bleu nuit en bleu marine à la place ?

Ouf, pas encore.

Les motifs WordPress héritent des paramètres de police, de couleur et d’espacement du thème lui-même. Pas de préréglages génériques ici !

Cela réduit considérablement la probabilité d’incohérences visuelles, que tu mettes à jour ou que tu expérimentes simplement avec l’apparence et la convivialité de ton site.

Beaux Designs

Probablement l’un des meilleurs avantages, et des plus évidents, de l’utilisation de modèles pour développer le site web de ton entreprise est qu’ils sont généralement extrêmement attrayants.

Certains modèles de page complets conçoivent pratiquement les pages de ton site web pour toi. Tout ce que tu as à faire est quelques ajustements, et tu peux avoir un site web personnalisé et conforme à ta marque, qui semble conçu professionnellement.

Un motif pleine page pour une école de clown. Les icônes vantent les avantages du motif : vitesse, cohérence, & design

Débordé ? 3 Conseils Pour Choisir Les Meilleurs Modèles

C’est une excellente chose qu’il y ait des milliers de modèles WordPress disponibles.

Cela peut également être assez déroutant de les trier et de choisir les meilleurs pour ton site web.

Alors, terminons avec quelques conseils pour t’aider à prendre des décisions plus judicieuses et plus rapides concernant les modèles.

Commencer Avec L’Accessibilité

Jusqu’à 15% de la population mondiale vit avec un handicap, c’est pourquoi un réseau de lois et d’agences dans le monde entier maintient des normes élevées en matière d’accessibilité des sites web.

Quelques conseils pour augmenter l’accessibilité incluent l’utilisation de tailles de police lisibles, la création de designs à fort contraste, la simplification de la navigation, le sous-titrage des graphiques, et l’organisation logique de la structure de votre site. Choisis des motifs qui améliorent l’accessibilité sur tout ton site — comme des motifs de texte avec une grande police ou des motifs de design à fort contraste — sans avoir à tout refaire.

Pour un guide complet, assure-toi de lire Comment concevoir un site web accessible (Un guide complet)

Décide De Ton Histoire Et De Ton Style

Quand il s’agit de concevoir un site web, la disposition et l’apparence racontent l’histoire de ta marque.

Seul toi peux raconter cette histoire avec précision. Une fois que tu l’auras bien définie, cela devrait influencer tout le reste, comme ton contenu et le style dans lequel tu le présentes.

Est-ce que minimal et simple est le bon vibe ? Ou ta marque est-elle bruyante et vibrante ? Les images occupent-elles une place centrale lors de la vente de ton produit, ou le contenu est-il essentiel pour ton offre de service ?

Une fois que tu connais les réponses à ces questions, tu peux aller droit au but et assembler une collection de modèles qui créent un site web qui raconte ton histoire.

Apprends-en plus sur la conception web avec Les 7 Éléments de Base de la Conception Web.

Cela dit, comprendre ta marque à fond ne suscite pas toujours des idées de design. Certains d’entre nous ne sont tout simplement pas des penseurs visuels.

Si c’est toi et que tu as besoin d’inspiration rapidement, ne cherche pas plus loin que notre guide des tendances du design web.

Avec un peu de direction, tu peux commencer à déceler des motifs et construire un site qui est à la fois élégant et unique.

Nous t’aiderons à décoder le répertoire des modèles WordPress

Avec cela, tu es complètement prêt à accéder au répertoire et à la bibliothèque de WordPress et à commencer à créer le design web de tes rêves.

Mais que faire si tu ne fais pas confiance à tes capacités de conception, si tu n’as pas le temps de t’en occuper alors que tu gères des commandes d’affaires à gauche et à droite (félicitations !), ou si tu ne veux tout simplement pas ?

Nous comprenons.

C’est pourquoi nos plans d’hébergement simples et abordables et nos pros du développement web, du design web et de la gestion de sites web soutiennent les propriétaires et les gestionnaires de sites dans leur mission de créer des expériences en ligne qui boostent le SEO, génèrent des conversions et sont tout simplement magnifiques.

Ad background image

Lance Ton Site Web avec DreamPress

Nos mises à jour automatiques et défenses de sécurité robustes retirent la gestion du serveur de tes mains pour que tu puisses te concentrer sur la création d’un excellent site web.

Découvre les Offres