Comment Passer D’un Thème Classique À Des Thèmes De Blocs WordPress

Si tu es fan de Legos, alors tu adoreras les thèmes en blocs WordPress.

À partir de la version 5.9, WordPress offre un support complet pour les thèmes en blocs. Cela a été un changement majeur pour la plupart des sites, qui étaient construits sur ce qui est maintenant connu sous le nom de thèmes « classiques ».

Mais changer d’un thème classique à un thème basé sur des blocs nécessite un peu de travail.

Dans cet article, nous t’expliquerons comment ils fonctionnent et quelles étapes tu peux suivre pour passer de l’ancien style au nouveau.

Ce ne sera pas aussi amusant que d’assembler une Étoile de la Mort de collection de 2005 avec 3,441 pièces. Mais nous ferons de notre mieux.

Qu’est-ce qu’un thème de blocs WordPress ?

Les thèmes par blocs permettent aux utilisateurs et aux administrateurs de sites web de personnaliser la mise en page de leurs pages et contenus en utilisant des blocs de contenu éditables et réutilisables.

Initialement connu sous le nom de “édition complète du site” (FSE) ou “édition du site”, ces thèmes ajoutent une fonctionnalité modulaire basée sur des blocs aux mises en page et aux modèles de votre thème. De manière similaire à la façon dont l’éditeur Gutenberg a introduit des blocs et des modèles de blocs qui peuvent être utilisés dans vos pages et le contenu de vos articles.

Mais maintenant, tu peux personnaliser la disposition et le contenu de ton site entier (y compris les modèles de pages et les modèles personnalisés) en utilisant des blocs visuels de style glisser-déposer.

Ces nouvelles fonctionnalités d’édition visuelle rendent extrêmement facile la construction de nouvelles structures de page ou la personnalisation du contenu de n’importe quelle page au-delà de ce qui est juste à l’intérieur du corps de la page.

Cela signifie que tu n’auras pas besoin de compter sur des développeurs pour personnaliser tes fichiers de thème ou créer des modèles personnalisés pour ajouter autre chose que des mots et des images à ton contenu. Au lieu de cela, tu peux personnaliser le contenu en utilisant l’éditeur.

Des blocs individuels peuvent être créés et conçus pour s’intégrer dans une mise en page réactive et correspondre à la couleur et à la typographie de ton site web.

De plus, tu peux créer et utiliser des modèles de blocs partageables. Ce sont des blocs préfabriqués créés par des individus, des entreprises et des développeurs WordPress.

Ensemble, les thèmes par blocs transforment WordPress en un système plus modulaire et flexible. Il émule une grande partie de la fonctionnalité des autres créateurs de sites de style glisser-déposer rendus populaires par des entreprises comme Squarespace et Wix.

Les thèmes construits sur le Framework de blocs viennent généralement avec des blocs personnalisés préconstruits qui correspondent au design et au style du site web. Tu peux ensuite utiliser ces blocs dans ton site où tu en as besoin.

Thèmes par Blocs Vs. Thèmes Classiques

Les thèmes classiques de WordPress étaient conçus pour créer un style et un design cohérents.

La plupart des zones du site étaient modifiables uniquement en personnalisant le thème ou en modifiant directement les fichiers de modèle PHP pour ajouter des fonctionnalités spécifiques au site web.

Ensuite, la plupart des sites disposaient de quelques modèles standards pour chaque type de contenu. Par exemple, un modèle de page et un modèle de publication. Les éditeurs de blocs ont généralement toujours cette même structure de thème, mais tu peux très facilement créer des variations ou personnaliser chaque modèle en utilisant l’éditeur.

Avec l’éditeur de blocs, tu as plus de contrôle sur les différentes parties de chaque page ou article, et tu peux créer de nouveaux modèles à la volée.

Par exemple, tu peux ajouter un bloc avec des icônes sociales ou une galerie d’images à tes modèles de page pour qu’ils apparaissent sur chaque page de ton site web ou les ajouter à un seul article.

Il y a aussi un éditeur de style qui te permet d’ajuster les paramètres du bloc et de personnaliser les éléments visuels comme la palette de couleurs et la mise en page. Tu n’as même pas besoin de modifier le CSS.

En plus de la flexibilité et du contrôle accrus, les thèmes par blocs offrent de nombreux avantages.

Éliminez les Shortcodes et la Modification du Code HTML

Avec les thèmes classiques, de nombreux utilisateurs de WordPress ont adopté des méthodes personnalisées pour ajouter des fonctionnalités ou modifier la disposition et le design de leurs articles de blog et pages.

Les codes courts et les extraits HTML personnalisés étaient souvent utilisés pour remplacer ou injecter de nouvelles fonctionnalités qui n’étaient pas incluses dans le thème du site web.

Par exemple, tu as peut-être copié et collé un long extrait de code dans chaque publication pour ajouter un appel à l’action ou insérer un formulaire d’inscription.

Maintenant, tu peux simplement créer un motif synchronisé (bloc réutilisable) pour ce contenu. Ensuite, crée un modèle de publication personnalisé pour chaque appel à l’action pertinent. Finalement, sélectionne juste le modèle de publication pour chaque post afin que l’appel à l’action apparaisse.

Débloquez Les Éléments Natifs Du Créateur De Pages

Pour de nombreux utilisateurs, un thème basé sur des blocs éliminera le besoin de plugins de création de pages qui sont devenus populaires dans la communauté WordPress.

Ces plugins ont servi de solution temporaire pour les utilisateurs qui souhaitaient un système modulaire et basé sur des blocs pour construire leur site web avant qu’il ne soit disponible pour la plupart des thèmes WordPress.

Ces thèmes sont, bien sûr, toujours populaires. Divi, Elementor, Gutenify et d’autres ont été des pionniers dans ce domaine, mais maintenant tu n’as plus besoin d’utiliser ces thèmes spécifiques pour débloquer les capacités de construction de site modulaire.

Améliore La Performance Du Site

Un autre grand avantage du passage aux thèmes en blocs est l’amélioration de la vitesse de chargement des pages et de la performance du site.

De nombreux sites dépendaient de plugins tiers ou de copier-coller de morceaux de code pour obtenir la fonctionnalité et le design désirés pour leurs pages. Cela conduit souvent à l’ajout de scripts supplémentaires et de mise en forme sur les pages. Chacune de ces ressources prend du temps à charger et ralentit votre site web.

Donc, en passant d’un thème classique à un thème par blocs, de nombreux sites pourront retirer ces pièces supplémentaires. Cela simplifiera le code sur la page et devrait améliorer la vitesse de chargement et la performance de la page.

Ce qui, à son tour, peut booster le SEO, améliorer l’engagement et augmenter les conversions.

Réduire Les Conflits, Les Mises À Jour Et Les Vulnérabilités

Avec moins de dépendance aux plugins tiers, tu rencontreras également moins de conflits ou de mises à jour nécessaires pour ton site WordPress.

Au fur et à mesure que les sites deviennent plus complexes, les plugins supplémentaires utilisés peuvent souvent entrer en conflit les uns avec les autres. Cela peut créer des problèmes qui cassent le site, comme le tristement célèbre Écran Blanc de la Mort. Et mettre à jour des plugins peut sembler être un véritable coup de dé. (« Est-ce que ce sera celui qui va casser mon site ?! »)

Peut-être encore plus important, une moindre dépendance aux Plugins/plugin tiers rendra également ton site web plus sécurisé. Ces outils peuvent souvent introduire des vulnérabilités ou des exploits dans ton code. (Surtout si tu évites de les mettre à jour parce que tu as peur de casser quelque chose d’important.)

Devrais-Tu Passer À Un Thème Par Blocs ?

Avec tous ces avantages en tête, il semble évident que, dans la plupart des cas, passer à un thème par blocs est une décision judicieuse.

La plupart des entreprises et des sites web devraient envisager de passer d’un thème classique à un thème par blocs.

Il introduit de nombreuses améliorations de la qualité de vie qui facilitent la gestion de ton site web et de ton contenu, et permettent à ton équipe de travailler plus efficacement et de personnaliser le contenu sans temps de développement dédié en utilisant des capacités de modification sans code.

Et c’est une étape précieuse pour améliorer la performance et la sécurité de ton site web.

Quand ne devrais-tu pas changer ?

En bref : Si tu n’as pas le temps et les ressources pour te consacrer à ce changement. Modifier ton thème WordPress, surtout s’il est personnalisé ou fortement personnalisé, nécessite beaucoup de travail.

Tout en conservant ton contenu, tes médias et autres actifs intacts, le design général de ton site web changera pour correspondre au nouveau thème.

Si tu souhaites conserver l’apparence de ton thème actuel ou désires un look complètement différent, tu devras ajuster le design en conséquence.

Sur le côté positif : Faire ces modifications sera plus facile car ton nouveau thème sera basé sur des blocs et te permettra de modifier la plupart des mises en page, éléments, couleurs et styles du thème sans avoir à modifier le code.

Regardons le processus.

Comment Passer À Un Thème WP Block

Étape 1 : Sauvegarde Ton Site Web

Chaque fois que tu fais des mises à jour majeures sur ton site web, crée une sauvegarde.

C’est tellement important, nous allons le répéter.

Crée une sauvegarde. (Sérieusement.)

Si tu utilises un service d’hébergement WordPress géré, tu devrais disposer d’options de sauvegarde automatique et manuelle.

Si tu n’es pas, envisage d’utiliser un plugin WordPress comme BlogVault, UpdraftPlus, ou Jetpack Backup pour sauvegarder tous les fichiers et contenus de ton site.

Ainsi, si quelque chose tourne mal, tu auras un moyen de restaurer ton site web.

Étape 2 : Évalue Ton Site Web

La prochaine chose que nous devons faire est de comprendre ce qui se passera lorsque tu feras le changement.

Changer ton thème a généralement deux effets immédiats :

1. La disposition globale, les couleurs et les styles de ton site web vont changer.
2. Tu perdras tout code personnalisé ou modifications qui sont ajoutés directement dans les fichiers ou modèles de ton ancien thème.

Au-delà de cela, ton contenu et tout ce qui a été ajouté au corps de tes articles et pages devraient rester identiques.

Par exemple, si tu utilises un thème classique et que tu as personnalisé la disposition de l’en-tête de ton site, ces modifications ne seront pas conservées.

Alors, que devrais-tu faire ?

Parcours toutes les pages de ton site web (ou du moins tous les modèles uniques).

Cherche tout contenu personnalisé, widgets, bannières, graphiques, etc., qui ont été ajoutés aux fichiers du thème. Ceux-ci apparaîtront généralement dans les sections « statiques » comme ton en-tête, barre latérale ou pied de page.

Prends note de chaque instance que tu trouves. Il est possible de rajouter ce contenu à ton site après avoir fait le changement.

Et ne t’inquiète pas. Même si tu manques quelque chose, tu peux généralement revenir à ton ancien thème pour voir ce qui apparaissait et ce qui manque maintenant sur ton nouveau site.

Étape 3 : Choisis Un Thème

Maintenant, il est temps de choisir ton thème.

Quel est le résultat que tu souhaites obtenir ?

Veux-tu un thème qui ressemble étroitement au design de ton site web existant ? Ou quelque chose de radicalement différent ? Un tout nouveau look.

Peu importe la direction, tu peux commencer par parcourir les thèmes disponibles dans l’annuaire des thèmes WordPress. (Clique sur « Thèmes de blocs » pour filtrer.)

Tu peux également consulter notre liste des 27 meilleurs thèmes de bloc.

Garde juste à l’esprit que les options de personnalisation sont presque illimitées avec tous les thèmes de blocs. C’est comme lorsque tu cherches un appartement ou une maison. Ne t’attarde pas sur la peinture des murs. Tu peux toujours repeindre. Bien que tu veuilles toujours chercher des thèmes qui sont proches de tes préférences générales de style et de design, tu pourras modifier le thème pour qu’il réponde à tes besoins.

Par exemple, si tu préfères un design minimaliste, tu pourrais commencer par un thème simple. Une autre option est de modifier un thème complexe pour en retirer une partie du contenu.

Enfin, regarde les blocs préconçus inclus dans les thèmes.

De nombreux thèmes incluront des styles de blocs personnalisés qui ont déjà été construits et qui sont disponibles en tant qu’options une fois que tu actives. Cela peut représenter un grand gain de temps par rapport à la création manuelle de blocs supplémentaires après l’installation du nouveau thème.

Explore la section « Patterns » du thème pour voir comment ces blocs sont utilisés pour créer des sections personnalisées. De nombreux thèmes incluront des exemples de motifs pour les en-têtes, des motifs pour les pieds de page, et d’autres sections ou composants pertinents que tu souhaiteras peut-être utiliser sur ton site web.

Étape 4 : Installer Et Activer Le Thème

Une fois que tu as choisi un thème, il est temps de l’installer.

Tu peux télécharger le fichier zip du thème de bloc localement puis le télécharger. Ou, si le thème se trouve dans l’annuaire WordPress, tu peux l’installer depuis ton Admin WP.

Pour ce faire, rends-toi dans Apparence > Thèmes, et clique sur le bouton « Ajouter Nouveau ».

Ensuite, tape le nom du thème dans la zone de recherche. Trouve le thème que tu souhaites installer et passe ta souris dessus. Clique sur « Installer ».

Maintenant ton nouveau thème est installé !

Retourne à ta page de Thèmes et trouve le thème. Tu peux l’activer immédiatement en cliquant sur « Activer ».

Note De Nerd : Si tu n’es toujours pas sûr de l’apparence de ton site web avec le nouveau thème, utilise l’option « Aperçu en Direct » pour voir à quoi cela ressemblera. Ou, encore mieux, installe le thème et suis les étapes suivantes sur une version préparatoire de ton site web. De cette manière, les modifications ne seront pas en direct pendant que tu mets à jour et personnalises ton site.

Étape 5 : Personnalise Le Plan Et Le Design

Une fois que tu as activé le thème, ton site web aura (probablement) un aspect différent de celui d’avant.

C’est maintenant ton moment de personnaliser l’apparence avec la configuration de ton thème. Tu peux recréer le design précédent que tu utilisais pour ton site, ou tu peux le diriger dans une toute nouvelle direction.

De toute façon, tu peux utiliser la fonctionnalité de bloc de site complet pour personnaliser en quelques clics.

Normalement, si ton thème peut utiliser l’Éditeur de site, il affichera un nouveau message sur la page customize.php, indiquant : « Hourra ! Ton thème prend en charge la modification de site avec des blocs ! Dis-m’en plus. Utiliser l’Éditeur de site. »

Si tu ne vois pas ce message pour une raison quelconque, depuis la page des Themes, clique sur « Customize » sur ton nouveau thème.

Tu verras maintenant l’écran de l’éditeur. D’ici, tu peux plonger dans et modifier n’importe quelle page ou publication spécifique sur ton site. Tu peux également modifier et créer de nouveaux modèles ou motifs.

Voici où tu voudras passer la majeure partie de ton temps. Selon tes objectifs pour le nouveau thème, tu pourrais vouloir passer en revue chaque modèle et motif par défaut pour personnaliser le contenu et la mise en page.

En plus de modifier la disposition et les blocs sur ton site, tu peux également utiliser les options d’édition pour personnaliser tes paramètres de style.

Sous les paramètres de « Bloc », tu devrais voir plusieurs options de style. Ici, tu peux ajuster les éléments de design tels que la taille de la police, l’alignement, l’espacement et les schémas de couleurs.

Tu peux aussi ajouter des classes CSS personnalisées pour chaque élément sous Avancé.

Étape 6 : Vérifier S’il Y A Des Plugins Ou Widgets Défectueux

Tous les plugins, widgets ou personnalisations ne fonctionneront pas avec les thèmes à blocs.

Si ton site utilisait un certain nombre de plugins et de widgets (que tu aurais dû identifier à l’étape 2), alors tu pourrais avoir besoin de faire quelques ajustements sur le backend.

Les plugins de blocs sont compatibles avec les thèmes de blocs, mais certains plus anciens peuvent ne pas fonctionner.

Disons que tu souhaites ajouter un widget social que tu utilisais avec ton ancien thème. Si tu ne vois pas l’option pour ajouter ce widget spécifique depuis l’éditeur de blocs, alors tu dois probablement trouver un nouveau plugin qui est pris en charge.

Trouve Le Thème De Bloc Parfait Pour Ton Site Web

Maintenant que tu connais les étapes, c’est le moment de s’amuser.

Trouver le thème de bloc approprié pour ton site web, que ce soit un blog personnel, un site d’entreprise ou une plateforme médiatique, peut être excitant, avec tant d’options formidables disponibles.

Certains de nos thèmes de blocs populaires favoris :

1. Twenty Twenty-Trois
2. GeneratePress
3. Blockbase
4. SeedProd
5. Divi

Avec le thème approprié, tu es bien parti pour devenir un maître des blocs WordPress, DreamHost peut t’aider !

Bonne construction !