Theme Kit for Twenty Twenty-One & Twenty Twenty (Customization, Gutenberg Blocks, Templates) – Twentig

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 extension 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 modèles 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

Vous aimez Twentig ?

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 :

  1. Connectez-vous à votre tableau de bord WordPress.
  2. Cliquez sur Extensions > Ajouter.
  3. 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.
  4. 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 :

  1. Connectez-vous à votre tableau de bord WordPress.
  2. Cliquez sur Apparence > Thèmes.
  3. 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 :

  1. Dans l’éditeur de blocs Gutenberg, placez votre curseur à l’endroit où vous souhaitez insérer la composition.
  2. Cliquez sur l’icône « + » pour ajouter un nouveau bloc.
  3. Cliquez sur l’onglet « Compositions ».
  4. Parcourez les catégories et cliquez sur la composition de blocs que vous souhaitez insérer.

Pour insérer une mise en page :

  1. Dans l’éditeur de blocs Gutenberg, placez votre curseur à l’endroit où vous souhaitez insérer la mise en page.
  2. Dans le coin supérieur droit, cliquez sur l’icône [tw] pour afficher les mises en page préconçues Twentig.
  3. Parcourez les catégories et cliquez sur la mise en page que vous souhaitez insérer.

Comment retirer le titre de la page, l’en-tête et le pied de page ou définir un en-tête transparent ?

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 :

  1. Ouvrez la page que vous souhaitez modifier.
  2. Dans la colonne latérale de réglages, ouvrez l’onglet Page.
  3. Dans le panneau « Modèle », sélectionnez le modèle souhaité.
  4. 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.

  1. Ouvrez la page que vous souhaitez modifier et saisissez le titre de la page comme vous en avez l’habitude.
  2. Sélectionnez l’un des modèles de page Twentig (voir question précédente).
  3. Placez votre curseur en haut de l’éditeur, juste en dessous du titre de la page.
  4. Cliquez sur l’icône + pour ajouter un nouveau bloc et cliquez sur l’onglet « Compositions ».
  5. 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

20 janvier 2022
The plugin offers quite some options to the default WP themes and I highly recommend the plugin. I have not had issues or bugs with it while using it, the code is well writtent and support is provided fast in case you need it.
19 janvier 2022
I like the idea of using the original wordpress theme and extend it. And the Twentig-team has done a great job doing it. With their templates + 10min. of personal final touch (no coding) you have a fast, free and beautiful website. Thanks and well done!
21 décembre 2021
I found Twentig is a wonderful plugin to build website. It is a most lightweight and powerful and free site builder. With one-click I can import a full-blown starter website with beautiful appearance and a great many layouts to choose from. And it has many easy customizable features to make my site look similar to any other beautiful websites on the web. This help me a lot, because I don't know coding at all.(maybe a little little bit) Although the author says it only support twenty twenty and twenty twenty one theme, but I found it can work on many other themes also, enough for building a beautiful page. I mean its patterns actually work everywhere. Benefits from more than above, I have to five star and tweet twentig as my favourite best page builder. Thank TOM for help me on support forum within 24 hours. Thanks!
16 décembre 2021
This plug-in is a life saver. The starter themes make is super easy to use the Wordpress's default themes. I used Wordpress's latest theme i.e. 2021 and Twentig helped immensely with making the necessary changes. I wanted to go with WP's default themes because they are optimized for speed and don't have the bloat that many of the other professional themes do. Twentig really made it possible for me do so. Thank you guys!
15 novembre 2021
It helped me improve display of the twenty 21 WP theme. Easy to use with a number of very useful options. It minimized the time needed to get rid of the crappy "premium" template i was using for some time now. It would be great to find a way to modify Archive pages and remove the word "Category:" but i may have missed it somewhere in the options. 5+
Lire les 120 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.

Traduisez « Theme Kit for Twenty Twenty-One & Twenty Twenty (Customization, Gutenberg Blocks, Templates) – Twentig » dans votre langue.

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.8

Release date: December 2, 2021

For the block editor:

  • Code Quality: Registers block styles with PHP instead of JavaScript.

Pour le thème Twenty Twenty-One :

  • Code Quality: Removes the « role » attribute on HTML elements with a default landmark role (see https://core.trac.wordpress.org/ticket/54079).
  • Code Quality: Uses static closures when not using $this (see https://core.trac.wordpress.org/ticket/53359).
  • Fix: Updates CSS to make it compatible with the theme’s upcoming update.

For Twenty Twenty theme:

  • Code Quality: Removes the « role » attribute on HTML elements with a default landmark role.
  • Code Quality: Uses static closures when not using $this.
  • Theme Fix: Updates CSS to fix the separator inside the block editor.

1.3.7

Release date: November 2, 2021

  • Enhancement: Uses the DropdownMenu component for the Twentig CSS library.
  • Enhancement: Displays the block margin controls side by side.
  • Fix: Displays the caption correctly for the frame style when the image is centered.

Pour le thème Twenty Twenty-One :

  • Enhancement: Updates the curated Google fonts.

For Twenty Twenty theme:

  • Enhancement: Updates the curated Google fonts.
  • Fix: Displays the post meta correctly for Firefox (props to @marco020).

1.3.6

Date de sortie : 15 septembre 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.

Pour le thème Twenty Twenty-One :

  • 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.

Pour le thème Twenty Twenty-One :

  • 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.

Pour le thème Twenty Twenty-One :

  • 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 offre une nouvelle façon d’importer des sites de démarrage dans le personnalisateur de thèmes, ce qui facilite plus que jamais la création d’un magnifique site web.

  • 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.

Pour le thème Twenty Twenty-One :

  • Amélioration : mise à jour du fichier .json des Google fonts.
  • Correctif : texte lisible pour le carton de blog lorsque la prise en charge du mode sombre est activée.
  • 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 apporte des fonctionnalités puissantes pour améliorer Twenty Twenty-One, le nouveau thème WordPress par défaut. Créez un magnifique site web avec des options avancées de Theme Customizer, des blocs Gutenberg améliorés, des modèles de pages personnalisés, des modèles de blocs et bien plus encore.

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.

Voir le journal des modifications de toutes les versions.