Toolkit for Twenty Twenty-One & Twenty Twenty (Customization, Blocks, Templates) – Twentig

Description

Le moyen le plus simple de créer un superbe site web.

Twentig vous aide à personnaliser les thèmes 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 nos blocs Gutenberg améliorés et nos templates de blocs préconçus, il est plus facile que jamais de créer de magnifiques pages.

“Twentig est une extension qui donne des super pouvoirs au thème par défaut Twenty Twenty.” — Justin Tadlock, WP Tavern

Personnalisez Twenty Twenty-One & Twenty Twenty. À votre façon.

Twentig vous offre de puissantes fonctionnalités pour personnaliser Twenty Twenty-One et Twenty Twenty — ce qui facilite la création de votre site web professionnel.

Options avancées de personnalisation. 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 templates de blocs sont conçus spécialement pour lui — il est donc facile de créer de magnifiques pages avec les blocs Gutenberg.

Aller plus loin avec les blocs WordPress

Twentig améliore les blocs de base de WordPress — amenant l’éditeur de blocs (alias Gutenberg) à 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 de base de WordPress. Ainsi, vous pouvez facilement personnaliser vos blocs en fonction de vos besoins en quelques clics.

Fonctionnalités de blocs 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 vos blocs et créer de superbes pages.

Créez votre site web en un rien de temps grâce aux templates de blocs

Twentig propose des centaines de compositions et de templates de pages préconçus avec les blocs — il est donc plus facile et rapide que jamais de créer de belles pages.

Templates de blocs flexibles. Choisissez parmi une variété de templates de blocs 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. Conçus par des designers primés, nos compositions et templates de blocs 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 découvrir ce que vous pouvez faire avec Twentig.

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 (Twenty Twenty-One)

Page des articles du blog

  • Mise en page du blog : empilé, grille, grille de cartes
  • Colonne latérale du blog (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 (Twenty Twenty-One)

Article seul

  • Disposition de l’image mise en avant et du titre de l’article
  • Colonne latérale du blog (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 (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 (Twenty Twenty-One)
  • Style de bouton
  • Style de séparateur
  • Style des icônes de réseaux sociaux (Twenty Twenty)

RÉGLAGES DE BLOCS SUPPLÉMENTAIRES

  • Blocs WordPress : marge supérieure et marge inférieure
  • Bloc Groupe : ombre, bordure, forme de séparation, pleine hauteur
  • Bloc Colonnes : gouttière, disposition responsive, style des colonnes (carte, bordure), alignement du texte, lien étiré
  • Bloc Média& texte : styles (ombre, chevauchement), disposition responsive, ordre d’empilement inversé, lien étiré, pleine hauteur
  • Bloc Bannière : styles (ombre, bordure intérieure), pleine hauteur, lien étiré, effet au survol
  • Bloc Titre : préréglages de la taille de police, options typographiques, décoration
  • Bloc Paragraphe : grande largeur, options typographiques
  • Bloc Liste : styles (tiret, coche, flèche, bordure, sans puce, en ligne), options typographiques, espacement
  • Bloc Image : styles (arrondi, ombre, cadre, bordure), filtre d’image
  • Bloc 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)
  • Bloc Articles récents : styles (carte, bordure), proportion de l’image, taille de titre, lien étiré, alignement du texte
  • Bloc Icônes de réseaux sociaux : couleur, taille, effet au survol
  • Bloc Citation : styles additionnels
  • Bloc Citation en exergue : styles additionnels
  • Bloc Tableau : style (bordure, bordure intérieure), alignement vertical
  • Bloc Boutons : pleine largeur
  • Bloc Séparateur : style (ligne courte), visibilité responsive
  • Bloc Espacement : visibilité responsive

BIBLIOTHÈQUE DE TEMPLATES DE BLOCS

Des centaines de compositions de blocs regroupées selon les catégories suivantes :

  • Colonnes
  • Colonnes de texte
  • Texte & Image
  • Texte
  • Section de titre de page
  • Bannière
  • Appel à l’action (CTA)
  • Liste
  • Nombres, statistiques
  • Galerie
  • Vidéo, son
  • Articles récents
  • Contact
  • Équipe
  • Témoignages
  • Logos, clients
  • Tarifs
  • FAQ
  • Evènements, programme

Des dizaines de pages préconçues regroupées selon les catégories suivantes :

  • Page d’accueil
  • À propos
  • Services
  • Contact

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.
  • 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 site web 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 templates.
  • Personnalisez vos blocs. Transformez les blocs de base de WordPress avec des réglages avancés pour créer une superbe page.
  • Créez avec des compositions de blocs. Choisissez parmi des centaines de compositions de blocs prêts à 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, nous vous recommandons vivement d’utiliser Twenty Twenty-One (ou Twenty Twenty), le thème par défaut de WordPress.

Pour installer et activer 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 WordPress et dans l’outil de personnalisation.

  • Dans l’outil de personnalisation (Apparence > Personnaliser), trouvez nos options supplémentaires dans les panneaux Identité du site, Couleurs et Options Twentig.
  • Dans l’éditeur de blocs, trouvez l’icône [tw] dans le coin supérieur droit. Elle ouvre la bibliothèque de templates de blocs Twentig.
  • Dans l’éditeur de blocs, trouvez nos réglages de blocs supplémentaires dans l’onglet « Bloc » de la colonne latérale des réglages (panneaux Style, Réglages Twentig et Avancé) — en fonction du bloc sélectionné.
  • Dans l’éditeur de blocs, trouvez nos modèles de page personnalisés sous le panneau Attributs de page dans l’onglet « Page » de la colonne latérale des réglages.

FAQ

Quels sont les prérequis pour utiliser Twentig ?

Nous vous recommandons d’utiliser la dernière version de WordPress (5.6) pour tirer pleinement parti de Twentig et de l’éditeur de blocs.

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 de blocs et templates prêts à l’emploi et optimisés pour les appareils mobiles facilitent la création de pages de qualité professionnelle.

Comment personnaliser Twenty Twenty-One / 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 Twenty Twenty-One, trouvez nos options supplémentaires dans les panneaux Identité du site, Couleurs et Options Twentig.

Pour 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 une composition de blocs ?

  1. Dans l’éditeur de blocs, placez votre curseur à l’endroit où vous souhaitez insérer la composition.
  2. Dans le coin supérieur droit, cliquez sur l’icône [tw] pour ouvrir la bibliothèque Twentig.
  3. Parcourez les catégories et cliquez sur la composition de blocs que vous souhaitez insérer.
  4. Vous pouvez maintenant ajouter votre contenu, personnaliser ou réorganiser les blocs selon vos besoins.

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. Sous Attributs de page, 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 créer la vôtre 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. Dans le coin supérieur droit, cliquez sur l’icône [tw] pour ouvrir la bibliothèque Twentig.
  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 prend en charge les écritures de droite à gauche (RTL).

Avis

1 mars 2021
As a newbie, I'm totally lost because my featured image is not centered on each individual post, although it's centered on the main page (where the list of the posts are there, with "continue reading" button), on the archive page and on the category page. This problem appear after I add a CSS style to the body tag with "max-width: 960px". Just now I've just installed Twentig plugin, and try here and there from it's setting. And suddenly, magically, the featured image now is centered on each post. Because yesterday I ask about my problem in "twenty twenty" forum, this made me to answer my own question in that forum that I've solved the problem by installing Twentig plugin :). And what I love more with Twentig plugin is the ability to have columns (2 or 3) in the main page and to remove Inter google font then use the system UI font. Thank you once again for the plugin to all of the developers.
26 février 2021
Ayuda mucho a mejorar detalles de la plantilla Tewenty-Twenty, por ejemplo, reducir el tamaño de la cabecera en cada entrada y centrar la información o manejar el error 404 escogiendo una página privada para ello.
19 février 2021
Support is great. Answers are quick and straight forward.
5 février 2021
First and foremost, I like what they have done with the Twenty Twenty-One theme. Over the years I have been through many themes that put me close to our clients' needs but still the time spent in customizing, you basically re-do most of the theme. Twenty Twenty-One is a dream come true. This plug-in is great for customizing and adding your own flavor to the theme.
Lire les 65 avis

Contributeurs & développeurs

« Toolkit for Twenty Twenty-One & Twenty Twenty (Customization, Blocks, Templates) – Twentig » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

“Toolkit for Twenty Twenty-One & Twenty Twenty (Customization, Blocks, Templates) – Twentig” a été traduit dans 3 locales. Remerciez l’équipe de traduction pour ses contributions.

Traduisez « Toolkit for Twenty Twenty-One & Twenty Twenty (Customization, 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.2.6

Release date: February 11, 2021

For Twenty Twenty-One:

  • New: Adds centered menu layout.
  • New: Adds landscape tablet as a header breakpoint.
  • New: Adds option to load a minified version of the theme stylesheet.
  • Performance: Loads the CSS only when the options are enabled.
  • Enhancement: Updates the Google fonts .json file.
  • Accessibility: Adds aria-label to the header search submit button.
  • Accessibility: Adds screen-reader text to the header’s social icons.

For Twenty Twenty-One & Twenty Twenty:

  • Performance: Improves the CSS to reduce the blocks CSS file size.
  • Performance: Improves the function that minifies the inline CSS.
  • Performance: Loads the minified version of Twentig frontend JavaScript file.
  • Fix: Applies image sizes modifications only on featured images.
  • Fix: Restores the group shapes on mobile.

1.2.5

Release date: January 26, 2021

For Twenty Twenty-One:

  • New: Adds layout options for Custom Post Types.
  • New: Adds button size option.
  • Fix: Fixes CSS minor issues.

For Twenty Twenty-One & Twenty Twenty:

  • New: Adds options to only load the Contact Form 7 scripts on the selected page.
  • Enhancement: Adds an extra class to make blocks inside columns the same height.
  • Fix: Adds NextGen plugin compatibility.

1.2.4

Release date: January 15, 2021

For Twenty Twenty-One:

  • New: Adds option to build the footer with the block editor.
  • New: Adds option to hide the single post navigation.
  • New: Adds Jetpack infinite scroll compatibility.
  • Enhancement: Improves Contact Form 7 style.
  • Fix: Prevents blog sidebar from displaying on non-blog pages.
  • Fix: Properly stretches the blog card link.
  • Fix: Fixes customizer range control when the value is set to 0.

For Twenty Twenty:

  • New: Adds option to build the footer with the block editor.
  • Enhancement: Improves Contact Form 7 style.
  • Fix: Restores the responsive layout of the Latest Posts block.
  • Fix: Fixes customizer range control when the value is set to 0.

1.2.3

Release date: January 6, 2021

  • Fix: Displays the footer when the footer layout isn’t set.
  • Fix: Prevents border from displaying when a featured image is set.
  • Fix: Changes Customizer Javascript to display the right options.

1.2.2

Release date: January 4, 2021

  • Fix: PHP 8 fatal ArgumentCountError (props to @misterfu).

For Twenty Twenty-One:

  • Enhancement: Changes responsive image sizes for the blog sidebar layout to optimize web performance.
  • Enhancement: Changes responsive image sizes for the Latest Posts block to optimize web performance.
  • Fix: Adds padding for the comments section when the header is sticky.
  • Fix: Keeps the burger menu closed when an anchor link inside the content is clicked.
  • Fix: Properly displays the burger menu navigation when the admin toolbar is enabled.

1.2.1

Release date: December 31, 2020

For the block editor:

  • New: Adds option to disable columns stacking for the Columns block.

For Twenty Twenty-One:

  • New: Adds blog sidebar.
  • New: Adds option to display a button in the header.
  • New: Adds button settings (colors, shape, text transform).
  • New: Adds content link color option.
  • New: Adds option to hide the footer.

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 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 block editor.
  • Enhancement: For the Twenty Twenty 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 Twenty Twenty, split the main PHP file into separate files.
  • Code quality: For Twenty Twenty, register specific block styles inside the theme PHP files.

Voir le journal des modifications de toutes les versions.