Description
Le moyen le plus simple de créer un superbe site web.
Twentig vous aide à personnaliser le thème par défaut de WordPress (Twenty Twenty-One et Twenty Twenty) comme vous le souhaitez avec les polices Google Fonts, les couleurs, les mises en page personnalisées et de nombreuses autres options.
Avec des blocs Gutenberg magnifiés, des modèles préconçus, et des sites web de démarrage, vous avez tout pour créer de superbes pages qui s’affichent parfaitement sur tous les appareils — aucune compétence en codage ou en design n’est nécessaire.
“Twentig est une extension qui donne des super pouvoirs au thème par défaut.” — Justin Tadlock, WP Tavern
Personnalisez le thème WordPress le plus populaire. À votre façon.
Twentig vous offre de puissantes fonctionnalités pour personnaliser les thèmes Twenty Twenty-One et Twenty Twenty — ce qui facilite la création de votre site web professionnel.
Personnalisation avancée du thème. De l’affichage des articles du blog en grille à la colonne latérale, en passant par l’en-tête fixe et la disposition du pied de page, notre plugin vous offre des possibilités infinies pour améliorer votre thème WordPress. Changez l’apparence de votre site web en personnalisant les polices (Google Fonts), les couleurs, les styles, la page 404, et plus encore.
Modèles de pages personnalisés. Contrôlez entièrement l’apparence de votre page avec nos modèles de pages. Retirez facilement le titre de la page, l’en-tête, le pied de page ou définissez un en-tête transparent. Vous pouvez désormais utiliser les blocs Gutenberg pour créer une bannière, une page de destination, une page « coming soon », et plus encore.
Design sur mesure. Twentig améliore le design du thème par défaut de WordPress. Nos réglages de blocs et nos modèles de blocs sont conçus spécialement pour lui — il est donc facile de créer de magnifiques pages avec les blocs Gutenberg.
Commencez avec un site web préconçu.
Au lieu de partir de zéro, vous pouvez rapidement importer l’un des sites web de démarrage Twentig conçu par des designers primés.
Le moyen simple d’importer des sites web de démarrage. Choisissez parmi une variété de sites web de démarrage et chargez-les en quelques secondes dans l’outil de personnalisation. Prévisualisez et personnalisez votre thème comme vous le souhaitez avant de le publier sur votre site en ligne.
Importation flexible. Twentig vous permet d’importer des sites web complets (réglages de personnalisation, menus, widgets, et pages créées avec des blocs Gutenberg). Vous pouvez également importer uniquement ce dont vous avez besoin, que ce soit le style ou les pages, sur une nouvelle installation ou sur un site web existant.
Consultez nos sites web de démarrage pour voir la puissance et la flexibilité de Twentig.
Allez plus loin avec les blocs Gutenberg.
Twentig améliore les blocs Gutenberg de base, amenant l’éditeur de blocs WordPress à un niveau supérieur de design et de créativité.
Personnalisation des blocs facilitée. Nous avons ajouté la quantité optimale de fonctionnalités aux blocs Gutenberg de base Ainsi, vous pouvez facilement personnaliser vos blocs en fonction de vos besoins en quelques clics.
Fonctionnalités de blocs Gutenberg puissantes. Twentig propose des styles supplémentaires, des réglages de blocs avancés, des paramètres de marge et des classes CSS. Du style des colonnes aux formes de séparation des groupes en passant par les réglages typographiques, vous disposez des meilleurs outils pour personnaliser les blocs Gutenberg et créer de superbes pages.
Créez vos pages avec des modèles prêts à l’emploi.
Twentig propose des centaines de compositions et de modèles de pages préconçus avec des blocs — il est donc plus facile et rapide que jamais de créer de belles pages.
Templates flexibles. Choisissez parmi une variété de compositions et de modèles de page polyvalents que vous pouvez combiner et adapter à votre projet. Notre bibliothèque de templates de blocs permet un large éventail d’utilisations et des possibilités de design infinies.
Design professionnel. Nos templates sont optimisés pour les appareils mobiles et apportent instantanément à vos pages un aspect professionnel — aucune compétence en codage ou en design n’est nécessaire.
Liste des fonctionnalités de Twentig
Consultez les captures d’écran pour voir comment Twentig peut transformer votre thème et les blocs Gutenberg.
OPTIONS DE THÈME ADDITIONNELLES
En-tête
- Mises en page de l’en-tête
- En-tête fixe
- Largeur de l’en-tête
- Décoration de l’en-tête
- Éléments additionnels: barre de recherche, icônes de réseaux sociaux, bouton
- Largeur du logo
- Logo pour l’en-tête transparent
- Style de lien du menu
- Option d’affichage du menu hamburger sur tablette
Pied de page
- Mises en page du pied de page
- Mise en page des widgets
- Largeur du pied de page
- Copyright personnalisé et suppression de « Propulsé par WordPress »
- Icônes de réseaux sociaux
Mise en page du site
- Largeur du texte
- Grande largeur (thème Twenty Twenty-One)
- Largeur de site pour créer un site encadré (thème Twenty Twenty-One)
Page des articles du blog
- Option permettant d’afficher le titre de la page (thème Twenty Twenty-One)
- Mise en page du blog : empilé, grille, grille de cartes
- Colonne latérale du blog (thème Twenty Twenty-One)
- Nombre de colonnes pour la grille
- Options de l’image mise en avant
- Options du contenu de la publication
- Options des métas de la publication
- Style de la pagination (thème Twenty Twenty-One)
Article seul
- Disposition de l’image mise en avant et du titre de l’article
- Colonne latérale du blog (thème Twenty Twenty-One)
- Option d’affichage de l’extrait manuel sous le titre
- Options des métas de la publication
- Disposition de la navigation de l’article (thème Twenty Twenty)
- Masquer la section commentaires
Typographie & couleurs
- Options Google Fonts (sélection et choix personnalisé)
- Appariements et préréglages des polices Google Fonts
- Réglages de police
- Options de couleur
Pages
- Modèles de pages personnalisés : retirez le titre, l’en-tête et le pied de page ou définissez un en-tête transparent
- Disposition de l’image mise en avant et du titre de page
Page 404 personnalisée
- Option pour définir n’importe quelle page en tant que page 404
Réglages supplémentaires
- Style minimal pour les liens (thème Twenty Twenty-One)
- Style de bouton
- Style de séparateur
- Style des icônes de réseaux sociaux (thème Twenty Twenty)
RÉGLAGES DE BLOCS GUTENBERG SUPPLÉMENTAIRES
- Blocs Gutenberg : marge supérieure et marge inférieure
- Groupe : ombre, bordure, forme de séparation, pleine hauteur
- Colonnes : gouttière, disposition responsive, style des colonnes (carte, bordure), alignement du texte, lien étiré
- Média& texte : styles (ombre, chevauchement), disposition responsive, ordre d’empilement inversé, lien étiré, pleine hauteur
- Bannière : styles (ombre, bordure intérieure), lien étiré, effet au survol
- Titre : options typographiques, décoration
- Paragraphe : grande largeur, options typographiques
- Liste : styles (tiret, coche, flèche, bordure, sans puce, en ligne), options typographiques, espacement
- Image : styles (arrondi, ombre, cadre, bordure), filtre d’image
- Galerie : variante empilée, styles (arrondi, cadre), colonnes à largeur fixe, proportion de l’image, gouttière, disposition responsive, taille de légende, bordure, filtre d’image
- Blocs YouTube, Vimeo, SoundCloud, et Vidéo : style (cadre)
- Articles récents : styles (carte, bordure), proportion de l’image, taille de titre, lien étiré, alignement du texte
- Icônes de réseaux sociaux: effet au survol
- Citation : styles additionnels
- Citation en exergue : styles additionnels
- Tableau : style (bordure, bordure intérieure), alignement vertical
- Séparateur : style (ligne courte), visibilité responsive
- Espacement : visibilité responsive
BIBLIOTHÈQUE DE MODÈLES
Des centaines de compositions de blocs Gutenberg regroupées selon les catégories suivantes :
- Colonnes
- Colonnes de texte
- Texte et Image
- Texte
- Section de titre de page
- Bannière
- Appel à l’action
- Liste
- Nombres, statistiques
- Galerie
- Vidéo, son
- Articles récents
- Contact
- Équipe
- Témoignages
- Logos, clients
- Tarifs
- FAQ
- Evènements, programme
Des dizaines de modèles de page préconçus regroupés selon les catégories suivantes :
- Page d’accueil
- À propos
- Services
- Contact
- Page unique
Et plus encore
- Consultez notre guide de démarrage rapide pour apprendre les bases de l’utilisation de Twentig.
- Abonnez-vous à notre newsletter pour recevoir du contenu exclusif, des conseils et des mises à jour.
- Abonnez-vous à notre chaîne YouTube pour les tutoriels à venir.
Vous aimez Twentig ?
- Notez-le sur WordPress.
- Faites un don pour soutenir son développement.
Captures d’écran
Twentig. Le moyen le plus simple de créer un site web adapté à votre projet — aucune compétence en codage et en design n’est nécessaire. 
Commencez avec un site web préconçu. Importez facilement l’un de nos magnifiques sites web de démarrage et personnalisez le thème selon vos besoins. 
Créez un superbe blog. Personnalisez le design de votre blog comme bon vous semble. 
Personnalisez l’en-tête. Changez la mise en page et le style, affichez des icônes de réseaux sociaux ou un bouton d’appel à l’action, et fixez l’en-tête en haut. 
Personnalisez votre pied de page. Modifiez la mise en page et le style, modifiez le copyright, retirez « Propulsé par WordPress », et plus encore. 
Ajoutez des Google Fonts. Modifiez facilement les polices de votre thème grâce à notre sélection de polices Google Fonts ou choisissez celles de votre choix. 
Construisez avec la bibliothèque de templates Twentig. Créez vos pages en un rien de temps avec nos compositions de blocs et modèles de pages. 
Personnalisez les blocs Gutenberg. Transformez les blocs Gutenberg de base avec des réglages avancés pour créer une superbe page. 
Créez avec des compositions de blocs Gutenberg. Choisissez parmi des centaines de compositions prêtes à l’emploi que vous pouvez combiner et adapter. 
Créez avec des modèles de page personnalisés. Contrôlez entièrement l’apparence de votre page. Retirez le titre de la page, l’en-tête, le pied de page ou définissez un en-tête transparent. 
Créez une page 404 personnalisée. Enchantez vos visiteurs avec une magnifique page 404.
Installation
Installer Twentig
Pour installer et activer Twentig :
- Connectez-vous à votre tableau de bord WordPress.
- Cliquez sur Extensions > Ajouter.
- Tapez Twentig dans la boîte de recherche.
Vous pouvez également cliquer sur « Téléverser une extension » pour téléverser le fichier .zip de l’extension. - Cliquez sur « Installer maintenant ».
Une fois l’installation terminée, cliquez sur Activer.
Installer le thème par défaut de WordPress
Pour tirer pleinement parti de Twentig et de l’éditeur de blocs Gutenberg, nous vous recommandons vivement d’utiliser Twenty Twenty-One (ou Twenty Twenty), le thème par défaut de WordPress.
Pour installer et activer le thème Twenty Twenty-One :
- Connectez-vous à votre tableau de bord WordPress.
- Cliquez sur Apparence > Thèmes.
- Recherchez le thème Twenty Twenty-One et cliquez sur Activer.
Après l’installation
Les fonctionnalités de Twentig apparaissent dans l’éditeur de blocs Gutenberg et dans l’outil de personnalisation du thème.
- Dans l’outil de personnalisation du thème (Apparence > Personnaliser), trouvez nos options supplémentaires dans les panneaux Identité du site, Couleurs et Options Twentig.
- Dans l’éditeur de blocs Gutenberg, trouvez les compositions Twentig en cliquant sur l’icône « + ».
- Dans l’éditeur de blocs Gutenberg, trouvez les mises en pages préconçues Twentig en cliquant sur l’icône [tw] dans le coin supérieur droit.
- Dans l’éditeur de blocs Gutenberg, trouvez des réglages de blocs supplémentaires dans l’onglet « Bloc » de la colonne latérale de réglages (panneaux Style, Réglages Twentig et Avancé) — en fonction du bloc sélectionné.
- Dans l’éditeur de blocs Gutenberg, trouvez nos modèles de page personnalisés sous le panneau « Modèle » dans l’onglet « Page » de la colonne latérale de réglages.
FAQ
-
Quels sont les prérequis pour utiliser Twentig ?
-
Nous vous recommandons d’utiliser la dernière version de WordPress pour tirer pleinement parti de Twentig et de l’éditeur de blocs Gutenberg.
-
Qu’est-ce que Gutenberg ?
-
Gutenberg est le nom de code de l’éditeur de blocs de WordPress. Gutenberg est la fondation qui révolutionne la personnalisation et la création de sites dans WordPress.
-
Twentig est-il facile à utiliser ?
-
Avec Twentig, aucune compétence en codage ou en design n’est nécessaire. Vous pouvez personnaliser le thème par défaut de WordPress et les blocs Gutenberg en quelques clics. Nos compositions et templates préconçus sont optimisés pour les appareils mobiles et facilitent la création de pages de qualité professionnelle.
-
Que dois-je faire pour commencer ?
-
Pour vous aider à démarrer, vous serez invité à suivre une visite guidée après avoir activé Twentig. Elle vous permettra de découvrir les bases de l’utilisation de Twentig.
-
Avez-vous un guide de démarrage rapide ?
-
Oui, vous pouvez le trouver sur notre site web.
-
Comment personnaliser les thèmes Twenty Twenty-One et Twenty Twenty avec Twentig ?
-
Pour personnaliser votre thème, lancez l’outil de personnalisation (Apparence > Personnaliser). De là, vous pouvez facilement apporter des modifications à votre site web et les prévisualiser avant de les publier.
Pour le thème Twenty Twenty-One, trouvez nos options supplémentaires dans les panneaux Identité du site, Couleurs et Options Twentig.
Pour le thème Twenty Twenty, trouvez nos options supplémentaires dans les panneaux Identité du site, Couleurs, Modèle avec bannière et Options Twentig.
-
Comment insérer un modèle préconçu ?
-
Pour insérer une composition :
- Dans l’éditeur de blocs Gutenberg, placez votre curseur à l’endroit où vous souhaitez insérer la composition.
- Cliquez sur l’icône « + » pour ajouter un nouveau bloc.
- Cliquez sur l’onglet « Compositions ».
- Parcourez les catégories et cliquez sur la composition de blocs que vous souhaitez insérer.
Pour insérer une mise en page :
- Dans l’éditeur de blocs Gutenberg, placez votre curseur à l’endroit où vous souhaitez insérer la mise en page.
- Dans le coin supérieur droit, cliquez sur l’icône [tw] pour afficher les mises en page préconçues Twentig.
- Parcourez les catégories et cliquez sur la mise en page que vous souhaitez insérer.
-
Pour vous permettre de contrôler entièrement l’apparence de votre page, Twentig propose 4 modèles de page personnalisés. Pour changer le modèle d’une page :
- Ouvrez la page que vous souhaitez modifier.
- Dans la colonne latérale de réglages, ouvrez l’onglet Page.
- Dans le panneau « Modèle », sélectionnez le modèle souhaité.
- Mettez à jour la page pour appliquer la modification.
-
Comment remplacer le titre de page par défaut par une bannière personnalisée ?
-
Twentig vous permet de remplacer la bannière de titre d’une page. Vous pouvez la créer de toutes pièces à l’aide des blocs Gutenberg, ou insérer l’une de nos compositions de blocs prêtes à l’emploi.
- Ouvrez la page que vous souhaitez modifier et saisissez le titre de la page comme vous en avez l’habitude.
- Sélectionnez l’un des modèles de page Twentig (voir question précédente).
- Placez votre curseur en haut de l’éditeur, juste en dessous du titre de la page.
- Cliquez sur l’icône + pour ajouter un nouveau bloc et cliquez sur l’onglet « Compositions ».
- Parcourez la catégorie « Section de titre de page » et cliquez sur la composition que vous souhaitez insérer.
-
Twentig supporte-t-il les écritures de droite à gauche ?
-
Oui ! Twentig et le thème WordPress par défaut prennent tous deux en charge les écritures de droite à gauche (RTL).
Avis
Contributeurs & développeurs
« Theme Kit for Twenty Twenty-One & Twenty Twenty (Customization, Gutenberg Blocks, Templates) – Twentig » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.
Contributeurs
“Theme Kit for Twenty Twenty-One & Twenty Twenty (Customization, Gutenberg Blocks, Templates) – Twentig” a été traduit dans 4 locales. Remerciez l’équipe de traduction pour ses contributions.
Le développement vous intéresse ?
Parcourir le code, consulter le SVN dépôt, ou s’inscrire au journal de développement par RSS.
Journal
1.3.6
Release date: September 15, 2021
- New: Adds Twentig Home with quick links.
- New: Adds Twentig guided tour.
- Enhancement: Updates Twentig Page Layouts sidebar.
- Code quality: Removes deprecated CSS for IE 11.
For Twenty Twenty-One theme:
- New: Adds Patreon, Telegram, Tiktok, and WhatsApp icons for the social menus.
- Fix: Fixes URL mapping for Mastodon.
For Twenty Twenty theme:
- New: Adds Patreon social icon for the social menus.
- Fix: Fixes URL mapping for Mastodon, Telegram, and WhatsApp.
- Fix: Adds compatibility between the blog’s no content option and bbPress.
1.3.5
Release date: August 10, 2021
- Fix: Adjusts CSS for the Contact Form 7 loader.
For Twenty Twenty theme:
- Fix: Restores the units for the Gutenberg column block.
- Fix: Restores the alignment of the button block for the deprecated markup.
1.3.4
Release date: July 22, 2021
- Fix: check that a block pattern category is registered before calling unregister_block_pattern_category to prevent an error message when WordPress is in debug mode.
1.3.3
Release date: July 21, 2021
- New: Adds a setting to restore the classic widgets editor (WordPress dashboard > Twentig > Settings).
- New: Moves Twentig Gutenberg block patterns inside the block inserter.
- Code quality: Updates the markup of several Twentig Gutenberg block patterns.
- Fix: Adjusts CSS for compatibility with WordPress 5.8.
For Twenty Twenty-One theme:
- New: Adds a Theme Customizer setting to hide the blog’s title.
1.3.2
Release date: July 5, 2021
- Fix compatibility issue with third-party block plugins (Gutenberg Blocks by Kadence Blocks).
1.3.1
Release date: June 24, 2021
- New: Adds default starter websites.
- New: Displays shortcode inside footer custom credit.
- New: Adds margin support for upcoming Gutenberg 5.8 blocks.
- Fix: Makes the image frame style compatible with left and right alignment.
For Twenty Twenty-One theme:
- New: Adds a filter hook to the post author output.
- Fix: Restores CSS class for the menu breakpoint.
- Fix: Skip enqueueing JavaScript for AMP (props to @milindmore22).
1.3
Release date: May 12, 2021
Twentig 1.3 brings a new way to import starter websites inside the Theme Customizer, making it easier than ever to build a beautiful website.
- New: Adds starter websites importer to the Theme Customizer.
- New: Adds 10 starter websites.
- Enhancement: Improves the Customizer live preview functionality for Twentig settings.
- Code quality: Escapes the Customizer strings.
For Twenty Twenty-One theme:
- Enhancement: Updates the Google fonts .json file.
- Fix: Makes the text of the blog card visible when dark mode support is enabled.
- Fix: Makes the block-based footer visible when the content of the blog posts is disabled.
Previous major release: 1.2
Release date: December 26, 2020
Twentig 1.2 brings powerful features to enhance Twenty Twenty-One, the new default WordPress theme. Build a beautiful website with advanced Theme Customizer options, enhanced Gutenberg blocks, custom page templates, block patterns, and more.
This release includes:
- New: Added support for the Twenty Twenty-One theme.
- Enhancement: For the Group block decoration, display the selected shape inside the Gutenberg block editor.
- Enhancement: For the Twenty Twenty Theme Customizer, change number inputs into range inputs.
- Fix: Load theme-specific files after the theme is initialized to prevent errors when switching themes inside the Customizer.
- Fix: For the Search block, remove the deprecated CSS classes.
- Fix: For the Embed block, restore the margin controls.
- Code quality: For the Twenty Twenty theme, split the main PHP file into separate files.
- Code quality: For the Twenty Twenty theme, register specific block styles inside the theme PHP files.