Toolkit for Twenty Twenty & Twenty-One Themes

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 sites web de démarrage, 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.

🔥 Consultez nos sites web de démarrage pour voir la puissance et la flexibilité de Twentig et des blocs WordPress.

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 le site web de démarrage 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). 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.

Plus à venir. De nouveaux sites web de démarrage seront ajoutés régulièrement.

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.

Allez 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 vos pages 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. 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)
  • Largeur de site pour crée un site encadré (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), lien étiré, effet au survol
  • Bloc Titre : 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: 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
  • 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 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 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 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

24 mai 2021
Showed how to do multiple background images per page with custom CSS. Awesome.
20 mai 2021
This plugin really ramps up the OG Twenty Twenty-One theme. Super easy to use even as a non-techie, and it doesn't slow down my site. I'm very impressed that they offer this level of quality for a free plugin. Having read through some of the support requests, I have to comment on the professionalism of the administrators when dealing with demanding, obnoxious people. Uh, the plugin is free, don't be a jerk. Good job on still being nice to those individuals. Thanks for the wonderful plugin! Off to donate!
17 mai 2021
I’m building a website for a friend who owns a restaurant. As I’m not a designer, I’ve started with the Lutece template. I’m so happy with the result and it saves me a lot of time. Thank you so much!!!
14 mai 2021
Twentig 1.3 brings a simple way to import the starter websites inside the Customizer
Lire les 93 avis

Contributeurs & développeurs

« Toolkit for Twenty Twenty & Twenty-One Themes » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

“Toolkit for Twenty Twenty & Twenty-One Themes” a été traduit dans 4 locales. Remerciez l’équipe de traduction pour ses contributions.

Traduisez « Toolkit for Twenty Twenty & Twenty-One Themes » 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

Release date: May 12, 2021

Twentig 1.3 brings a new way to import starter websites inside the Customizer, making it easier than ever to build a beautiful website.

  • New: Adds starter websites importer to the 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:

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

Voir le journal des modifications de toutes les versions.