Twentig – Twenty Twenty Customization, Gutenberg Blocks & Templates

Description

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

Twentig vous aide à personnaliser le thème Twenty Twenty comme vous le souhaitez avec les polices Google Fonts, les couleurs 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

Le thème Twenty Twenty comme vous ne l’avez jamais vu

Twentig vous offre de puissantes fonctionnalités pour personnaliser Twenty Twenty, le thème WordPress le plus populaire — ce qui en fait la combinaison idéale pour créer votre site web.

Options avancées de personnalisation. De l’affichage des articles du blog en grille, 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 Twenty Twenty. 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 Twenty Twenty. Nos réglages de blocs et nos templates de blocs sont conçus spécialement pour Twenty Twenty — 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 SUPPLÉMENTAIRES POUR LE THÈME TWENTY TWENTY

En-tête

  • Mise en page de l’en-tête
  • En-tête fixe
  • Largeur de l’en-tête
  • Décoration de l’en-tête
  • Style de lien du menu
  • Logo pour l’en-tête transparent
  • Emplacement des icônes de réseaux sociaux
  • Bouton dans l’en-tête (classe CSS: menu-button)
  • Afficher/masquer le slogan
  • Largeur du logo pour les appareils mobiles
  • Icône de menu hamburger
  • Afficher/masquer le libellé des icônes de menu et de recherche

Pied de page

  • Mise en page du pied de page
  • Mise en page des widgets
  • Largeur du pied de page
  • Copyright personnalisé et suppression de « Propulsé par WordPress »
  • Emplacement des icônes de réseaux sociaux
  • Couleurs du pied de page
  • Taille de police du pied de page

Mise en page du site

  • Largeur du texte

Page des articles du blog

  • Mise en page du blog : empilé, grille, grille de cartes
  • 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
  • Compatibilité avec le défilement infini de Jetpack

Article seul

  • Disposition de l’image mise en avant
  • Options des métas de la publication
  • Disposition de la navigation de l’article
  • 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
  • Couleur hexadécimale pour la couleur primaire
  • Couleur d’arrière-plan de la section du titre de la page

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
  • Options pour le modèle de page « Modèle avec bannière »
  • Sous-titre de la page
  • Mise en page des résultats de recherche

Page 404 personnalisée

  • Option pour définir n’importe quelle page en tant que page 404

Réglages supplémentaires

  • Style de séparateur
  • Style de bouton
  • Style des icônes de réseaux sociaux

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, grande largeur, options typographiques, décoration, soulignement du lien
  • Bloc Paragraphe : grande largeur, options typographiques, soulignement du lien
  • Bloc Liste : styles (tiret, coche, flèche, bordure, sans puce, en ligne), options typographiques, espacement, soulignement du lien
  • 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 (icône, grande icône, minimal)
  • Bloc Citation en exergue : style (minimal)
  • Bloc Tableau : style (bordure, bordure intérieure), alignement vertical
  • Bloc Boutons : pleine largeur
  • Bloc Rechercher : alignement, 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

COMPATIBILITÉ AVEC AMP

Twentig est compatible avec Google AMP pour WordPress.

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 Twenty Twenty

Pour tirer pleinement parti de Twentig, nous vous recommandons vivement d’utiliser Twenty Twenty, le thème par défaut de WordPress.

Pour installer et activer Twenty Twenty :

  1. Connectez-vous à votre tableau de bord WordPress.
  2. Cliquez sur Apparence > Thèmes.
  3. Recherchez le thème Twenty Twenty 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 pour Twenty Twenty dans les panneaux Identité du site, Couleurs, Modèle avec bannière 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é) et dans la barre d’outils supérieure — 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 « Document » 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.5) 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 Twenty Twenty 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.

Quels thèmes fonctionnent le mieux avec Twentig ?

Twentig fonctionne à la perfection avec Twenty Twenty. Nos options de personnalisation sont exclusives à Twenty Twenty, et nos templates de blocs sont conçus spécialement pour ce thème. Les réglages de blocs Twentig devraient fonctionner avec n’importe quel thème, mais cela peut nécessiter d’ajuster le style pour les thèmes qui modifient les blocs WordPress. Nous vous recommandons vivement d’utiliser Twenty Twenty.

Twenty Twenty est-il un bon thème ?

Absolument! Twenty Twenty, le thème WordPress le plus populaire, est un thème moderne conçu pour toutes les utilisations, des sites web personnels aux sites web professionnels. Twenty Twenty est accessible à tous, optimisé pour les appareils mobiles, et supporte les écritures de droite à gauche (RTL). Associé à Twentig, il tire pleinement parti de la liberté de création offerte par l’éditeur de blocs.

Comment personnaliser Twenty Twenty avec Twentig ?

Pour personnaliser votre thème Twenty Twenty, 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. Vous trouverez 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 Document.
  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 du thème Twenty Twenty. 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.

Comment sélectionner un bloc ?

Cliquez simplement sur le bloc pour le sélectionner. Si ce n’est pas le bon, utilisez l’ascendance du bloc en bas de l’éditeur pour sélectionner le bloc souhaité. Pour un meilleur flux de travail, nous vous recommandons d’utiliser cette fonctionnalité.

Twentig supporte-t-il les écritures de droite à gauche ?

Oui ! Twentig prend en charge les écritures de droite à gauche (RTL).

Avis

20 octobre 2020
This is a great plug-in. Well coded and it adds enough customization settings to adapts Twenty Twenty for almost any project. It's a great add on when you develop websites 100% AMP compatible. Thanks!
16 octobre 2020
Great job! I easily and simply created a website, a landing page .. It is very convenient to beautifully design all blog entries .. Support is at its best: it always answers my stupid questions ... Just super, guys!
11 octobre 2020
I liked, i will suggest a custom search was missing, an option to select where perform the search (titles, tags, taxonomy, etc,)
2 octobre 2020
One of my fav plugin. With this plugin, I easily customize the default 2020 theme. As the 2020 theme comes with less customization so I can't use it for doing lots of hardcoded customization. But Twentig Solve my problem. I used it to recreate my portfolio site within a very short span of time. Must need plugin for the 2020 theme. Thanks for creating the awesome tool.
30 septembre 2020
Nice work on this. To me it's like a simpler alternative to something like Astra + Elementor. Native block-based editor with default theme. I look forward to using it more. I have some questions / ideas: - Have you thought of offering pre-made starter sites (like Astra Sites)? - Do you plan to support future "Twenty" themes? - Will there be a paid version to support ongoing development? I see a lot of potential here. 🙂
Lire les 42 avis

Contributeurs & développeurs

« Twentig – Twenty Twenty Customization, Gutenberg Blocks & Templates » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

“Twentig – Twenty Twenty Customization, Gutenberg Blocks & Templates” a été traduit dans 3 locales. Remerciez l’équipe de traduction pour ses contributions.

Traduisez « Twentig – Twenty Twenty Customization, Gutenberg Blocks & Templates » 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.1.4

Release date: September 28, 2020

  • Improvement: Change responsive image sizes for the Latest Posts block to optimize web performance.
  • Fix: Change the color of block patterns’ social icons when the website is dark.
  • Fix: Change text strings for better localization.

1.1.3

Date de sortie : 12 septembre 2020

  • Nouveauté : ajout de pages préconçues à la bibliothèque Twentig.
  • Nouveauté : ajout de la compatibilité avec le défilement infini de Jetpack.
  • Correctif : chaînes de texte et contextes modifiés pour une meilleure localisation.

1.1.2

Date de sortie : 25 août 2020

  • Nouveauté : ajout d’une option pour désactiver les fonctionnalités de blocs Twentig (si vous souhaitez uniquement utiliser les fonctionnalités Twentig concernant l’outil de personnalisation).
  • Correctif : chaînes de texte modifiées pour plus de cohérence.

1.1.1

Date de sortie : 20 août 2020

  • Amélioration : modification de la taille des images responsives du blog afin d’optimiser les performances web.
  • Correctif : modification du balisage HTML de la page de présentation de Twentig pour afficher correctement les notifications des extensions tierces.

1.1

Date de sortie : 14 août 2020

Twentig 1.1 apporte de nouvelles fonctionnalités puissantes à l’éditeur de blocs, ce qui facilite plus que jamais la création de belles pages. Nous vous recommandons d’utiliser WordPress 5.5 pour tirer pleinement parti de Twentig et de l’éditeur de blocs.

  • Nouveauté : options de bloc supplémentaires (styles alternatifs, réglages de bloc avancés, contrôles de marge et classes CSS) pour personnaliser les blocs de base WordPress.
  • Nouveauté : bibliothèque de mises en page avec des centaines de compositions de blocs prêtes à l’emploi.
  • Nouveauté : page de présentation de Twentig et options pour désactiver les compositions WordPress par défaut et le répertoire de blocs WordPress.
  • Nouveauté : amélioration du style des blocs avec Twenty Twenty pour le front-end et l’éditeur de blocs.
  • Nouveauté : ajout de l’option d’unité vh au bloc Bannière pour Twenty Twenty.

Voir le journal des modifications de toutes les versions.