Un thème de bloc WordPress pour développeurs, basé sur theme.json
Canvas est un thème WordPress accompagné d’une extension compagnon, et c’est un thème par blocs jusqu’au bout. Les modèles sont des modèles de blocs, les styles proviennent de theme.json, et le contenu que l’éditeur enregistre dans la base de données est le même balisage de blocs que lit n’importe quel autre thème par blocs. Rien ici ne dépend d’un constructeur de pages.
Mis à jour le
Un thème de blocs, modifiable là où WordPress le conserve
Le thème contient les modèles, les parties de modèle et les variations de style ; l'extension contient la bibliothèque de blocs, les constructeurs, les formulaires, les couches SEO et performance, ainsi que l'importateur de démos. Les modèles et les styles globaux restent dans l'éditeur de site, de sorte que rien du site n'est caché dans un panneau de réglages qui nous appartient.
- 173 modèles de bloc et 5 parties de modèle, tous modifiables dans l'Éditeur de site
- 4 variantes de style, y compris les variantes sombre et minuit, à basculer dans l'Éditeur de site
- Les couleurs et la typographie passent par theme.json, si bien que l'éditeur affiche la même typographie que le front-end
- 183 motifs de blocs, insérés sous forme de copie unique du balisage
- Une page s'ouvre avec son modèle complet affiché autour du contenu que vous êtes en train de modifier
Ce qui finit dans la base de données, c'est du balisage de blocs
La raison de préférer un thème basé sur les blocs ne tient pas à une liste de fonctionnalités. C'est ce qu'il vous reste entre les mains au bout de cinq ans.
Aucun format propriétaire
Canvas modifie les blocs WordPress standard, sans format propre, de sorte que les articles et les pages conservent leur contenu si le thème change un jour. Il n'y a ni shortcodes à mémoriser ni vue du code à ouvrir.
Des réglages, pas des extraits de code
Tout ce que voit un visiteur est accessible depuis le panneau de réglages d'un bloc. Lorsqu'une démo avait besoin de quelque chose qu'un bloc ne pouvait pas exprimer, le bloc a reçu ce réglage, et la page n'a jamais reçu de HTML brut.
Panneau avancé sur chaque bloc
L'animation, les conditions d'affichage, les classes personnalisées, les attributs personnalisés et le CSS personnalisé par bloc sont ajoutés à chaque bloc de l'éditeur, blocs de base et blocs tiers inclus.
Les ressources suivent la page
Une page ne charge que le CSS et le JavaScript des blocs qu'elle contient, de sorte qu'une page de tarifs ne charge jamais le script du slider. 35 autres optimisations se règlent au moyen de simples commutateurs, sans extension à installer.
Vous venez d'un autre thème ? Elementor et Divi construisent les pages dans leurs propres éditeurs, donc la mise en page disparaît avec le constructeur : voir ce qu'un site Elementor conserve lors d'un changement et comment Divi Builder se compare. Kadence et GeneratePress construisent eux aussi dans l'éditeur de blocs, leurs blocs étant fournis par des extensions gratuites (Canvas face à Kadence, Canvas face à GeneratePress), et Blocksy conserve son constructeur d'en-tête dans le personnalisateur.
Les constructeurs d'en-tête et de pied de page s'affichent sous forme de parties de modèle
Les en-têtes, pieds de page, barres supérieures, méga menus, panneaux latéraux et titres de page sont des enregistrements construits à partir de blocs, et ils atteignent l'interface publique via les parties de modèle propres au thème. La partie en-tête affiche l'en-tête attribué à la page ; la partie pied de page affiche le pied de page attribué. Cela permet à l'Éditeur de site de les voir et garde les réglages des blocs identiques partout ailleurs.
- 22 blocs d'en-tête et 94 options d'en-tête qui alimentent le constructeur
- Attribuez un en-tête globalement ou remplacez-le sur une seule page, et faites de même pour les pieds de page, les barres supérieures, les méga menus, les panneaux latéraux et les titres de page
- Les Hero et les sliders sont aussi des enregistrements, placés par un bloc d'emplacement présent dans le modèle
- Les deux blocs d'emplacement s'affichent dans la zone d'édition, si bien qu'une page s'ouvre sur la section que verra le visiteur
24 blocs de boutique et 18 modèles de boutique
WooCommerce est facultatif et, lorsqu'il est installé, il est pris en charge par des blocs et des modèles, sans substitutions de modèles à synchroniser.
Blocs de boutique
Blocs pour la page produit, la grille de la boutique, le panier et la commande, ainsi que des pastilles de couleur et l’ajout au panier sans rechargement de la page.
Modèles de boutique
Modèles pour les écrans de boutique, de produit, de panier, de paiement et de compte, modifiables dans l'Éditeur de site comme tout autre modèle.
Démos de boutique
Sur les 88 démos de sites, 21 s'importent sous forme de boutiques complètes, avec produits, catégories, attributs et tunnel de commande déjà en place.
Deux des 21 démos de boutique, qui fonctionnent avec les blocs et modèles de boutique.
L'assistant de configuration crée un thème enfant, si vous le souhaitez
Créez le thème enfant uniquement si vous prévoyez de modifier directement les fichiers de modèles de Canvas, car c’est ce qui met ces modifications à l’abri d’une mise à jour. L’assistant de configuration le propose à une étape distincte, avant l’import de la démo, l’écrit dans votre dossier de thèmes et l’active, et votre site garde le même aspect ensuite. La plupart des sites n’en ont jamais besoin, car les raisons habituelles se règlent désormais dans les réglages.
- CSS personnalisé pour l'ensemble du site, ainsi que JavaScript personnalisé pour l'en-tête et le pied de page, dans la section Divers des Options du thème
- CSS personnalisé par bloc, écrit sous forme de paires propriété-valeur sans sélecteur autour
- Attributs personnalisés par bloc, un par ligne sous forme de clé et valeur, acceptant les attributs data et aria
- Règles de typographie personnalisées pour tout sélecteur de votre choix, dans la section Typographie
- Enregistrez votre propre pack d'icônes via la même interface que celle utilisée par les 4 packs intégrés
- Exporter une configuration complète des Options du thème dans un fichier, puis l'importer dans le site suivant
Ce dont Canvas a besoin et ce qu'il fait lors de son installation
Les seuils minimums sont réels, pas indicatifs. Canvas vérifie lui-même ces seuils auprès de votre hébergeur, afin qu'un import échoué ne vous surprenne jamais.
- Canvas Core n'est jamais un téléchargement séparé : il s'installe depuis WordPress une fois la licence activée, de sorte qu'il n'y a aucune correspondance de versions à gérer
- Les mises à jour apparaissent sur l'écran des mises à jour de WordPress, avec mode de maintenance, sauvegarde temporaire et restauration depuis WordPress lui-même
- Les mises à jour automatiques ne couvrent que les versions correctives, sont activées par défaut avec un interrupteur pour les désactiver, et une version qui modifie un modèle que vous avez personnalisé le signale
- Un écran Health Check compare les exigences du serveur à votre hébergement réel et signale les points à traiter, et les mêmes contrôles apparaissent dans l'écran Santé du site de WordPress
- Chaque chaîne est traduisible, avec des modèles de traduction pour le thème et l'extension régénérés à chaque version, et un fichier de configuration WPML dans l'extension
- Le SEO technique, un plan du site XML et 16 types de schémas sont générés à partir de votre contenu au moment du rendu
388 articles de documentation, générés à partir du code livré
Les questions techniques, avec leurs réponses
Cinq points qu'un développeur vérifie avant de s'engager sur un projet, dont celui que Canvas ne couvre pas.
Canvas est-il un thème de blocs ou un thème à constructeur de pages ?
Canvas est un thème WordPress entièrement composé de blocs, ce que WordPress appelle un thème de blocs. Les modèles sont des modèles de blocs WordPress, les parties de modèle sont des parties de modèle, les couleurs et la typographie passent par theme.json, et tout se modifie dans l'éditeur de blocs et l'Éditeur de site fournis avec WordPress. Aucun constructeur distinct à installer, aucun second éditeur à apprendre et aucun abonnement à un constructeur à renouveler.
Que devient le balisage si le site change de thème plus tard ?
Il reste un balisage standard des blocs WordPress, car c’est ce que Canvas enregistre. Un bloc Canvas qu’un autre thème ne reconnaît pas cesse d’afficher son design, mais les titres, paragraphes, images et listes sont des blocs natifs et se lisent normalement partout. Rien n’est stocké sous forme de shortcode ni dans un format de mise en page propriétaire.
Où les en-têtes et pieds de page s'affichent-ils réellement ?
Via les parties de modèle enregistrées par Canvas, au nombre de 5 : En-tête, Pied de page, Titre de page, Barre latérale et Barre latérale alt. La partie En-tête affiche l'enregistrement d'en-tête attribué à la page, la partie Pied de page affiche l'enregistrement de pied de page attribué, et la partie Titre de page affiche le résultat des réglages de titre de page de la page. Ces parties constituent l'infrastructure ; la conception est l'enregistrement que vous créez à partir de 22 blocs d'en-tête.
Ai-je besoin d'un thème enfant ?
Uniquement si vous comptez modifier directement les fichiers de modèle de Canvas, ce qu'un thème enfant protège des mises à jour. L'assistant de configuration en crée un pour vous à son étape facultative « Thème enfant » et bascule le site dessus, ou vous pouvez copier vous-même le dossier du thème enfant livré avec Canvas dans votre dossier des thèmes. La plupart des sites n'en ont jamais besoin : les Options du thème gèrent les réglages à l'échelle du site, le CSS personnalisé et les attributs personnalisés propres à chaque bloc couvrent le niveau des blocs, et les champs CSS et JavaScript personnalisés à l'échelle du site se trouvent dans la section « Divers » des Options du thème.
Canvas est-il un thème de droite à gauche ?
Oui, chaque feuille de style de Canvas dispose d'une version miroir pour les langues de droite à gauche, et WordPress la charge automatiquement lorsque le site fonctionne en arabe, en hébreu, en farsi ou dans toute autre langue de droite à gauche. 88 des 88 démos sont vérifiées en mode droite à gauche avant leur mise en ligne, afin que les menus, les grilles et les formulaires soient du bon côté. La traduction est un sujet distinct, tout aussi complet : les deux parties du produit livrent des modèles de traduction, et un fichier de configuration WPML est fourni avec l'extension.
Un thème par blocs que vous pouvez confier à n'importe qui
Canvas s'appuie sur l'éditeur livré avec WordPress, enregistre un balisage de blocs standard et conserve les modèles dans l'Éditeur de site. Vous créez pour vos clients ? Consultez les pages agences et freelances.