Blocs

314 blocs pour l'éditeur de blocs WordPress

De vrais blocs avec de vrais panneaux de réglages, insérés depuis l'outil d'insertion fourni par WordPress. Pas de shortcodes, pas d'espace de travail propriétaire, pas de second éditeur à apprendre. Tout ce qu'un visiteur voit correspond à un réglage dans la barre latérale.

Mis à jour le

314
Blocs au total
228
Sur la formule gratuite
209
Dans l'inséreur de blocs
105
Propre à la démo
10
Familles
La bibliothèque

209 blocs que vous pouvez insérer dès aujourd'hui

Filtrez par famille ou recherchez par nom, mot-clé ou par ce que fait le bloc. Les blocs premium sont signalés, et chaque formule les inclut tous.

Le sélecteur de blocs WordPress ouvert sur les catégories de blocs Canvas, avec les blocs Canvas listés à côté des blocs natifs

L'outil d'insertion de WordPress, avec les familles Canvas sous celles de base. Rien ici n'est un shortcode et rien n'ouvre un second éditeur.

Affichage de tous les 209 blocs

Articles

31 blocs, répertoriés sous Articles dans l'inséreur de blocs.

Academic Works Gratuit

Éléments de portfolio tels que les dessine le design académique : lignes de livres, cartes d'articles de revue scientifique et détails de l'élément sur sa page.

Agency Works Gratuit

Affichez les projets de portfolio sous forme de carrousel ou de grille de type agence, ou affichez une page de projet unique (attributs, appel à l'action de contact, projets associés).

Voir en direct : Agency Works sur Portfolio (s'ouvre dans un nouvel onglet)

Blog Archive Loop Gratuit

Boucle de blog pour la requête principale (index, catégorie, étiquette, auteur, date). Utilise les partiels blog-entry du thème et la pagination.

Voir en direct : Blog Archive Loop sur Accueil (s'ouvre dans un nouvel onglet) Réglages du bloc Blog Archive Loop dans la documentation

Blog Loop Gratuit

Boucle d'articles de blog modulable. Composez la carte de chaque article à partir des blocs Post Image, Post Title, Post Meta et Post Excerpt ; le conteneur, la pagination et les éléments de la chronologie sont pilotés par la mise en page.

Voir en direct : Blog Loop sur Blog | Grille (s'ouvre dans un nouvel onglet) Réglages du bloc Blog Loop dans la documentation

Blog Single Post Gratuit

Mise en page d'article de blog individuel (titre, métadonnées, image, contenu, étiquettes, partage, navigation, auteur, commentaires, articles liés + barre latérale). Pour single.html.

Réglages du bloc Blog Single Post dans la documentation

Construction Projects Gratuit

Affichez les projets du type de publication Projects sous forme de grille de portfolio (2 à 5 colonnes), ou affichez une page de projet unique (attributs, appel à l'action de contact, projets associés).

Voir en direct : Construction Projects sur Projets | 5 colonnes (s'ouvre dans un nouvel onglet)

Illustrator Works Gratuit

Les éléments de portfolio sous forme de grille filtrable de cartes carrées à cadres colorés, ou les éléments d'une page de projet unique.

Voir en direct : Illustrator Works sur Accueil (s'ouvre dans un nouvel onglet)

Interior Projects Gratuit

Affiche les projets du studio issus du type de contenu Projects sous forme de grille de portfolio filtrable, ou une page de projet unique (barre latérale de détails, appel à l'action pour une consultation, projets associés).

Voir en direct : Interior Projects sur Stonecroft (s'ouvre dans un nouvel onglet)

Law Firm Cases Gratuit

Affiche les projets du type de contenu Portfolio sous forme de cartes, ou une page projet unique (attributs, appel à l'action de contact, projets associés).

Voir en direct : Law Firm Cases sur Réalisations récentes (s'ouvre dans un nouvel onglet)

Photo Shots Gratuit

Affiche les photographies du type de contenu Shots sous forme de grille d'aperçus extensible, ou affiche une page de shot unique (cadre, détails de prise de vue, bouton d'appel à l'action pour les demandes, shots associés).

Voir en direct : Photo Shots sur Explorer (s'ouvre dans un nouvel onglet)

Post Archive Index Gratuit

Chaque élément affiché avec une date et un titre, éventuellement regroupé par année et par mois : l'index « tout ce que nous avons publié ».

Réglages du bloc Post Archive Index dans la documentation

Post Author Gratuit

Affiche la carte biographique de l'auteur actuel de l'article, avec son avatar, son nom d'affichage et sa description biographique.

Voir en direct : Post Author sur Le web lent : pourquoi les meilleures expériences de lecture deviennent plus discrètes (s'ouvre dans un nouvel onglet) Réglages du bloc Post Author dans la documentation

Post Content Gratuit

Affiche l'intégralité du contenu de l'article en cours, en appliquant tous les filtres de contenu, y compris les shortcodes et les contenus intégrés.

Voir en direct : Post Content sur Il s'agit d'un article standard avec une image d'aperçu (s'ouvre dans un nouvel onglet) Réglages du bloc Post Content dans la documentation

Post Date Gratuit

La date de publication seule de l’enregistrement, pour une signature que la liste des métadonnées ne peut pas afficher.

Voir en direct : Post Date sur Le web lent : pourquoi les meilleures expériences de lecture deviennent plus discrètes (s'ouvre dans un nouvel onglet) Réglages du bloc Post Date dans la documentation

Post Excerpt Gratuit

Affiche un extrait de l'article en cours, tronqué au mot près et dont la longueur est configurable.

Voir en direct : Post Excerpt sur Blog | Grille (s'ouvre dans un nouvel onglet) Réglages du bloc Post Excerpt dans la documentation

Post Image Gratuit

Affiche l'image mise en avant de l'article actuel, avec une taille configurable et un lien permanent facultatif.

Voir en direct : Post Image sur Blog | Flux mixte (s'ouvre dans un nouvel onglet) Réglages du bloc Post Image dans la documentation

Post Media Gratuit

Le bloc média d'entrée de l'article en cours : son image à la une, son intégration vidéo ou audio, son carrousel de galerie, sa grille de vignettes, sa citation, son lien ou sa carte de statut, selon le format de l'article.

Voir en direct : Post Media sur Blog | Chronologie avec barre latérale gauche (s'ouvre dans un nouvel onglet) Réglages du bloc Post Media dans la documentation

Post Meta Gratuit

Affiche les métadonnées d’article configurables, notamment la date, l’auteur, les catégories et le nombre de commentaires.

Voir en direct : Post Meta sur Blog | Flux mixte (s'ouvre dans un nouvel onglet) Réglages du bloc Post Meta dans la documentation

Post Read More Gratuit

Affiche un lien ou un bouton « Lire la suite » pointant vers le lien permanent de l'article en cours.

Voir en direct : Post Read More sur Accueil (s'ouvre dans un nouvel onglet) Réglages du bloc Post Read More dans la documentation

Post Reading Bar Gratuit

Affiche les commandes de temps de lecture, de taille de police, d'impression et de partage au défilement pour l'article en cours.

Voir en direct : Post Reading Bar sur Il s'agit d'un article standard avec une image d'aperçu (s'ouvre dans un nouvel onglet) Réglages du bloc Post Reading Bar dans la documentation

Post Share Gratuit

Affiche les liens de partage sur les réseaux sociaux pour l'article en cours, avec des réseaux, un style et une taille configurables.

Voir en direct : Post Share sur Event Single (s'ouvre dans un nouvel onglet) Réglages du bloc Post Share dans la documentation

Post Terms Gratuit

Affiche les termes de taxonomie (catégories ou étiquettes) de l'article actuel, dans les styles texte, badge, pastille, nuage d'étiquettes ou catégorie en ligne.

Voir en direct : Post Terms sur Blog | Flux mixte (s'ouvre dans un nouvel onglet) Réglages du bloc Post Terms dans la documentation

Post Title Gratuit

Affiche le titre de l'article en cours dans une balise de titre paramétrable, avec un lien permanent facultatif.

Voir en direct : Post Title sur Blog | Flux mixte (s'ouvre dans un nouvel onglet) Réglages du bloc Post Title dans la documentation

Articles Gratuit

Interrogez et affichez des articles dans diverses mises en page, dont la grille, la liste, le masonry et la chronologie. Prend en charge le filtrage par catégorie, étiquette, type de contenu personnalisé et ordre d'affichage.

Voir en direct : Articles sur Blog | Grille (s'ouvre dans un nouvel onglet) Réglages du bloc Articles dans la documentation

Commentaires récents Gratuit

Les derniers commentaires approuvés sur l'ensemble du site, chacun avec l'avatar, le nom et les premiers mots de son auteur, et un lien vers le fil de discussion.

Voir en direct : Commentaires récents sur Widgets (s'ouvre dans un nouvel onglet) Réglages du bloc Commentaires récents dans la documentation

Resume Works Gratuit

Affichez les projets du type de contenu Works sous forme de liste compacte ou de grille de vignettes, ou affichez une page de projet unique (attributs, appel à l'action, projets associés).

Voir en direct : Resume Works sur Réalisations (s'ouvre dans un nouvel onglet)

Contenu

30 blocs, répertoriés sous Contenu dans l'inséreur de blocs.

Background Video / Audio Gratuit

Une couche vidéo ou audio en boucle, hébergée sur votre propre serveur, pour une section d'accueil, un arrière-plan de section ou un lecteur conçu sur mesure. Elle ne génère que l'élément multimédia, de sorte que le conteneur qui le positionne reste à votre charge.

Voir en direct : Background Video / Audio sur Actions sur les médias (s'ouvre dans un nouvel onglet) Réglages du bloc Background Video / Audio dans la documentation

Cascading Images Inclus dans toutes les formules

Composition d'images superposées avec translation, rotation, échelle, z-index et délai d'animation pour chaque image, ainsi que des formes décoratives facultatives en arrière-plan.

Voir en direct : Cascading Images sur Cascading Images (s'ouvre dans un nouvel onglet) Réglages du bloc Cascading Images dans la documentation

Graphique Inclus dans toutes les formules

Créez un graphique à partir d'un jeu de données que vous fournissez, afin de lire d'un coup d'œil les chiffres d'un rapport ou d'un comparatif de prix. Le type de graphique, ses données et ses libellés proviennent tous de la configuration que vous saisissez.

Voir en direct : Graphique sur Services - Mise en page 1 (s'ouvre dans un nouvel onglet) Réglages du bloc Graphique dans la documentation

Circle Stack Inclus dans toutes les formules

Une pile horizontale d'avatars circulaires, d'icônes ou de badges textuels : idéale pour présenter une équipe, afficher une preuve sociale et des compteurs d'abonnés.

Voir en direct : Circle Stack sur Circle Stacks (s'ouvre dans un nouvel onglet) Réglages du bloc Circle Stack dans la documentation

Clients Gratuit

Affichez les logos de clients, de partenaires ou de marques dans une grille adaptative ou un carrousel owl-carousel, avec lien facultatif et prise en charge de la lightbox.

Voir en direct : Clients sur Clients (s'ouvre dans un nouvel onglet) Réglages du bloc Clients dans la documentation

Data Table Inclus dans toutes les formules

Mettez en page des lignes et des colonnes d’informations structurées, comme une liste de caractéristiques ou un comparatif de formules, avec des en-têtes de colonnes que les visiteurs peuvent trier et une ligne récapitulative facultative en pied de tableau.

Voir en direct : Data Table sur Profil utilisateur (s'ouvre dans un nouvel onglet) Réglages du bloc Data Table dans la documentation

Map Gratuit

Une carte Google Maps ou OpenStreetMap avec des marqueurs personnalisés, un niveau de zoom et, sur Google Maps, le type de carte et une personnalisation du style.

Voir en direct : Map sur Cartes (s'ouvre dans un nouvel onglet) Réglages du bloc Map dans la documentation

Hover Card Gratuit

Carte d'image qui s'incline en 3D sous le curseur, avec un titre et une légende de catégorie qui se détachent vers l'avant.

Voir en direct : Hover Card sur Hover Parallax (s'ouvre dans un nouvel onglet) Réglages du bloc Hover Card dans la documentation

Icon Browser Gratuit

Grille de référence consultable de toutes les icônes des jeux d'icônes activés.

Voir en direct : Icon Browser sur Icônes (s'ouvre dans un nouvel onglet) Réglages du bloc Icon Browser dans la documentation

Inline SVG Gratuit

Icône vectorielle dessinée à partir de données de tracé SVG, avec la taille, la couleur, le viewBox et l'opacité par calque en tant que commandes de la barre latérale.

Voir en direct : Inline SVG sur Tarifs (s'ouvre dans un nouvel onglet) Réglages du bloc Inline SVG dans la documentation

Link Tiles Gratuit

Une grille de vignettes avec icône et libellé, chacune renvoyant vers une page. Les vignettes pointant vers une page inexistante sont exclues.

Voir en direct : Link Tiles sur List Groups & Cards (s'ouvre dans un nouvel onglet) Réglages du bloc Link Tiles dans la documentation

Lists & Cards Gratuit

Listes et cartes basées sur Bootstrap, avec plusieurs styles, couleurs et mises en page.

Voir en direct : Lists & Cards sur List Groups & Cards (s'ouvre dans un nouvel onglet) Réglages du bloc Lists & Cards dans la documentation

Media Embed Gratuit

Intégrez un lecteur vidéo ou audio à la page depuis un service d'hébergement, depuis un fichier que vous avez importé ou depuis une adresse d'intégration fournie par un fournisseur, aux proportions de votre choix.

Voir en direct : Media Embed sur Media Embeds (s'ouvre dans un nouvel onglet) Réglages du bloc Media Embed dans la documentation

Nav Tree Gratuit

Une arborescence de liens à plusieurs niveaux, avec retrait : la liste de navigation qu'utilisent un panneau latéral ou une barre latérale de documentation.

Réglages du bloc Nav Tree dans la documentation

Navbar Gratuit

Barre de navigation repliable avec logo, bouton burger, liens déroulants et, en option, un formulaire de recherche, un bouton ou un texte en fin de barre.

Voir en direct : Navbar sur Navigation (s'ouvre dans un nouvel onglet) Réglages du bloc Navbar dans la documentation

Overlay Content Gratuit

Une couche de contenu dans une superposition : alignée, éventuellement masquée, avec des icônes de déclenchement et des blocs imbriqués.

Voir en direct : Overlay Content sur Superpositions d'éléments (s'ouvre dans un nouvel onglet) Réglages du bloc Overlay Content dans la documentation

Overlay Item Gratuit

Une carte image avec une superposition empilée par-dessus : badge, voile coloré et une ou plusieurs couches de contenu de superposition.

Voir en direct : Overlay Item sur Superpositions d'éléments (s'ouvre dans un nouvel onglet) Réglages du bloc Overlay Item dans la documentation

Titre de page Gratuit

La barre de titre de page / hero. Ajoutez-y un titre, un sous-titre et un fil d'Ariane ; choisissez l'alignement, une image d'arrière-plan, le parallaxe et un mode sombre.

Voir en direct : Titre de page sur Disposition Titre de page alignée à gauche (s'ouvre dans un nouvel onglet) Réglages du bloc Titre de page dans la documentation

Page Title Buttons Gratuit

Boutons d'action dans le bandeau du titre de page. Reprend les boutons propres à chaque page en mode dynamique, ou affiche ceux que vous configurez ici. Un bouton sans lien devient un déclencheur de défilement.

Voir en direct : Page Title Buttons sur Boutons (s'ouvre dans un nouvel onglet) Réglages du bloc Page Title Buttons dans la documentation

Particles Gratuit

Une couche d’arrière-plan animée à particules pour une section : toile de lignes, champ d’étoiles, bulles, neige ou low poly.

Voir en direct : Particles sur Particles (s'ouvre dans un nouvel onglet) Réglages du bloc Particles dans la documentation

Preloader Gratuit

Un indicateur de chargement CSS animé, dans l’un des styles de chargement du système de design.

Voir en direct : Preloader sur Préchargeurs (s'ouvre dans un nouvel onglet) Réglages du bloc Preloader dans la documentation

Pricing Switcher Inclus dans toutes les formules

Interrupteur qui permet de basculer entre l'affichage des tarifs mensuels et annuels (ou de tout autre affichage à deux états) sur des blocs Pricing Table associés.

Voir en direct : Pricing Switcher sur Tarifs (s'ouvre dans un nouvel onglet) Réglages du bloc Pricing Switcher dans la documentation

Q&A Item Gratuit

Une question et sa réponse, chacune avec son propre repère : l'élément de base d'un entretien.

Voir en direct : Q&A Item sur Jane Doe sur Vingt ans de conception de caractères (s'ouvre dans un nouvel onglet) Réglages du bloc Q&A Item dans la documentation

Rounded Skill Gratuit

Un anneau de compétence circulaire qui se remplit selon son pourcentage et affiche au centre le chiffre, votre propre texte, une icône ou un compteur.

Voir en direct : Rounded Skill sur Pie & Skills (s'ouvre dans un nouvel onglet) Réglages du bloc Rounded Skill dans la documentation

Scroll Arrow Inclus dans toutes les formules

Une flèche de défilement animée pour les sections hero : défilement fluide vers l'ancre d'une section cible.

Voir en direct : Scroll Arrow sur Boutique soldes de Noël (s'ouvre dans un nouvel onglet) Réglages du bloc Scroll Arrow dans la documentation

Star Rating Gratuit

Une note par étoiles que vous définissez comme un score unique. Prend en charge les demi-étoiles, les icônes personnalisées et un conteneur facultatif.

Voir en direct : Star Rating sur Résultats (s'ouvre dans un nouvel onglet) Réglages du bloc Star Rating dans la documentation

Testimonials Gratuit

Affichez les témoignages de vos clients sous forme de grille, de carrousel rotatif ou de bulles de dialogue, avec un auteur, une photo et une note en étoiles pour chaque témoignage.

Voir en direct : Testimonials sur Témoignages et Twitter (s'ouvre dans un nouvel onglet) Réglages du bloc Testimonials dans la documentation

Thumbnails Gratuit

Grille de miniatures d'images avec effets au survol et légendes facultatives. Prend en charge les effets lightbox et les superpositions de liens.

Réglages du bloc Thumbnails dans la documentation

Ticker Gratuit

Bandeau d'annonces défilant avec éléments, sens, vitesse et style configurables.

Voir en direct : Ticker sur Tickers (s'ouvre dans un nouvel onglet) Réglages du bloc Ticker dans la documentation

Twitter Feed Gratuit

Un flux défilant des derniers tweets d'un compte, chargé au chargement de la page. Choisissez le compte, le nombre de tweets à afficher et la mise en page du widget.

Voir en direct : Twitter Feed sur Widgets (s'ouvre dans un nouvel onglet) Réglages du bloc Twitter Feed dans la documentation

Canvas

29 blocs, listés sous Canvas dans l'inserteur de blocs.

Alerte Gratuit

Encadrés d'alerte et de notification utilisant le style alert de Bootstrap ou le système style-msg de Canvas. Prend en charge les variantes pleine, bordée et étendue, avec icône facultative et bouton de fermeture.

Voir en direct : Alerte sur Boîtes de style (s'ouvre dans un nouvel onglet) Réglages du bloc Alerte dans la documentation

Bouton Gratuit

Bouton complet, avec variantes de style, tailles, formes, couleurs, icônes, effets au survol et options d'ombre.

Voir en direct : Bouton sur Boutons (s'ouvre dans un nouvel onglet) Réglages du bloc Bouton dans la documentation

Code Highlight Inclus dans toutes les formules

Bloc de code à coloration syntaxique propulsé par Prism.js. Prend en charge plus de 15 langages, avec un bouton facultatif de copie dans le presse-papiers.

Voir en direct : Code Highlight sur Surligneur de code (s'ouvre dans un nouvel onglet) Réglages du bloc Code Highlight dans la documentation

Counter Gratuit

Compteur numérique animé avec icône, préfixe/suffixe et libellé de légende.

Voir en direct : Counter sur Compteurs (s'ouvre dans un nouvel onglet) Réglages du bloc Counter dans la documentation

Divider Gratuit

Séparateur horizontal avec icône facultative, variantes de style, options d'alignement, préréglages de largeur et prise en charge des liens de défilement vers une ancre.

Voir en direct : Divider sur Dividers (s'ouvre dans un nouvel onglet) Réglages du bloc Divider dans la documentation

Dropcap Gratuit

Lettrine stylisée accompagnée d'un paragraphe de texte. Prend en charge les variantes encadrée, bordée, cercle et cercle bordé, avec un positionnement à gauche ou à droite.

Voir en direct : Dropcap sur Titres et lettrines (s'ouvre dans un nouvel onglet) Réglages du bloc Dropcap dans la documentation

Heading Gratuit

Titre stylisé avec sous-titre facultatif. Prend en charge les types Heading Block, Title Block, Emphasis Title et Fancy Title.

Voir en direct : Heading sur Titres et lettrines (s'ouvre dans un nouvel onglet) Réglages du bloc Heading dans la documentation

Highlight Gratuit

Texte en surbrillance avec des variantes de style configurables, dont marqueur, soulignement, dégradé, contour et texte seul. Prend en charge un texte d'accompagnement facultatif avant et après, ainsi que toute balise HTML de niveau bloc.

Réglages du bloc Highlight dans la documentation

Icon Box Gratuit

Boîte de fonctionnalité avec icône, titre et description. Prend en charge plusieurs styles, tailles et dispositions d'icônes, ainsi que des effets au survol.

Voir en direct : Icon Box sur Boîtes en vedette (s'ouvre dans un nouvel onglet) Réglages du bloc Icon Box dans la documentation

Icon List Gratuit

Liste d'icônes avec éléments répétables. Chaque élément comporte une icône (classe CSS), un libellé de texte et un lien facultatif. Prend en charge les variantes de taille par défaut, grande et très grande.

Voir en direct : Icon List sur Icon Lists (s'ouvre dans un nouvel onglet) Réglages du bloc Icon List dans la documentation

Login Form Inclus dans toutes les formules

Affiche un formulaire de connexion WordPress au style Canvas. Présente un message de bienvenue aux utilisateurs connectés.

Voir en direct : Login Form sur Connexion et inscription (s'ouvre dans un nouvel onglet) Réglages du bloc Login Form dans la documentation

Notification Gratuit

Affichez une notification toast déclenchée par un clic sur un bouton ou automatiquement au chargement de la page.

Voir en direct : Notification sur Notifications (s'ouvre dans un nouvel onglet) Réglages du bloc Notification dans la documentation

Page Title Breadcrumbs Gratuit

Affiche un fil d'Ariane (Accueil > Parent > Page actuelle) pour la page ou l'article en cours.

Voir en direct : Page Title Breadcrumbs sur Disposition Titre de page alignée à gauche (s'ouvre dans un nouvel onglet) Réglages du bloc Page Title Breadcrumbs dans la documentation

Page Title Heading Gratuit

Affiche le titre de la page ou de l'article sous forme de titre. Prend en charge les modes de source dynamique (contextuel) et statique (littéral).

Voir en direct : Page Title Heading sur Disposition Titre de page alignée à gauche (s'ouvre dans un nouvel onglet) Réglages du bloc Page Title Heading dans la documentation

Page Title Subtitle Gratuit

Affiche le sous-titre de la page. Lit la méta-donnée _canvas_page_subtitle en mode dynamique, ou affiche un texte personnalisé en mode statique.

Voir en direct : Page Title Subtitle sur Disposition Titre de page alignée à gauche (s'ouvre dans un nouvel onglet) Réglages du bloc Page Title Subtitle dans la documentation

Plain Image Gratuit

Un élément img nu (sans enveloppe figure), avec contrôle exact des classes, lien facultatif et paire srcset Retina (2x) facultative.

Voir en direct : Plain Image sur Shape Dividers (s'ouvre dans un nouvel onglet) Réglages du bloc Plain Image dans la documentation

Portfolio Excerpt Inclus dans toutes les formules

Affiche un extrait raccourci de l'élément de portfolio en cours.

Voir en direct : Portfolio Excerpt sur Open Imagination (s'ouvre dans un nouvel onglet) Réglages du bloc Portfolio Excerpt dans la documentation

Pricing Table Inclus dans toutes les formules

Carte de tarification flexible. Prend en charge les variantes par défaut, simple, minimale et étendue, avec en option un sélecteur de tarification, une liste de fonctionnalités et un bouton d'appel à l'action.

Voir en direct : Pricing Table sur Tarifs (s'ouvre dans un nouvel onglet) Réglages du bloc Pricing Table dans la documentation

Process Steps Gratuit

Indicateurs d'étapes numérotés ou à icônes, reliés par des lignes en pointillés. Active en option le contenu à onglets Bootstrap 5, avec navigation précédent/suivant.

Voir en direct : Process Steps sur Process Steps (s'ouvre dans un nouvel onglet) Réglages du bloc Process Steps dans la documentation

Progress Bar Gratuit

Barre de compétence ou de progression animée avec compteur de pourcentage, orientation horizontale ou verticale, et motifs rayés Bootstrap.

Voir en direct : Progress Bar sur Barres de progression et compétences (s'ouvre dans un nouvel onglet) Réglages du bloc Progress Bar dans la documentation

Promo Box Gratuit

Encadré promotionnel avec titre, sous-titre et bouton d'appel à l'action. Prend en charge les styles par défaut, avec bordure, clair et sombre.

Voir en direct : Promo Box sur Encadrés promotionnels (s'ouvre dans un nouvel onglet) Réglages du bloc Promo Box dans la documentation

Citation Gratuit

Styles de citation avec bordure par défaut, citation avec icône et bulle de dialogue. Prend en charge l'alignement inversé, le pied de citation et la personnalisation facultative des couleurs de bordure et d'icône.

Voir en direct : Citation sur Citations et blocs de citation (s'ouvre dans un nouvel onglet) Réglages du bloc Citation dans la documentation

Read More Gratuit

Zone de contenu repliable, avec déploiement et repli animés, déclenchés par un lien « Lire la suite ».

Voir en direct : Read More sur Read More (s'ouvre dans un nouvel onglet) Réglages du bloc Read More dans la documentation

Register Form Inclus dans toutes les formules

Un formulaire d'inscription utilisateur avec le style Canvas. Nécessite que l'inscription des utilisateurs soit activée dans les réglages de WordPress.

Voir en direct : Register Form sur Connexion et inscription (s'ouvre dans un nouvel onglet) Réglages du bloc Register Form dans la documentation

Shape Divider Gratuit

Séparateur de forme SVG décoratif pour les transitions entre sections.

Voir en direct : Shape Divider sur Shape Dividers (s'ouvre dans un nouvel onglet) Réglages du bloc Shape Divider dans la documentation

Social Icons Gratuit

Groupe de liens vers les réseaux sociaux avec animation au survol, plusieurs styles, tailles et positionnement fixe facultatif.

Voir en direct : Social Icons sur Social Icons (s'ouvre dans un nouvel onglet) Réglages du bloc Social Icons dans la documentation

Stat List Gratuit

Une liste de chiffres, chacun étant une valeur en gras suivie d'un court libellé, comme les années d'expérience, les lancements ou les distinctions.

Voir en direct : Stat List sur Équipe (s'ouvre dans un nouvel onglet) Réglages du bloc Stat List dans la documentation

Styled Icon Gratuit

Icône autonome dans un style plein, encadré ou simple, avec des variantes de forme, des options de couleur et un lien facultatif.

Voir en direct : Styled Icon sur Icônes stylisées (s'ouvre dans un nouvel onglet) Réglages du bloc Styled Icon dans la documentation

Team Member Gratuit

Un membre d'équipe avec une photo, un nom, un rôle, une biographie, des liens sociaux et des chiffres clés, sous forme de carte, de ligne d'effectif, de carte de statistiques, de carte empilée ou de portrait de responsable.

Voir en direct : Team Member sur Équipe (s'ouvre dans un nouvel onglet) Réglages du bloc Team Member dans la documentation

Interactif

25 blocs répertoriés sous Interactif dans l'inséreur de blocs.

Accordion Gratuit

Empilez des panneaux titrés qui s'ouvrent et se ferment, afin qu'une longue série de questions ou de documents de référence tienne sur une seule page et que les visiteurs ne développent que les parties dont ils ont besoin.

Voir en direct : Accordion sur Bascules et accordéons (s'ouvre dans un nouvel onglet) Réglages du bloc Accordion dans la documentation

AJAX Button Gratuit

Bouton qui charge un contenu externe via AJAX dans un conteneur. Prend en charge les modes d'insertion « ajouter », « insérer avant » et « remplacer ».

Voir en direct : AJAX Button sur AJAX Button (s'ouvre dans un nouvel onglet) Réglages du bloc AJAX Button dans la documentation

Carrousel Gratuit

Carrousel owl-carousel adaptatif, avec nombre d'éléments par point de rupture, lecture automatique, flèches de navigation, points de pagination, visionneuse et prise en charge du chargement différé.

Voir en direct : Carrousel sur Carrousel (s'ouvre dans un nouvel onglet) Réglages du bloc Carrousel dans la documentation

Countdown Inclus dans toutes les formules

Compte à rebours ou compteur progressif, basé sur l’extension jQuery countdown.

Voir en direct : Countdown sur Compteurs (s'ouvre dans un nouvel onglet) Réglages du bloc Countdown dans la documentation

Flip Card Inclus dans toutes les formules

Une carte retournable 3D avec une face avant et une face arrière, chacune avec son propre arrière-plan, qui se retourne au survol.

Voir en direct : Flip Card sur Flip Cards (s'ouvre dans un nouvel onglet) Réglages du bloc Flip Card dans la documentation

Galerie Gratuit

Galerie d'images avec disposition en mosaïque, colonnes configurables, réglage de l'espacement et visionneuse facultative.

Voir en direct : Galerie sur Galerie (s'ouvre dans un nouvel onglet) Réglages du bloc Galerie dans la documentation

Cookie Consent Gratuit

Bandeau de consentement aux cookies avec une fenêtre modale de préférences de confidentialité et des interrupteurs de consentement par service.

Voir en direct : Cookie Consent sur Mise en page RGPD 2 (s'ouvre dans un nouvel onglet) Réglages du bloc Cookie Consent dans la documentation

Hover 3D Gratuit

Carte avec un effet d'inclinaison 3D CSS au déplacement de la souris, animé par le module JavaScript du thème.

Réglages du bloc Hover 3D dans la documentation

Image Compare Inclus dans toutes les formules

Curseur de comparaison d'images avant/après avec orientation, décalage, style de poignée et étiquettes latérales configurables.

Voir en direct : Image Compare sur Image Compare (s'ouvre dans un nouvel onglet) Réglages du bloc Image Compare dans la documentation

Image Hotspot Inclus dans toutes les formules

Image interactive avec des repères positionnés qui affichent des info-bulles au survol ou au clic.

Voir en direct : Image Hotspot sur Image Hotspots (s'ouvre dans un nouvel onglet) Réglages du bloc Image Hotspot dans la documentation

Image Slider Inclus dans toutes les formules

Diaporama d'images propulsé par FlexSlider, avec animation par glissement ou fondu, lecture automatique, flèches, points, navigation par miniatures et prise en charge du balayage tactile.

Voir en direct : Image Slider sur Diaporamas d'images (s'ouvre dans un nouvel onglet) Réglages du bloc Image Slider dans la documentation

Modale Inclus dans toutes les formules

Déclenchez une boîte de dialogue modale ou pop-up à partir d'un bouton ou d'un lien, ou ouvrez-la automatiquement au chargement de la page.

Voir en direct : Modale sur Modales et popovers (s'ouvre dans un nouvel onglet) Réglages du bloc Modale dans la documentation

Nav Gratuit

Une barre de navigation à onglets, à pastilles ou à soulignement, avec les états actif et désactivé et des menus déroulants à un seul niveau.

Voir en direct : Nav sur Navigation (s'ouvre dans un nouvel onglet) Réglages du bloc Nav dans la documentation

Off-Canvas Gratuit

Un panneau coulissant off-canvas Bootstrap 5 (début / fin / haut / bas), ouvert par un bouton ou un lien.

Voir en direct : Off-Canvas sur Bootstrap Off-Canvas (s'ouvre dans un nouvel onglet) Réglages du bloc Off-Canvas dans la documentation

Pagination Gratuit

Une ligne de pagination : style cercle, arrondi, pilule, 3D, transparent ou bouton, en trois tailles et avec l'alignement de votre choix.

Voir en direct : Pagination sur Pagination et barres de progression (s'ouvre dans un nouvel onglet) Réglages du bloc Pagination dans la documentation

Parallax Image Inclus dans toutes les formules

Section d'image parallaxe pleine largeur avec superposition et contenu facultatifs.

Voir en direct : Parallax Image sur Éléments en parallaxe (s'ouvre dans un nouvel onglet) Réglages du bloc Parallax Image dans la documentation

Scroll Reveal Inclus dans toutes les formules

Anime le contenu à mesure qu'il apparaît à l'écran lors du défilement de la page.

Réglages du bloc Scroll Reveal dans la documentation

Slider Inclus dans toutes les formules

Insérez un slider Canvas n'importe où sur le site en le sélectionnant. Les diapositives, les effets, la navigation et la hauteur se configurent directement sur le slider.

Voir en direct : Slider sur Maison et décoration d'intérieur (s'ouvre dans un nouvel onglet) Réglages du bloc Slider dans la documentation

Tab Strip Gratuit

Une barre d'onglets dont les panneaux sont des blocs ordinaires utilisés ailleurs sur la page.

Voir en direct : Tab Strip sur Profil utilisateur (s'ouvre dans un nouvel onglet) Réglages du bloc Tab Strip dans la documentation

Tabs Gratuit

Répartissez le contenu associé dans des onglets libellés pour que les visiteurs lisent une section à la fois, ce qui permet de garder une page de comparaison ou de spécifications assez courte pour être parcourue.

Voir en direct : Tabs sur Tabs (s'ouvre dans un nouvel onglet) Réglages du bloc Tabs dans la documentation

Text Fill Scroll Inclus dans toutes les formules

Remplit progressivement la couleur du texte à mesure que l'élément apparaît à l'écran.

Réglages du bloc Text Fill Scroll dans la documentation

Text Rotator Gratuit

Texte animé, en rotation ou tapé, à l'intérieur d'un élément de titre.

Voir en direct : Text Rotator sur Titres et lettrines (s'ouvre dans un nouvel onglet) Réglages du bloc Text Rotator dans la documentation

Toggle Gratuit

Masquez un contenu derrière un titre que le visiteur clique pour l'afficher, pour une longue réponse ou un ensemble de conditions qui ne doivent pas occuper la page par défaut.

Voir en direct : Toggle sur Bascules et accordéons (s'ouvre dans un nouvel onglet) Réglages du bloc Toggle dans la documentation

Video Facade Gratuit

Intégration vidéo à chargement différé derrière une image miniature ; l'iframe ne se charge qu'au clic pour des pages plus rapides.

Réglages du bloc Video Facade dans la documentation

YouTube Background Gratuit

Vidéo YouTube en lecture d'ambiance sans son, en arrière-plan du contenu superposé.

Voir en direct : YouTube Background sur Event Single | Vidéo pleine largeur (s'ouvre dans un nouvel onglet) Réglages du bloc YouTube Background dans la documentation

WooCommerce

24 blocs, répertoriés sous WooCommerce dans le sélecteur de blocs.

Conference Tickets Inclus dans toutes les formules

Propose des tarifs pour une catégorie de billets, chacun avec un sélecteur de quantité et un lien d'ajout au panier en temps réel.

Voir en direct : Conference Tickets sur Billets (s'ouvre dans un nouvel onglet) Réglages du bloc Conference Tickets dans la documentation

Store Price Filter Inclus dans toutes les formules

Un curseur de fourchette de prix à deux poignées qui filtre directement la grille de produits.

Voir en direct : Store Price Filter sur Boutique avec filtres (s'ouvre dans un nouvel onglet) Réglages du bloc Store Price Filter dans la documentation

Liste d'envies Gratuit

Les produits enregistrés par un client, avec leur prix, leur stock et un bouton d'ajout au panier. Placez-le sur la page choisie dans Options du thème, Wishlist.

Réglages du bloc Liste d'envies dans la documentation

Wishlist Button Gratuit

Enregistre le produit actuel dans la liste de souhaits de l’acheteur. À utiliser dans les modèles de produit et les cartes produit.

Réglages du bloc Wishlist Button dans la documentation

Ajouter au panier Inclus dans toutes les formules

Affiche le formulaire d'ajout au panier WooCommerce pour le produit actuel, avec un champ de quantité facultatif.

Voir en direct : Ajouter au panier sur Robe courte à carreaux (s'ouvre dans un nouvel onglet) Réglages du bloc Ajouter au panier dans la documentation

Cart Table Inclus dans toutes les formules

Affiche le tableau du panier WooCommerce avec les lignes d'articles, les quantités et les totaux.

Voir en direct : Cart Table sur Panier (s'ouvre dans un nouvel onglet) Réglages du bloc Cart Table dans la documentation

Cart Totals Inclus dans toutes les formules

Affiche le panneau des totaux du panier WooCommerce, y compris le sous-total, la livraison et le bouton de paiement.

Voir en direct : Cart Totals sur Panier (s'ouvre dans un nouvel onglet) Réglages du bloc Cart Totals dans la documentation

Checkout Billing Inclus dans toutes les formules

Affiche le formulaire d'adresse de facturation du paiement WooCommerce.

Réglages du bloc Checkout Billing dans la documentation

Checkout Order Review Inclus dans toutes les formules

Affiche le récapitulatif de la commande WooCommerce avec les articles et les totaux.

Réglages du bloc Checkout Order Review dans la documentation

Cross-Sells Inclus dans toutes les formules

Affiche les produits complémentaires du panier WooCommerce en cours. S'affiche uniquement lorsque le panier est actif et contient des produits complémentaires.

Voir en direct : Cross-Sells sur Panier (s'ouvre dans un nouvel onglet) Réglages du bloc Cross-Sells dans la documentation

WooCommerce Notices Inclus dans toutes les formules

Afficher les notifications WooCommerce : erreurs, messages de succès ou informations.

Voir en direct : WooCommerce Notices sur Panier (s'ouvre dans un nouvel onglet) Réglages du bloc WooCommerce Notices dans la documentation

Product Carousel Inclus dans toutes les formules

Affiche les produits WooCommerce dans un carrousel owl-carousel défilable. Prend en charge la lecture automatique, les flèches de navigation, les points de pagination et les points de rupture adaptatifs.

Voir en direct : Product Carousel sur Carrousel (s'ouvre dans un nouvel onglet) Réglages du bloc Product Carousel dans la documentation

Product Categories Inclus dans toutes les formules

Affiche les catégories de produits WooCommerce sous forme de grille de cartes adaptative, avec vignettes, noms et nombre de produits.

Voir en direct : Product Categories sur T-shirt bleu à col rond (s'ouvre dans un nouvel onglet) Réglages du bloc Product Categories dans la documentation

Product Gallery Linker Inclus dans toutes les formules

Une bande de miniatures qui fait défiler le carrousel de la galerie produit jusqu'à l'image sur laquelle vous cliquez.

Voir en direct : Product Gallery Linker sur Lunettes aviateur pour homme (s'ouvre dans un nouvel onglet) Réglages du bloc Product Gallery Linker dans la documentation

Product Images Inclus dans toutes les formules

Affiche l'image mise en avant du produit WooCommerce et, en option, les miniatures de la galerie.

Voir en direct : Product Images sur Robe courte à carreaux (s'ouvre dans un nouvel onglet) Réglages du bloc Product Images dans la documentation

Product Meta Inclus dans toutes les formules

Affiche la carte des métadonnées du produit : SKU, catégories et étiquettes.

Voir en direct : Product Meta sur Robe courte à carreaux (s'ouvre dans un nouvel onglet) Réglages du bloc Product Meta dans la documentation

Product Price Inclus dans toutes les formules

Affiche le prix du produit WooCommerce, y compris le prix promotionnel, avec la mise en forme de la devise.

Voir en direct : Product Price sur Robe courte à carreaux (s'ouvre dans un nouvel onglet) Réglages du bloc Product Price dans la documentation

Product Rating Inclus dans toutes les formules

Affiche la note en étoiles et, en option, le nombre d'avis du produit WooCommerce en cours.

Voir en direct : Product Rating sur Robe courte à carreaux (s'ouvre dans un nouvel onglet) Réglages du bloc Product Rating dans la documentation

Product Share Inclus dans toutes les formules

Affiche la carte « Partager : » avec des liens de partage sur les réseaux sociaux pour le produit WooCommerce en cours.

Voir en direct : Product Share sur Robe courte à carreaux (s'ouvre dans un nouvel onglet) Réglages du bloc Product Share dans la documentation

Product Short Description Inclus dans toutes les formules

Affiche la description courte du produit avec son balisage de paragraphe intact.

Voir en direct : Product Short Description sur Robe courte à carreaux (s'ouvre dans un nouvel onglet) Réglages du bloc Product Short Description dans la documentation

Product Tabs Inclus dans toutes les formules

Affiche les onglets de données produit WooCommerce : Description, Informations complémentaires et Avis.

Voir en direct : Product Tabs sur Robe courte à carreaux (s'ouvre dans un nouvel onglet) Réglages du bloc Product Tabs dans la documentation

Produits Inclus dans toutes les formules

Affichez les produits WooCommerce dans une grille ou une liste. Filtrez par source, catégorie, étiquette et ordre de tri.

Voir en direct : Produits sur Produits (s'ouvre dans un nouvel onglet) Réglages du bloc Produits dans la documentation

Related Products Inclus dans toutes les formules

Affiche une grille de produits WooCommerce associés au produit en cours. S'affiche uniquement sur les modèles de produit unique.

Voir en direct : Related Products sur Robe courte à carreaux (s'ouvre dans un nouvel onglet) Réglages du bloc Related Products dans la documentation

Variation Swatches Inclus dans toutes les formules

Pastilles de couleur ou boutons en forme de pilule qui permettent de choisir la variation d'un produit variable.

Voir en direct : Variation Swatches sur Robe imprimée rose (s'ouvre dans un nouvel onglet) Réglages du bloc Variation Swatches dans la documentation

En-tête

22 blocs listés sous « En-tête » dans l'outil d'insertion de blocs.

App Menu Gratuit

Une barre de navigation de style application, épinglée en bas de l'écran sur les petits appareils.

Voir en direct : App Menu sur Menu - Style application 1 (s'ouvre dans un nouvel onglet) Réglages du bloc App Menu dans la documentation

Color Scheme Toggle Gratuit

Le sélecteur de mode sombre pour les visiteurs. S'affiche sur le site tant que Dark Mode Switch est activé dans Options du thème > Color Scheme > Dark Mode, avec un emplacement qui inclut l'en-tête.

Réglages du bloc Color Scheme Toggle dans la documentation

Header Button Gratuit

Bouton ou lien d'appel à l'action pour un en-tête personnalisé, mis en forme avec les classes de bouton du thème.

Voir en direct : Header Button sur Accueil (s'ouvre dans un nouvel onglet) Réglages du bloc Header Button dans la documentation

Header Cart Gratuit

Icône du mini-panier WooCommerce et menu déroulant pour un en-tête construit. N'affiche rien lorsque WooCommerce est inactif.

Voir en direct : Header Cart sur Accueil (s'ouvre dans un nouvel onglet) Réglages du bloc Header Cart dans la documentation

Header Container Gratuit

La racine d'un en-tête construit : déposez un Logo, une Navigation et d'autres éléments d'en-tête à l'intérieur.

Voir en direct : Header Container sur Restaurant italien (s'ouvre dans un nouvel onglet) Réglages du bloc Header Container dans la documentation

Header Icon Link Gratuit

Un lien unique, réduit à une icône, pour un en-tête construit (liste de souhaits, compte, utilisateur, ouverture du panier, fenêtre modale de connexion), utilisant le balisage .header-misc-icon.

Voir en direct : Header Icon Link sur En-tête SaaS (s'ouvre dans un nouvel onglet) Réglages du bloc Header Icon Link dans la documentation

Header Info Gratuit

Un petit élément d'information ou de contact en ligne (téléphone, e-mail, horaires ou texte), avec une icône et un lien facultatifs, pour un en-tête créé avec le Constructeur d'en-tête.

Voir en direct : Header Info sur Menu - Style 7 (s'ouvre dans un nouvel onglet) Réglages du bloc Header Info dans la documentation

Header Logo Gratuit

Le logo du site pour un en-tête construit. Utilise par défaut le logo du site défini dans Options du thème, ou une image personnalisée choisie.

Voir en direct : Header Logo sur Restaurant italien (s'ouvre dans un nouvel onglet) Réglages du bloc Header Logo dans la documentation

Navigation de l'en-tête Gratuit

Le menu de navigation principal de l'en-tête créé. Choisissez un menu et un alignement.

Voir en direct : Navigation de l'en-tête sur Restaurant italien (s'ouvre dans un nouvel onglet) Réglages du bloc Navigation de l'en-tête dans la documentation

Header Root Gratuit

L'élément le plus externe d'un en-tête construit : il porte les classes de variante et les attributs data-sticky-* lus par le script d'en-tête fixe du thème. Placez-y le groupe #header-wrap (et tout autre contenu d'en-tête).

Voir en direct : Header Root sur Accueil (s'ouvre dans un nouvel onglet) Réglages du bloc Header Root dans la documentation

Header Search Gratuit

Bouton d'affichage de la recherche de l'en-tête. Il émet le déclencheur #top-search auquel est relié le menu déroulant de recherche du thème.

Voir en direct : Header Search sur Accueil (s'ouvre dans un nouvel onglet) Réglages du bloc Header Search dans la documentation

Header Shop Search Gratuit

Un champ de recherche de produits toujours visible pour une ligne d'en-tête : l'alternative, pour la boutique et les annuaires, au bouton d'ouverture de la recherche d'en-tête. Choisissez un champ nu avec une icône au repos ou un groupe de saisie avec un bouton d'envoi.

Voir en direct : Header Shop Search sur Répertoire des en-têtes (s'ouvre dans un nouvel onglet) Réglages du bloc Header Shop Search dans la documentation

Header Side Panel Trigger Gratuit

L'icône d'en-tête qui ouvre le panneau latéral. Ne s'affiche que lorsque le Panneau latéral est activé dans les Options du thème.

Réglages du bloc Header Side Panel Trigger dans la documentation

Header Social Gratuit

Une rangée de liens vers des icônes de réseaux sociaux et de contact pour un en-tête créé, avec le balisage et les styles de top-social.

Voir en direct : Header Social sur Boutique de mode en ligne - Barre latérale de la boutique (s'ouvre dans un nouvel onglet) Réglages du bloc Header Social dans la documentation

Header Topbar Gratuit

La fine barre utilitaire au-dessus d'un en-tête construit (#top-bar) : y déposer Top Links, Header Social, Header Info ou un Language Switcher.

Réglages du bloc Header Topbar dans la documentation

Header Wishlist Gratuit

Un cœur dans l'en-tête qui renvoie vers la liste de souhaits et indique le nombre de produits enregistrés.

Réglages du bloc Header Wishlist dans la documentation

Zone d'en-tête Gratuit

Un emplacement de positionnement dans une ligne Header Container : placez-y un logo, une navigation ou un petit groupe d’éléments d’en-tête, puis utilisez les champs d’alignement, d’ordre et de visibilité pour le placer.

Voir en direct : Zone d'en-tête sur Restaurant italien (s'ouvre dans un nouvel onglet) Réglages du bloc Zone d'en-tête dans la documentation

Icon Nav List Gratuit

Liste verticale Bootstrap .nav icon-link (nav-item > nav-link > icône + texte), utilisée par les panneaux de menu off-canvas.

Voir en direct : Icon Nav List sur Profil utilisateur (s'ouvre dans un nouvel onglet) Réglages du bloc Icon Nav List dans la documentation

Language Switcher Gratuit

Un sélecteur de langue compact pour un en-tête créé avec le constructeur : affiche la langue actuelle et liste les autres, avec le balisage primary-menu with-arrows.

Réglages du bloc Language Switcher dans la documentation

Mega Menu Column Inclus dans toutes les formules

Une seule colonne de méga menu (.mega-menu-column) : un titre et une liste de liens, des liens simples ou du contenu de widget libre. Placez-en une ou plusieurs dans un bloc Row, comme contenu de votre méga menu (Apparence > Menus > Méga menu contrôle toujours le type et le style du panneau externe).

Voir en direct : Mega Menu Column sur Méga menu (s'ouvre dans un nouvel onglet) Réglages du bloc Mega Menu Column dans la documentation

Page Menu Gratuit

Une barre de navigation de page sous l'en-tête, avec des variantes fixe et à points latéraux : défilement par ancres pour une page unique ou liens simples. N'en utilisez qu'une par page.

Voir en direct : Page Menu sur Page with Submenu (s'ouvre dans un nouvel onglet) Réglages du bloc Page Menu dans la documentation

Top Links Gratuit

Le menu de liens de la barre supérieure, avec liste déroulante facultative à un seul niveau, utilisant le balisage et le style .top-links.

Voir en direct : Top Links sur Boutique de mode en ligne - Barre latérale de la boutique (s'ouvre dans un nouvel onglet) Réglages du bloc Top Links dans la documentation

Mise en page

19 blocs, répertoriés sous Mise en page dans le sélecteur de blocs.

Colonne Gratuit

Une colonne de grille adaptative (.col-*). Définissez des largeurs par point de rupture et placez-y le contenu de votre choix.

Voir en direct : Colonne sur Colonnes et grilles (s'ouvre dans un nouvel onglet) Réglages du bloc Colonne dans la documentation

Container Gratuit

Un conteneur .container adaptatif. Placez-y des lignes et des colonnes pour construire des mises en page de sections.

Réglages du bloc Container dans la documentation

Copyrights Gratuit

Un élément de la barre de droits d'auteur du pied de page : la ligne de copyright avec ses liens, ou le menu de liens en ligne. Insérez la variante Copyrights Bar de Wrapper pour afficher les deux côte à côte.

Voir en direct : Copyrights sur Pied de page - Mise en page 2 (s'ouvre dans un nouvel onglet) Réglages du bloc Copyrights dans la documentation

Footer About Gratuit

Une colonne « À propos » du pied de page avec logo, description et adresse facultative, utilisant le balisage .footer-logo.

Voir en direct : Footer About sur Pied de page - Mise en page 2 (s'ouvre dans un nouvel onglet) Réglages du bloc Footer About dans la documentation

Footer Contacts Gratuit

Lignes de contact grand format, avec libellé et valeur, utilisant le balisage et le style de .footer-big-contacts.

Voir en direct : Footer Contacts sur Pied de page - Mise en page 3 (s'ouvre dans un nouvel onglet) Réglages du bloc Footer Contacts dans la documentation

Footer Instagram Gratuit

Un widget de pied de page Instagram / flux photo : une grille en mosaïque d'images avec des liens facultatifs, utilisant le balisage .masonry-thumbs.

Voir en direct : Footer Instagram sur Pied de page - Mise en page 4 (s'ouvre dans un nouvel onglet) Réglages du bloc Footer Instagram dans la documentation

Footer Widget Area Gratuit

Élément racine d'une rangée de widgets de pied de page : placez à l'intérieur les blocs Footer About, Widget Links, Footer Contacts, Subscribe ou Footer Instagram.

Voir en direct : Footer Widget Area sur Pied de page - Mise en page 2 (s'ouvre dans un nouvel onglet) Réglages du bloc Footer Widget Area dans la documentation

Grid Filter Inclus dans toutes les formules

Barre de filtre par catégorie Isotope (.grid-filter) qui pilote les grilles filtrables avec Isotope. Les éléments proviennent d'une taxonomie ou d'une liste manuelle.

Voir en direct : Grid Filter sur Styles de filtre de portfolio (s'ouvre dans un nouvel onglet) Réglages du bloc Grid Filter dans la documentation

Hero Gratuit

Affiche le Hero que chaque page attribue dans son panneau Hero, ou un Hero de votre choix. Créez des Hero sous Canvas → Heroes.

Voir en direct : Hero sur Sections (s'ouvre dans un nouvel onglet) Réglages du bloc Hero dans la documentation

Image Element Gratuit

Une image simple, sans figure ni légende, pour les logos et les badges placés en ligne à côté d'autres contenus.

Voir en direct : Image Element sur Accueil (s'ouvre dans un nouvel onglet) Réglages du bloc Image Element dans la documentation

Inline Contact Gratuit

Une ligne en ligne sans fioritures d'éléments de contact avec icône et texte (e-mail, téléphone, Skype, etc.), séparés par des points médians : la ligne de contact de la barre #copyrights.

Voir en direct : Inline Contact sur Contact (s'ouvre dans un nouvel onglet) Réglages du bloc Inline Contact dans la documentation

Inline Text Gratuit

Un passage de texte placé directement dans son conteneur, sans paragraphe ni span propre. Éléments en ligne terminaux uniquement.

Voir en direct : Inline Text sur Mise en page pleine largeur (s'ouvre dans un nouvel onglet) Réglages du bloc Inline Text dans la documentation

Line Break Gratuit

Un saut de ligne simple utilisé comme espacement. Ajoutez des classes adaptatives dans le panneau Avancé pour ne couper la ligne que sur certaines tailles d'écran.

Voir en direct : Line Break sur Hover Parallax (s'ouvre dans un nouvel onglet) Réglages du bloc Line Break dans la documentation

Titre de page Gratuit

Affiche la bande de titre de page que chaque page présente sous son en-tête, telle que définie dans le panneau Titre de page de la page et dans Options du thème. La bande elle-même correspond à la partie de modèle Page Title.

Voir en direct : Titre de page sur Disposition Titre de page alignée à gauche (s'ouvre dans un nouvel onglet) Réglages du bloc Titre de page dans la documentation

Quantity Input Gratuit

Un sélecteur .quantity : un champ numérique encadré de boutons moins et plus. Statique et indépendant du produit, à associer à un bouton pour une ligne « Ajouter au panier ».

Voir en direct : Quantity Input sur Quantité du panier (s'ouvre dans un nouvel onglet) Réglages du bloc Quantity Input dans la documentation

Row Gratuit

Une ligne de grille. Placez des blocs Canvas Column à l'intérieur pour mettre en page le contenu dans une grille adaptative.

Voir en direct : Row sur Colonnes et grilles (s'ouvre dans un nouvel onglet) Réglages du bloc Row dans la documentation

Page Slider Gratuit

Affiche le slider que chaque page attribue dans son panneau Slider, ou un slider que vous choisissez. Les diapositives, les effets et la hauteur se configurent sur le slider lui-même.

Voir en direct : Page Slider sur Canvas Slider (s'ouvre dans un nouvel onglet) Réglages du bloc Page Slider dans la documentation

Widget Links Gratuit

Colonne de liens en pied de page utilisant le balisage et le style de .widget_links.

Voir en direct : Widget Links sur Widgets (s'ouvre dans un nouvel onglet) Réglages du bloc Widget Links dans la documentation

Wrapper Gratuit

Un élément HTML brut qui ne porte que les classes que vous lui attribuez et qui contient d'autres blocs. Utilisez-le lorsqu'une conception exige un élément conteneur précis, sans classes d'éditeur supplémentaires.

Voir en direct : Wrapper sur Sections (s'ouvre dans un nouvel onglet) Réglages du bloc Wrapper dans la documentation

Événements

16 blocs, répertoriés sous Événements dans l’insertion de blocs.

Conference Program Inclus dans toutes les formules

Programme de sessions par onglets journaliers, ou rangée de cartes d'événements à venir, généré à partir des enregistrements d'événements.

Voir en direct : Conference Program sur Canvas Development Conference (s'ouvre dans un nouvel onglet) Réglages du bloc Conference Program dans la documentation

Event Archive Grid Inclus dans toutes les formules

Grille des événements pour la requête principale (archive + catégorie). Utilise le partiel event-entry-grid et la pagination partagée.

Voir en direct : Event Archive Grid sur Événements (s'ouvre dans un nouvel onglet) Réglages du bloc Event Archive Grid dans la documentation

Event Categories Inclus dans toutes les formules

Affiche les catégories attribuées à l'événement en cours. Prend en charge les styles texte, badge et pastille. S'affiche uniquement sur le type de contenu canvas_event.

Réglages du bloc Event Categories dans la documentation

Event Content Inclus dans toutes les formules

Affiche l'intégralité du contenu de l'événement en cours via le filtre the_content. S'affiche uniquement pour le type de publication canvas_event.

Voir en direct : Event Content sur Event Single (s'ouvre dans un nouvel onglet) Réglages du bloc Event Content dans la documentation

Event Date Inclus dans toutes les formules

Affiche les dates de début et de fin de l'événement, avec l'heure facultative et l'icône de calendrier. S'affiche uniquement sur le type de contenu canvas_event.

Réglages du bloc Event Date dans la documentation

Event Excerpt Inclus dans toutes les formules

Affiche un extrait raccourci de l'événement en cours.

Réglages du bloc Event Excerpt dans la documentation

Event Image Inclus dans toutes les formules

Affiche l’image à la une de l’événement en cours. S’affiche uniquement pour le type de contenu canvas_event.

Voir en direct : Event Image sur Event Single (s'ouvre dans un nouvel onglet) Réglages du bloc Event Image dans la documentation

Event Location Inclus dans toutes les formules

Affiche le nom et l'adresse du lieu de l'événement, avec un lien Google Maps facultatif et une icône de localisation. S'affiche uniquement pour le type de contenu canvas_event.

Réglages du bloc Event Location dans la documentation

Event Meta Inclus dans toutes les formules

Affiche les métadonnées de l'événement : date, lieu, organisateur et prix. Chaque champ peut être affiché ou masqué indépendamment. S'affiche uniquement pour le type de contenu canvas_event.

Voir en direct : Event Meta sur Événement unique | Deux barres latérales (s'ouvre dans un nouvel onglet) Réglages du bloc Event Meta dans la documentation

Event Navigation Inclus dans toutes les formules

Affiche les liens de navigation vers l'événement précédent et suivant, avec des libellés configurables et des vignettes facultatives. Ne s'affiche que sur le type de contenu canvas_event.

Voir en direct : Event Navigation sur Événement unique | Deux barres latérales (s'ouvre dans un nouvel onglet) Réglages du bloc Event Navigation dans la documentation

Event Organizer Inclus dans toutes les formules

Affiche l'organisateur de l'événement avec un lien facultatif vers son site web et une icône de personne. S'affiche uniquement sur le type de contenu canvas_event.

Réglages du bloc Event Organizer dans la documentation

Event Posts Inclus dans toutes les formules

Interroge et affiche les publications canvas_event dans une grille de cartes adaptative. Permet de filtrer les événements à venir, passés ou tous. Peut être placé sur n'importe quelle page.

Voir en direct : Event Posts sur Liste des événements (s'ouvre dans un nouvel onglet) Réglages du bloc Event Posts dans la documentation

Event Price Inclus dans toutes les formules

Affiche le prix de l’événement ou un libellé « Gratuit » configurable lorsqu’aucun prix n’est défini. Prend en charge les styles texte et badge. S’affiche uniquement sur le type de contenu canvas_event.

Réglages du bloc Event Price dans la documentation

Related Events Inclus dans toutes les formules

Affiche une grille d'événements associés selon les catégories communes. S'affiche uniquement sur le type de publication canvas_event.

Voir en direct : Related Events sur Festival de musique de printemps (s'ouvre dans un nouvel onglet) Réglages du bloc Related Events dans la documentation

Event Title Inclus dans toutes les formules

Affiche le titre de l’événement en cours dans une balise de titre configurable, avec un lien permanent facultatif. S’affiche uniquement pour le type de contenu canvas_event.

Réglages du bloc Event Title dans la documentation

Events Calendar Inclus dans toutes les formules

Un calendrier mensuel de vos événements, avec les contrôles précédent, suivant et aujourd'hui. Chaque jour renvoie aux événements qui s'y déroulent.

Voir en direct : Events Calendar sur Events Calendar (s'ouvre dans un nouvel onglet) Réglages du bloc Events Calendar dans la documentation

Portfolio

8 blocs, listés sous Portfolio dans le sélecteur de blocs.

Portfolio Archive Grid Inclus dans toutes les formules

Grille de portfolio pour la requête principale (archive + catégorie). Utilise le fichier partiel portfolio-entry-grid et la grille en superposition #portfolio.

Voir en direct : Portfolio Archive Grid sur Portfolio (s'ouvre dans un nouvel onglet) Réglages du bloc Portfolio Archive Grid dans la documentation

Portfolio Categories Inclus dans toutes les formules

Affiche les catégories de taxonomie attribuées au projet de portfolio en cours. À utiliser dans les modèles de projet de portfolio individuel.

Voir en direct : Portfolio Categories sur Identité de marque Meridian (s'ouvre dans un nouvel onglet) Réglages du bloc Portfolio Categories dans la documentation

Portfolio Content Inclus dans toutes les formules

Affiche l’intégralité du contenu du projet portfolio en cours. À utiliser dans les modèles de projet portfolio individuel.

Voir en direct : Portfolio Content sur Open Imagination (s'ouvre dans un nouvel onglet) Réglages du bloc Portfolio Content dans la documentation

Portfolio Image Inclus dans toutes les formules

Affiche la zone média du projet de portfolio en cours : image mise en avant, curseur de galerie, vidéo du projet ou grille de miniatures. À utiliser dans les modèles de portfolio à projet unique.

Voir en direct : Portfolio Image sur Open Imagination (s'ouvre dans un nouvel onglet) Réglages du bloc Portfolio Image dans la documentation

Portfolio Meta Inclus dans toutes les formules

Affiche les informations du projet portfolio : client, date, compétences et URL. À utiliser dans les modèles de portfolio à projet unique.

Voir en direct : Portfolio Meta sur Open Imagination (s'ouvre dans un nouvel onglet) Réglages du bloc Portfolio Meta dans la documentation

Portfolio Navigation Inclus dans toutes les formules

Affiche les liens de navigation vers les projets de portfolio précédent et suivant. À utiliser dans les modèles de projet individuel de portfolio.

Voir en direct : Portfolio Navigation sur Open Imagination (s'ouvre dans un nouvel onglet) Réglages du bloc Portfolio Navigation dans la documentation

Portfolio Related Inclus dans toutes les formules

Affiche les projets de portfolio associés en fonction des catégories communes. À utiliser dans les modèles de projet individuel de portfolio.

Voir en direct : Portfolio Related sur Open Imagination (s'ouvre dans un nouvel onglet) Réglages du bloc Portfolio Related dans la documentation

Portfolio Title Inclus dans toutes les formules

Affiche le titre du projet de portfolio en cours. À utiliser dans les modèles de portfolio individuel.

Voir en direct : Portfolio Title sur Identité de marque Meridian (s'ouvre dans un nouvel onglet) Réglages du bloc Portfolio Title dans la documentation

Formulaires

5 blocs, listés sous Formulaires dans l'outil d'insertion de blocs.

Form Inclus dans toutes les formules

Un formulaire fonctionnel. Placez à l'intérieur les blocs Form Field et Form Submit : les envois sont validés, enregistrés et envoyés par e-mail.

Voir en direct : Form sur Styles des formulaires (s'ouvre dans un nouvel onglet) Réglages du bloc Form dans la documentation

Form Embed Inclus dans toutes les formules

Intégrez un formulaire Canvas où vous le souhaitez sur le site en sélectionnant son ID du formulaire.

Voir en direct : Form Embed sur Index de la boutique (s'ouvre dans un nouvel onglet) Réglages du bloc Form Embed dans la documentation

Form Field Inclus dans toutes les formules

Un champ de saisie unique. À utiliser dans un Canvas Form pour recueillir les données saisies par l’utilisateur.

Voir en direct : Form Field sur Éléments de formulaire (s'ouvre dans un nouvel onglet) Réglages du bloc Form Field dans la documentation

Form Submit Button Inclus dans toutes les formules

Le bouton d'envoi d'un formulaire Canvas. Prend en charge des variantes de style, la taille, un mode pleine largeur et une icône.

Voir en direct : Form Submit Button sur Styles des formulaires (s'ouvre dans un nouvel onglet) Réglages du bloc Form Submit Button dans la documentation

Quick Contact Inclus dans toutes les formules

Un widget de formulaire de contact compact « Quick Quotation » (nom / e-mail / message), mis en forme avec le CSS des formulaires Canvas.

Voir en direct : Quick Contact sur Widgets (s'ouvre dans un nouvel onglet) Réglages du bloc Quick Contact dans la documentation

Blocs propres aux démos

105 blocs livrés avec leur démo

Certains designs nécessitent un bloc qui n'a de sens que dans ce design. Ces blocs sont toujours enregistrés, de sorte qu'une démo que vous avez importée continue de s'afficher indéfiniment, mais ils n'apparaissent pas dans le sélecteur de blocs des sites qui ne les ont jamais demandés.

Articles 72

Academic Posts, Album Tiles, Architecture Projects, Architecture Team, Arrangement Gallery, Artist Bubbles, Bakery Menu, Barber Items et 64 autres.

Voir tous les 72 blocs Posts
Articles académiques, Vignettes d'albums, Projets d'architecture, Équipe d'architecture, Galerie d'arrangements, Bulles d'artistes, Menu de boulangerie, Éléments de barbier, Kits de beauté, Locations de vélos, Services de comptabilité, Modèles de bots, Réalisations d'agence de branding, Réalisations de studio de branding, Menu du café, Campagnes, Grille des compétences, Services de soins, Causes, Films de chaîne, Équipe de nettoyage, Services de nettoyage, Intervenants de la conférence, Sponsors de la conférence, Espaces de coworking, Vitrine des créateurs, Cours de CrossFit, Séance de CrossFit, Équipe dentaire, Soins dentaires, Médecins, Biens immobiliers, Programme de l'événement, Intervenants de l'événement, Intervenants de l'événement, Programmation du festival, Menu food truck, Actualités du club de football, Matchs de jeu vidéo, Produit casque, Boutiques de casques, Chambres d'auberge, Garanties d'assurance, Actualités de la maternelle, Programmes de maternelle, Épisodes lifestyle, Articles lifestyle, Programmes de prêt, Disciplines d'arts martiaux, Services médicaux, Médecins, Spécialités médicales, Éléments de menu, Articles de déménageurs, Services de déménagement, Éléments NFT, Services pour animaux, Photos du photographe, Modules de plateforme, Épisodes de podcast, Recettes, Résidences, Réalisations d'architecte indépendant, Soins spa, Actualités du tennis, Tournois de tennis, Soins thérapeutiques, Collection de titres, Hôtels de voyage, Forfaits voyage, Dégustations de vin, Cours de yoga.

WooCommerce 10

Channel Merch, Event Passes, Fashion Cart Part, Fashion Product Part, Fashion Products, Gear Products, Illustrator Prints, Lifestyle Picks, Store Products, eCommerce Products.

Contenu 7

Cartes d'articles, Calculateur financier, Discussion de forum, Membres du forum, Sujets du forum, Catégories de recettes, Calculateur de location.

Interactifs 6

Audio Player Bar, Configurator Option, Domain Search, Host Price, Host Slider, Play Track Button.

Canvas 4

FAQ dentaire, Fond à trame de points, Flux de transactions en direct, Carte virtuelle.

En-tête 3

Forum Header Dropdown, Forum Search Overlay, Photographer Menu.

Portfolio 3

Motion Works, Portfolio Grid, Videographer Works.

La section Blocs des Options du thème Canvas, qui répertorie chaque bloc enregistré par Canvas avec une case à cocher à côté de chacun

Options du thème répertorie chaque bloc enregistré par Canvas, y compris ceux propres aux démos, chacun avec un interrupteur qui le retire de l'inséreur et empêche le chargement de ses ressources front-end.

Importez une démo et ses blocs apparaissent dans les pages qu'elle a créées, entièrement modifiables, avec les mêmes panneaux de réglages que tous les autres blocs Canvas. Annulez l'import de la démo et ils disparaissent avec elle.

Commandes communes

Chaque bloc inclut ces éléments

Sept réglages figurent sur chaque bloc enregistré par Canvas, et les quatre premiers figurent aussi sur les blocs natifs et ceux de tiers, car ils sont ajoutés à l'éditeur plutôt qu'à nos blocs.

Un bloc Canvas sélectionné dans l'éditeur WordPress, avec ses panneaux de réglages ouverts dans la barre latérale

Le panneau latéral d'un bloc sélectionné. Tout ce qu'un visiteur voit est ici un réglage, ce qui explique qu'il n'y ait pas de vue code à ouvrir.

Animation

Faites apparaître un bloc au moment où il entre dans la zone visible, avec une vitesse, un délai et une animation de sortie facultative. Le mouvement respecte la préférence de réduction des animations du visiteur.

CSS personnalisé

Écrivez du CSS pour une seule instance de bloc lorsqu'un réglage natif ne permet pas d'obtenir le rendu souhaité. Il est limité à ce bloc et filtré avant d'atteindre la page.

Attributs personnalisés

Ajoutez des attributs data ou ARIA à l'élément racine d'un bloc depuis la barre latérale, afin qu'un script tiers ou un outil de test puisse le trouver.

Conditions d'affichage

Afficher ou masquer un bloc selon l'état de connexion, le rôle de l'utilisateur, la taille de l'appareil ou la valeur d'une option du thème, afin qu'une même page puisse s'adresser à plusieurs publics.

Valeurs par défaut des blocs

Configurez un bloc comme vous le souhaitez une seule fois, puis enregistrez ces réglages comme valeur par défaut pour chaque bloc que vous insérez ensuite sur ce site.

Préréglages de style globaux

Enregistrez un style nommé et appliquez-le à des blocs partout sur le site. Si vous modifiez le préréglage plus tard, chaque bloc qui l'utilise change avec lui.

Chargement des ressources par bloc

Une page ne charge que le CSS et le JavaScript des blocs qu'elle affiche réellement, ainsi une page sans slider ne télécharge jamais le script du slider.

Commencer par une section

183 motifs de blocs

Un motif insère une section complète dans la page sous forme de blocs ordinaires que vous modifiez ensuite. Aucun HTML brut ne se trouve à l'intérieur, de sorte que chaque titre, image, icône et lien reste un réglage dans la barre latérale.

Les motifs sont regroupés en 17 catégories dans l'outil d'insertion :

  • En-tête
  • Contenu
  • Formulaires
  • Pied de page
  • Blog
  • Hero
  • Galerie
  • Appel à l'action
  • Tarifs
  • Pages
  • Fonctionnalités
  • Événements
  • Pop-up
  • Réseaux sociaux
  • Testimonials
  • Portfolio
  • FAQ

Les motifs sont étiquetés plutôt que verrouillés : un motif premium reste visible dans le sélecteur de blocs avec son étiquette, et il s'affiche en entier lorsque les blocs qu'il contient sont gratuits. 173 modèles de bloc et 4 variations de style livrés avec le thème fonctionnent de la même façon, dans l'Éditeur de site.

Chaque bloc, dans les deux formules

Il n'y a pas de palier supérieur à franchir. Les formules Annuel et À vie proposent les mêmes 314 blocs, les mêmes 183 motifs et les mêmes 88 Démos.