WordPress 7.1 · core/group
<!-- wp:group {"style":{"spacing":{"padding":
{"top":"100px","bottom":"100px"}
}}} -->
Une seule valeur. Elle vaut 100 pixels à 1440, et elle vaut toujours 100 pixels à 390.
De l’en-tête au pied de page, dans l’éditeur de blocs.
L’éditeur de blocs de WordPress est rapide et natif, mais il ne peut pas donner à une même mesure une valeur distincte pour l’ordinateur, la tablette et le mobile — mesuré à nouveau sur WordPress 7.1, et la raison technique la plus courante pour laquelle les gens installent un constructeur de pages. MevvBlocks comble cet écart puis va plus loin : cent dix blocs, des modèles de thème de l’en-tête au pied de page, une grille d’articles et un constructeur de boucles, un moteur de formulaires, des pop-ups, des transformations et des masques, du code personnalisé pour tout le site, un seul écran pour la palette du site, WebP et AVIF pour vos images, une mise en cache au niveau du bloc, un audit d’accessibilité qui dit la vérité au lieu de la masquer, et un écran Core Web Vitals alimenté par vos propres visiteurs. Le catalogue va désormais de la bascule et des onglets imbriqués au diagramme circulaire, à une liste de lecture, à une infobulle, à un formulaire d’infolettre et à une animation SVG, avec huit styles de bloc dans le panneau Styles de l’éditeur lui-même — et chacun d’eux cesse de bouger quand le visiteur a demandé un mouvement réduit. Le canevas n’est plus une approximation non plus : l’éditeur demande au serveur le même CSS que la page imprimera, donc ce que vous disposez est ce qui est livré. Vingt-trois de ces blocs sont pour WooCommerce, et aucun d’eux ne redessine WooCommerce : ils appellent ses propres modèles, pour que votre thème et vos extensions continuent de fonctionner.
L’écart
Quand vous donnez une marge intérieure à une section dans l’éditeur de blocs, cette valeur est un nombre unique. Le même nombre est imprimé sur un écran de 1440 pixels et sur un téléphone de 390. L’espacement qui paraît juste sur un ordinateur coupe la page en deux sur un téléphone, et les réponses habituelles sont du CSS écrit à la main ou un constructeur de pages. Voici la troisième réponse : le même réglage, avec une valeur tablette et une valeur mobile à côté.
WordPress 7.1 · core/group
<!-- wp:group {"style":{"spacing":{"padding":
{"top":"100px","bottom":"100px"}
}}} -->
Une seule valeur. Elle vaut 100 pixels à 1440, et elle vaut toujours 100 pixels à 390.
MevvBlocks · mevvsoft/container
<!-- wp:mevvsoft/container {"ayarlar":{
"padding": {"top":"100","unit":"px"},
"padding_tablet": {"top":"64", "unit":"px"},
"padding_mobile": {"top":"40", "unit":"px"}
}} -->
Le même réglage, trois valeurs. Rien d’autre ne change dans le bloc.
Ce que le serveur imprime
.e-con-1a2b { --padding-top:100px }
@media (max-width:1024px) { .e-con-1a2b { --padding-top:64px } }
@media (max-width:767px) { .e-con-1a2b { --padding-top:40px } }
Le HTML enregistré ne peut porter la valeur que d’une seule taille d’écran ; le CSS est donc produit au moment de la requête — ce qui explique aussi pourquoi ces valeurs continuent de s’imprimer lorsqu’une licence expire.
Le fait que les blocs natifs ne peuvent pas faire varier une valeur selon la taille d’écran a été vérifié sur WordPress 7.1 lui-même, et non repris de la documentation : core/group prend en charge la marge intérieure, l’arrière-plan, la hauteur minimale, les bordures et la disposition flex ou grid — chacune comme une valeur unique. Les limites d’écran ci-dessus sont celles de l’extension, et les media queries sont celles qu’elle écrit réellement.
Fonctionnalités
Un site a besoin de plus que de l’espacement : un formulaire de contact, un en-tête et un pied de page qu’il peut encore modifier, une palette qu’il peut encore changer. Que vous partiez d’une page vide ou que vous arriviez d’un constructeur de pages, dans les deux cas chacun de ces éléments existe parce que quelque chose cassait sans lui.
Une marge intérieure, une taille de police, un nombre de colonnes peut porter une valeur distincte pour l’ordinateur, la tablette et le mobile. Le cœur de WordPress ne le peut pas — cela a été mesuré sur la 7.1, pas supposé. Le même panneau sort aussi un élément du flux avec un positionnement absolu ou fixe, et ses décalages comme son z-index sont eux aussi propres à chaque appareil.
Mise en page, texte et médias ; menu, recherche, grille d’articles et constructeur de boucles ; logo du site, titre de page, fil d’Ariane, informations de l’article et boîte d’auteur pour les modèles de thème ; vidéo, audio, liste de lecture, galerie, tableau, FAQ, chronologie et code ; bascule, onglets imbriqués, diagramme circulaire, infobulle, infolettre, flux social, boîte retournable, appel à l’action, titre animé, avant/après, points chauds, panneau latéral et boutons de contact — et vingt-trois pour WooCommerce, de la galerie produit au panier, à la commande et à un mini-panier. Quatre-vingt-sept sans WooCommerce.
Une superposition en dégradé, des niveaux de gris ou un flou jusqu’au survol, un masque circulaire ou arrondi, une élévation, un zoom et une inclinaison — choisis dans le panneau Styles du cœur, il n’y a donc aucun nouveau contrôle à apprendre et le choix est une classe dans votre balisage plutôt qu’un réglage dans une table. Toute transformation au survol est désactivée quand le système du visiteur demande un mouvement réduit, et l’image fixe d’une animation SVG est substituée de la même façon.
Une adresse, un nom facultatif, une case de consentement et un POST simple — signé avec le même HMAC que celui du moteur de formulaires, ainsi une page mise en cache ne meurt jamais avec un nonce expiré. Le pot de miel est avalé en silence, la limite de fréquence est par adresse, et les adresses arrivent avec vos autres envois de formulaire. Il n’y a aucune liste, aucune clé d’API et aucune requête vers qui que ce soit : l’action <code>mevvblocks_newsletter_subscribe</code> remet chaque adresse confirmée à ce que vous utilisez déjà.
Un titre, un texte, un bouton ou une image peut lire sa valeur dans l’article plutôt que dans ce que vous avez tapé : titre, extrait, auteur, date, catégorie, étiquettes, titre d’archive, terme de recherche, le prix WooCommerce, l’UGS ou le stock, ou un champ personnalisé par clé. Quand Advanced Custom Fields est actif, le champ est lu via <code>get_field()</code>, vous obtenez donc la valeur formatée, et les clés commençant par un tiret bas sont refusées plutôt qu’exposées.
Le canevas ne montre plus une approximation : marge intérieure, espacement, direction, alignement, arrière-plan, rayon, ombre, transformation et position apparaissent avec les valeurs que le front-end utilisera. Un seul moteur de styles produit ce CSS et l’éditeur le récupère auprès du serveur — écrire un second moteur en JavaScript nous aurait donné deux copies qui divergent. Mesuré : l’ancien canevas différait de la page sur 24 propriétés de mise en page ; c’est désormais zéro sur 64.
Le LCP, le CLS et l’INP sont mesurés dans les navigateurs des personnes qui visitent votre site, et ce que l’écran affiche est le 75e centile sur une fenêtre de 28 jours — des données de terrain, celles que regarde la Search Console, pas un test en laboratoire. En dessous de cent échantillons, aucun chiffre n’est affiché, car un centile calculé sur une poignée de mesures n’est que du bruit. Aucune adresse IP, aucun cookie, aucun identifiant n’est collecté, et les données ne quittent jamais votre propre serveur.
Rédiger, réécrire, raccourcir, traduire et générer le texte alternatif des images. Vous saisissez votre propre clé d’API et la requête part de votre site directement vers le fournisseur — votre texte ne nous parvient jamais et le quota reste le vôtre. Le résultat arrive sous forme de suggestion, il n’est pas écrit d’emblée dans le bloc.
Les couleurs et la typographie peuvent être lues dans le theme.json du thème actif et servir à remplir les emplacements vides de la palette propre à l’extension. Le pont est délibérément à sens unique : rien n’est jamais réécrit dans le thème, donc une mise à jour du thème ne retrouve jamais son propre fichier récrit sous elle. C’est désactivé jusqu’à ce que vous l’activiez.
Pas un nouveau bloc — un réglage du bloc de navigation. Un sous-menu s’ouvre en panneau pleine largeur sur quatre colonnes au maximum, et si vous activez le panneau sur un élément qui n’a pas de sous-menu, le contrôle d’accessibilité vous le dit au lieu d’afficher une boîte vide.
Vous décrivez la page et le modèle choisit des sections dans la bibliothèque de modèles de l’extension. Il n’écrit jamais de balisage, donc ce qui arrive sur la page, ce sont des blocs modifiables et non du HTML généré, et une section qu’il nomme et qui n’existe pas est écartée et signalée plutôt que devinée. La page est toujours enregistrée en brouillon, et la clé est la vôtre.
Épinglez une note à n’importe quel bloc pour votre équipe, marquez-la comme résolue, supprimez-la. Elle vit dans l’éditeur et il n’existe pas un seul hook front-end qui pourrait l’imprimer.
La sortie des blocs est mise en cache et les images sont converties en WebP ou AVIF à côté des originaux — les originaux ne sont jamais touchés. Mesuré : temps de rendu des blocs en baisse de 33 à 72 %, poids des images en baisse de 39 à 78 %. Les images sont servies via un élément <code><picture></code> pour que tout le monde reçoive le même HTML ; décider par visiteur sur le serveur, c’est précisément ce qui empoisonne un cache de page. Vous pouvez aussi servir une image différente sur les téléphones — pas une copie plus petite de la même, une autre prise de vue — et c’est toujours le navigateur qui choisit.
Seize types de champs, une validation sur le serveur, un pot de miel avalé en silence, et un écran où les envois sont conservés. Le formulaire fonctionne sans JavaScript, car c’est la seule partie de la page qui fait réellement quelque chose.
En-tête, pied de page, vue unique, archive, recherche et 404 — construits dans l’éditeur WordPress que vous utilisez déjà, pas dans un second que nous devrions maintenir au pas avec le cœur de WordPress.
Ouverture au chargement, à une profondeur de défilement, à l’intention de sortie, sur un clic ou après une période d’inactivité. La fréquence est comptée dans le navigateur du visiteur lui-même, si bien que personne n’a besoin d’être identifié sur le serveur.
Couleurs et typographie au même endroit, sous leurs noms de variables d’origine — pour que les pages construites avant la bascule reprennent la nouvelle palette au lieu de perdre leurs références.
Aucun widget n’est boulonné sur la page pour prétendre que le site est accessible. L’outil signale ce que chaque bloc a oublié — texte alternatif manquant, ordre des titres rompu, contraste faible — pendant que vous êtes encore en train de modifier.
Le défilement est un scroll-snap natif et l’accordéon est un élément details. Si le script ne se charge jamais, rien n’est masqué : un contenu masqué est un contenu inaccessible.
Le HTML enregistré ne peut porter la valeur que d’une seule taille d’écran ; le CSS est donc produit au moment de la requête. Il n’y a pas une seule vérification de licence sur ce chemin — une licence expirée n’éteint jamais une page publiée.
Le catalogue
Ce sont les mêmes cinq groupes que l’extension place sur ses propres pages de démonstration, et chaque bloc ci-dessous est rendu sur le serveur : il est dans la page avant qu’un seul script ait été exécuté. Rien ici n’est réservé à Pro sauf les trois blocs qui le disent.
Titre, texte enrichi, un titre animé qui peut taper ses mots, bouton, appel à l’action, boîte d’icône, liste d’icônes et liste de contrôle, séparateur, et une alerte que vous pouvez rendre fermable — à la fermeture, le focus passe à la suite plutôt que de disparaître. La bascule, les onglets imbriqués avec leurs propres panneaux, l’accordéon et la FAQ reposent tous sur details/summary et sur le motif d’onglets ARIA, donc rien n’est caché à un lecteur dont le script n’est jamais arrivé.
Compteur, barre de progression, barre de données, boîte de nombre et un diagramme circulaire ou en anneau dont les valeurs sont aussi imprimées sous forme de liste, car un diagramme que personne ne peut lire est une décoration. Tableau de tarifs et liste de prix, témoignage, notation par étoiles et carrousel de témoignages, membre d’équipe. Pro ajoute le sélecteur de contenu : une barre d’onglets mensuel/annuel avec un badge, au-dessus de panneaux qui peuvent contenir les blocs que vous voulez.
Chronologie — verticale, ou horizontale sur un écran large et de nouveau verticale sur un écran étroit sans changer l’ordre de lecture —, étapes, un tableau de données accessible avec de vrais en-têtes de colonne, et un bloc de comparaison. La carte est une intégration OpenStreetMap qui demande avant de se charger. Pro ajoute le portfolio : des cartes rendues sur le serveur, un filtre par taxonomie appliqué dans le navigateur sans aucune requête extérieure, et un lien vers l’archive. Il n’y a ni fenêtre modale ni pagination.
Vidéo et audio, une liste de lecture avec sous-titres et affiches où chaque piste est un lien ordinaire avant que le script n’y touche, galerie, avant/après, boîte retournable, bannière, points chauds et une infobulle qui s’ouvre au survol, au focus et au toucher. Formulaires : le moteur à seize champs, connexion et inscription, et l’infolettre — un POST signé avec un pot de miel et une limite de fréquence qui remet l’adresse à votre propre liste. Le flux social est une liste de liens choisis à la main : aucune API, aucun jeton, aucune requête vers qui que ce soit.
Animation d’entrée, position collante et parallaxe ; huit styles de bloc dans le panneau Styles du cœur — superposition en dégradé, niveaux de gris, flou, masques circulaire et arrondi, élévation, zoom, inclinaison ; une animation SVG affichée comme une image pour que rien dans le fichier ne puisse atteindre votre page, avec une image fixe substituée sous mouvement réduit ; 94 icônes au trait sans police d’icônes ; et du texte dynamique depuis un champ personnalisé, lu via Advanced Custom Fields quand il est présent. Il n’y a aucune animation liée au défilement.
Les cinq groupes sont des pages ouvertes sur notre installation de démonstration : catalogue de blocs — texte et action, données et tarifs, portfolio et carte, médias et formulaires, design. Ce qui est délibérément absent est également écrit : ni modale ni pagination sur le portfolio, aucun adaptateur d’API derrière le flux social, et aucune chronologie liée au défilement.
Comment ça marche
Pas de second canevas, pas d’application séparée. Vous sélectionnez un bloc et le panneau de droite vous donne ce qu’un constructeur de pages offrirait — pour l’ordinateur, la tablette et le mobile séparément.
Type de disposition, direction, hauteur minimale, largeur du contenu, alignement, espacement. Des blocs ordinaires dans l’éditeur ordinaire — rien de nouveau à apprendre, et votre contenu reste du balisage de blocs standard dans post_content.
Rotation, échelle, inclinaison, symétrie et masque — chacun avec des valeurs distinctes pour l’ordinateur, la tablette et le mobile. Et une note épinglée au bloc pour votre équipe : elle vit dans l’éditeur et n’est jamais imprimée sur la page.
Une flip box sur une vraie page : la face avant, la face arrière et un bouton qui fonctionne aussi au clavier — l’enregistrement ci-dessous est une vraie page, pas une maquette. Le bloc est rendu sur le serveur, si bien qu’une licence expirée ne l’éteint jamais.
LCP, CLS et INP mesurés dans les navigateurs de visiteurs réels, présentés au 75e centile sur 28 jours — des données de terrain, celles que regarde la Search Console, pas un test en laboratoire. L’écran ci-dessous provient d’une installation réelle : remarquez la cellule qui refuse d’afficher un nombre, parce que quatorze échantillons ne font pas un centile.
Un seul écran. Un fichier qui ne rétrécit pas n’est pas conservé. Et si une autre extension fait vraiment ce travail, MevvBlocks se retire de lui-même et explique pourquoi — la question n’est pas « est-elle installée » mais « peut-elle réellement s’exécuter ».
mevvshop.com est une vraie boutique WooCommerce et ses pages sont construites avec ces blocs — en-tête, pied de page, fiches produit et tout le reste. Chaque chiffre de cette page y a été mesuré, ou sur notre installation de démonstration, et non estimé.
En situation
Chaque capture est une page publique de wp-demo.mevvsoft.com avec l’extension gratuite et Pro actives, prise à 1440 et 390 pixels et recadrée sur la section qu’elle montre. Aucun écran d’administration, rien de dessiné ni de retouché.
Mesuré
Chaque chiffre ci-dessous peut être compté dans le code source de l’extension. Là où un nombre sonnerait comme une promesse de performance, il n’est pas avancé : le poids d’une page dépend du thème, de l’hébergement et du cache, et nous n’avons pas mesuré le vôtre.
Compté dans le code source de l’extension le 8 septembre 2026. Pour l’échelle, et seulement pour l’échelle : les éditions gratuite et Pro font 1.8 MB et 82 KB de PHP, JS et CSS, tandis qu’Elementor, Ultimate Addons et Header Footer Elementor prenaient ensemble 178 MB sur le disque dans l’installation que nous avons mesurée le 31 août. C’est une différence de surface, pas une affirmation sur la vitesse — et une bonne part de celle-ci tient simplement aux fonctionnalités que nous n’avons pas. Les quarante-deux vérifications de rendu sont celles que <code>tools/katalog-dogrula.php</code> exécute contre les cinq pages du catalogue que vous pouvez ouvrir vous-même sur l’installation de démonstration.
Tous les prix sont TTC.
Une licence expirée n’éteint jamais une page. Les valeurs écrites par le panneau d’édition Pro continuent d’être imprimées par l’édition gratuite, et le formulaire continue de recevoir des envois. Ce qui se ferme, c’est le panneau d’édition, pas l’apparence du site.
1 USD = 50,8719 ₺ (İşbank)
Non. Ce sont des blocs WordPress ordinaires dans l’éditeur de blocs ordinaire, et votre contenu reste du balisage de blocs standard dans post_content — pas dans une table à nous. Retirez l’extension et le contenu reste du HTML lisible.
Les 110 blocs, le moteur de formulaires, l’infolettre, les modèles de thème, les pop-ups, les styles de bloc, les icônes, l’optimisation des images, le cache de blocs et l’audit d’accessibilité sont gratuits. Pro ajoute le panneau permettant de modifier les valeurs ordinateur, tablette et mobile, le CSS personnalisé par bloc, le sélecteur de contenu, le portfolio filtrable, l’intégration Lottie, ainsi que la logique conditionnelle, la réponse automatique, les webhooks, un champ fichier et l’export CSV dans les formulaires.
Vos pages continuent de s’afficher exactement telles qu’elles sont, y compris les valeurs tablette et mobile écrites par le panneau Pro — le moteur de styles gratuit les imprime. Ce qui se ferme, c’est le panneau d’édition. Il n’y a pas une seule vérification de licence sur le chemin de rendu, et un test l’assure à chaque version.
Dans votre propre site, avec les autres envois de formulaire. Il n’y a aucune liste à nous, aucune clé d’API ni aucune requête vers un tiers : le bloc déclenche une action mevvblocks_newsletter_subscribe avec chaque adresse confirmée pour que vous puissiez la remettre à ce que vous utilisez déjà. Le formulaire est un POST simple signé avec un HMAC plutôt qu’avec un nonce, car un nonce meurt en silence derrière un cache de page entière.
Non. Toutes les transformations au survol des styles de bloc, la boîte retournable, le défilement, le titre qui tape et les animations d’entrée sont désactivés quand le système demande un mouvement réduit, et une animation SVG bascule sur une image fixe. Le premier mot d’un titre qui tape est toujours imprimé, la phrase n’est donc jamais vide.
L’extension ne fait aucune requête de son propre chef : aucune bibliothèque depuis un CDN, aucune police depuis le serveur de quelqu’un d’autre, aucune télémétrie. Trois choses vont vers l’extérieur et chacune est votre décision — les assistants IA, avec une clé que vous saisissez vous-même ; la carte, une intégration OpenStreetMap qui demande d’abord le consentement ; et l’intégration Lottie dans Pro, qui demande de la même façon et montre une image fixe jusqu’à ce que vous acceptiez. Le flux social ne parle à personne du tout : c’est une liste de liens que vous avez choisis.
Oui. Un titre, un texte, un bouton ou une image peut prendre sa valeur dans un champ personnalisé par clé ; avec Advanced Custom Fields actif, la valeur est lue via get_field(), vous obtenez donc la valeur formatée, sinon cela retombe sur les métadonnées brutes de l’article. Les clés commençant par un tiret bas sont refusées — ce sont les champs internes de WordPress et les imprimer divulguerait ce qu’une page n’a jamais voulu montrer.
Le portfolio n’a ni modale ni pagination. Le flux social n’a pas d’adaptateur d’API. Il n’y a aucune animation liée au défilement. La carte est un seul marqueur sans style ni itinéraire. Il n’y a pas de surcouche d’accessibilité, pas de CAPTCHA et pas de recherche en direct. Chacun de ces points est une décision écrite dans le code source, pas un oubli découvert après coup.
Pour commencer
Installez l’édition gratuite : les cent dix blocs, les formulaires, l’infolettre, les modèles de thème, les pop-ups, les huit styles de bloc et soixante-seize sections et pages prêtes à l’emploi y sont déjà. Pro ajoute le panneau permettant de modifier les valeurs ordinateur, tablette et mobile, plus le sélecteur de contenu, le portfolio filtrable et l’intégration Lottie. Ce que vous perdez quand une licence expire, c’est le panneau, pas l’apparence du site : ces valeurs continuent d’être imprimées.
Informations produit