Thèmes de blocs WordPress – Le guide complet

thèmes de blocs wordpress

WordPress a vingt ans et tout porte à croire qu’il restera là pendant de nombreuses années. Cet âge est incroyable dans le monde du logiciel. C'est comme une créature des âges préhistoriques vivant de nos jours. La domination de WordPress repose sur le souci perpétuel des utilisateurs de le maintenir à jour. Par exemple, il existe un plan complexe en quatre étapes pour moderniser WordPress . Nous en sommes actuellement à la deuxième phase de ce plan : l'édition complète du site via des blocs de contenu.

Les thèmes de blocs sont le résultat de la deuxième phase du plan, et vous les adopterez tôt ou tard. Vous feriez mieux de garder une longueur d'avance sur vos concurrents et d'en apprendre davantage sur les thèmes de blocs et sur la manière de les utiliser dès maintenant.

Une introduction aux thèmes de blocs

bloquer les thèmes

Ce serait une erreur de considérer les thèmes de blocage comme une simple mode et de les ignorer ! À l’inverse, vous pourrez utiliser des thèmes WordPress classiques pendant de nombreuses années. Dans l’ensemble, les thèmes de bloc sont l’avenir, grâce à une manière plus conviviale de créer des sites Web.

Un thème bloc est un thème WordPress entièrement composé de blocs. Vous pouvez insérer, personnaliser et supprimer des blocs sur tout le site Web : pages, articles, en-têtes, pieds de page ou barres latérales. Essentiellement, créer un site Web revient à déposer des blocs sur une toile.

Vous n'avez pas besoin d'écrire une seule ligne de code pour créer un site Web WordPress très complexe. De plus, les thèmes de blocs sont plus rapides que leurs homologues classiques. 

Les thèmes de blocs en sont à leurs débuts et, de toute évidence, il y a place à amélioration.

Thèmes classiques ou blocs

Il est bon de connaître les différences entre les thèmes classiques et les thèmes en bloc. En tant que visiteur d'un site, vous ne réaliserez pas si un site Web utilise un bloc ou un thème classique. Mais il y a de grosses différences sous le capot. Voici les principaux aspects qui différencient les thèmes de blocs.

Moins de PHP, plus de HTML

Les thèmes et plugins WordPress sont basés sur des scripts PHP pour effectuer des actions. Afficher les cinq derniers messages, ajouter un nouvel utilisateur ou insérer un widget, tout cela revient à écrire du code PHP. Les thèmes de bloc s'appuient sur HTML et utilisent les fichiers PHP uniquement comme solution de secours. Au lieu d'utiliser des conditions PHP, les paramètres de bloc autorisent des résultats différents.

Plus de widgets

Ceux qui sont dans l’espace WordPress ces dernières années ont certainement utilisé des widgets. Les thèmes de blocs remplacent les widgets par des blocs. Chaque fonctionnalité de widget peut également être réalisée avec des blocs. Les personnes qui utilisent des widgets depuis de nombreuses années peuvent hésiter à les remplacer. Cependant, les nouveaux utilisateurs apprécient la méthode unifiée de création d’agencements. 

Menu de navigation

Bien que le menu de navigation reste tout aussi important dans les thèmes de bloc et classiques, il dispose d'un bloc régulier pour créer des menus. Ne vous inquiétez pas, vous disposez d'un large éventail d'options pour personnaliser le menu de votre site.

Le personnalisateur est à son aube

personnalisateur dans le thème de bloc

En tant que webmaster, vous passez beaucoup de temps dans la section Personnalisation, peaufinant votre site Web. C'est un changement majeur d'abandonner le Customizer, mais c'est inutile pour les thèmes de bloc. Dans une certaine mesure, Site Editor est le nouveau Customizer, mais il est plus simple et plus rapide à utiliser. 

Éditeur du site

Les fonctionnalités ci-dessus ont-elles éveillé votre intérêt ? Se salir les mains avec les thèmes de blocs est simple. Installez votre thème de bloc WordPress préféré. Choisissez l'une de nos recommandations si vous n'avez pas de favoris. Installez et activez le thème, puis accédez à Apparence > Éditeur (bêta) depuis votre tableau de bord d'administration.

Apparence > Éditeur (bêta) depuis votre tableau de bord d'administration

En fonction de votre thème, vous disposez de quelques modèles à personnaliser. Par exemple, le thème WordPress par défaut Twenty Twenty-Three propose les modèles suivants :

  • Recherche
  • Célibataire
  • Vide
  • Indice
  • Archive
  • 404
  • Blogue
  • Accueil
  • Page.

Votre thème peut avoir des modèles légèrement différents, mais les noms sont généralement explicites. Maintenant, accédez à l’un de ces modèles et démarrez le processus de personnalisation. À partir de là, vous insérez des motifs et des blocs sur le modèle.

modèles dans les thèmes de blocs

Les modèles sont des composants du site tels que des boutons, des en-têtes, des colonnes ou du texte. En pratique, ce sont des groupes de blocs ayant un objectif fonctionnel. Les blocs sont des constructions de conception simples typiques des sites Web WordPress.

blocs dans le thème wordpress

Le paragraphe, le titre, le tableau, la galerie, l'image, les boutons, le HTML personnalisé, le nuage de tags ou la recherche sont quelques-uns des blocs les plus courants. Faites-les glisser sur votre mise en page, personnalisez-les et votre page est prête à briller. 

Styles globaux

La faible barrière d’entrée des thèmes de bloc présente un inconvénient inattendu. N’importe qui peut créer un site Web. Mais ces sites Internet répondent-ils aux règles du bon design ?

Par exemple, les créateurs de sites Web inexpérimentés manquent de cohérence. Par conséquent, il y a de fortes chances que l’ajout de différents blocs sur un canevas entraîne une disposition incohérente. Heureusement, les styles globaux résolvent ce problème et aident les utilisateurs à créer des mises en page attrayantes et cohérentes.

Accédez à votre tableau de bord d'administration WordPress et accédez à l'éditeur ( Apparence > Editeur ). Dans le coin supérieur droit, vous verrez l'icône des styles globaux à côté du Enregistrer et Paramètres .

tableau de bord d'administration -> Apparence -> Éditeur

Vous pouvez sélectionner les styles de thème et configurer les couleurs, les polices et les mises en page. Les styles globaux assurent la cohérence, mais ceux-ci sont écrasés par les paramètres de bloc. Par exemple, vous choisissez la police Roboto pour les titres H2 dans les styles globaux. Pourtant, vous pouvez facilement modifier la police du titre de votre choix en insérant un bloc de titre et en configurant une nouvelle police.

Dans la même section, vous pouvez personnaliser les blocs. Cliquez sur le bouton déroulant « Blocs » et sélectionnez le bloc à personnaliser. Ensuite, vous pouvez styliser le bloc, revenir à la liste des blocs et sélectionner un autre bloc, et ainsi de suite.

L'éditeur de site en est encore à ses débuts et peut présenter des bugs ou manquer certaines fonctionnalités utiles. Actuellement, les développeurs WordPress testent le terrain avec des thèmes de base. Il existe de nombreux débats brûlants, controverses et incertitudes à cet égard. Ce qui est acceptable et fiable aujourd’hui pourrait être inutile demain. Cependant, vous devez garder à l’esprit que les thèmes de blocs WordPress sont l’avenir ! Par conséquent, vous feriez mieux de commencer à préparer l’avenir avant vos concurrents.

10 thèmes de blocs WordPress sympas pour votre prochain site Web

Tôt ou tard, vous utiliserez certainement des thèmes de bloc WordPress pour vos sites Web. Gardez à l’esprit qu’ils sont dans la version bêta, il y a donc de sérieuses possibilités d’amélioration. Il est possible de rencontrer plus de bugs que d’habitude, mais c’est la norme pour les premiers utilisateurs. La création de sites Web via des blocs n’en est qu’à ses débuts. Les choses s’améliorent rapidement grâce à une communauté active désireuse d’améliorer WordPress. 

Site Editor est le terme le plus récent pour décrire le processus de création de sites Web WordPress avec des blocs. Ce n'est pas grave si vous êtes plus familier avec l'édition complète du site : les termes sont des synonymes.

Dans l’ensemble, Site Editor est le choix préféré des passionnés de WordPress car il est plus suggestif pour les utilisateurs occasionnels. Installez un thème de bloc pour explorer l'éditeur de site. Vous ne savez pas quel thème de bloc choisir ? Voici dix excellents thèmes de blocs WordPress à essayer !

Vingt vingt-deux

Vingt-vingt-deux-thème-bloc-WordPress

Twenty-Twenty-Two est le premier thème de bloc WordPress officiel et il a été installé plus d'un million de fois. Il a été lancé simultanément avec WordPress 5.9 et constitue un thème assez simple. Utilisez-le en toute confiance pour vos sites Web. C'est le thème idéal pour apprendre à concevoir des sites Web avec des blocs. Vingt

Twenty-Two est la meilleure solution si vous débutez avec Site Editor en raison de sa simplicité. Le thème se charge extrêmement rapidement grâce à sa conception simple et à son format de bloc. Il a donc un avantage concurrentiel par rapport aux thèmes WordPress standards.

Base de bloc

Blockbase-block-thème

Automattic, la société derrière WordPress.com, WooCommerce, Jetpack et Tumblr, connaît une chose ou deux sur WordPress. Tout thème publié par Automattic devrait être sur votre radar. Blockbase est le concept d'Automattic d'un thème basé sur des blocs.

Semblable à Twenty Twenty-Two, ce thème est livré avec des fonctionnalités de base. Les amateurs de minimalisme apprécient son design. Pourtant, vous disposez de nombreux blocs pour ajouter des éléments à la mise en page.

Le thème est livré avec des modèles de base tels que Index, Page, Single, Footer Only, Footer and Header, Search, Archive et 404. De plus, il comporte quelques éléments de modèle simples tels que le pied de page, l'en-tête, l'en-tête centré, le post- méta, ou post-méta-icônes. 

Wabi

Thèmes de blocs Wabi-minimalistes

Wabi est un thème destiné aux conteurs qui souhaitent transmettre un message authentique. Il s'agit d'une solution pour les blogs et les magazines d'actualité qui met l'accent sur la qualité et l'expressivité. Utilisez-le à des fins artistiques plutôt que commerciales.

Commencez à créer votre site Web en consultant les modèles Wabi. Ensuite, personnalisez-les en fonction de votre style. N'oubliez pas de regarder les parties du modèle et éventuellement de les insérer dans les pages de votre site. Ajoutez des blocs dans la mise en page et testez tous leurs paramètres pour trouver les résultats souhaités. C'est un travail simple et agréable, mais qui demande du temps et de la patience.

Bloquer la presse

Thème Blockpress-WordPress

Blockpress est l'un des thèmes de blocs WordPress les plus complexes. Malgré cela, même les utilisateurs les moins expérimentés apprécieront son utilisation. Le thème fonctionne pour un large éventail d’objectifs, des blogs au commerce électronique.

Selon les développeurs du thème, Blockpress utilise le chargement conditionnel des actifs qui réduit considérablement la taille du fichier de style. En termes simples, le thème charge strictement ce que vous demandez. Dans ce contexte, le thème se charge à une vitesse fulgurante malgré sa complexité.

Un autre avantage de Blockpress est le contrôle global de la typographie et les options dynamiques telles que l'activation d'un préchargeur ou d'une barre de progression sur les publications. 

Attraper FSE

Thème Catch-FSE

Il s’agit d’un autre thème WordPress basé sur des blocs qui répond à une grande variété d’objectifs. Il impressionne par le nombre étendu de modèles. En plus des modèles standard tels que Index, Archive, Page, Single et 404, il est livré avec quelques éléments distincts tels que :

  • Produit d'archive
  • Page de blog (barre latérale à gauche)
  • Page de blog (barre latérale à droite)
  • Page unique (pas de barre latérale pleine largeur)
  • Page unique (barre latérale à droite)
  • Message unique (pas de barre latérale pleine largeur)
  • Message unique (barre latérale à droite)
  • Produit unique.

Vous disposez de tout ce dont vous avez besoin pour créer un site Web exceptionnel, mais vous pouvez également acheter le plugin FSE Pro pour étendre les fonctionnalités du thème.  

Ona

Thème de bloc Ona-WordPress

Ona est disponible en téléchargement gratuit à la fois sur le référentiel WordPress et sur le site Web des développeurs, DeoThemes. La version premium du thème, Ona Pro, est livrée avec le support WooCommerce et quelques modèles et modèles supplémentaires. Dans l’ensemble, même la version gratuite propose d’excellents modèles et modèles pour concevoir un beau site Web.

Créez votre site Web soit avec un modèle, soit en partant de zéro et en ajoutant des blocs. Ceux qui disposent d'un abonnement premium ont accès à des modèles professionnels adaptés à de multiples usages, notamment café, mode, boutique en ligne, santé, magazine et agence. Cela prouve qu’Ona est un véritable thème de bloc WordPress polyvalent.

BlockMag 

BlockMag-WordPress

Vous devez faire tout votre possible pour augmenter la vitesse de chargement si vous gérez un blog ou un magazine d'actualité. La concurrence est rude dans ce secteur et les lecteurs ont des attentes élevées. Habituellement, les thèmes de blocs WordPress sont plus rapides mais incluent moins de fonctionnalités. Ce n'est pas le cas de BlockMag qui est à la fois riche en fonctionnalités et à chargement rapide. Le thème dispose également d'une version premium qui contient plus de modèles et de modèles.

Vous serez impressionné par le nombre et la qualité des modèles. Construire votre site Web est une activité agréable avec BlockMag car vous avez un contrôle total sur chaque pixel de chaque page Web.

Gel

Thème Frost-block

Frost est un thème de bloc géré par WPEngine, l'une des sociétés d'hébergement WordPress les plus connues. Par conséquent, la qualité du code et la fiabilité du thème sont hors de question, alors téléchargez-le et utilisez-le librement pour votre projet. Consultez les sections modèles et guide de style du site Web Frost si vous êtes totalement nouveau sur ce thème. Ils montrent comment utiliser Frost de manière simple et concise. Les modèles sont superbes et vous disposez de tous les ingrédients nécessaires pour un site Web de qualité.

GénérerPresse

Thème de bloc WordPress GeneratePress

GeneratePress se distingue en étant compatible avec les constructeurs de pages comme Beaver Builder et Elementor. De plus, c’est l’un des thèmes de blocs WordPress les plus riches en fonctionnalités du marché.

Pensez à utiliser la version gratuite du thème pour tester son potentiel. Achetez la version premium si vous êtes satisfait de la version gratuite, mais souhaitez plus de modèles. La bibliothèque du site comprend des dizaines de modèles conçus par des professionnels qui relèvent des catégories entreprise, commerce électronique et blog.

Bien que ce ne soit pas une raison en soi pour utiliser ce thème, il est remarquable que la version gratuite du référentiel WordPress compte 500 000 installations actives et une note parfaite : 5 étoiles sur 5.

Briques

Thème de bloc WordPress Bricsky

Si vous souhaitez que votre site Web exprime la positivité et le bonheur, vous devriez opter pour Bricksy. Il s'agit d'un thème de bloc simple qui fonctionne pour les projets axés sur les visuels. Le mariage, les voyages et le développement personnel ne sont que quelques domaines adaptés à Bricksy.

Grâce à sa structure en blocs, la personnalisation du thème consiste simplement à glisser-déposer des éléments sur le canevas. Comme la majorité des thèmes de blocs WordPress, il dispose d’une version pro avec des fonctionnalités étendues.

À vous de jouer

L'éditeur de site en est à ses débuts et sera certainement amélioré au fil du temps. Il en va de même pour les thèmes de blocs WordPress : ils seront améliorés avec le temps. Cependant, les thèmes ci-dessus semblent prometteurs et méritent votre attention. Être un des premiers à adopter n'est pas facile, mais cela peut vous donner un avantage précieux par rapport à vos concurrents. Par conséquent, faites attention aux thèmes de blocage et utilisez-les éventuellement dans vos projets.

Commentaires

Laisser un commentaire

Votre adresse email ne sera pas publiée. Les champs obligatoires sont marqués *

Anglais