Toolkit for Block Theme (Starter Templates, Gutenberg Blocks, Patterns, Google Fonts) – Twentig

Description

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

Grâce à ses outils puissants, l’extension Twentig vous aide à créer facilement un superbe site web. Personnalisez votre thème basé sur des blocs et créez de belles pages — aucune compétence en codage ou en design n’est nécessaire.

Avec des modèles de sites de démarrage, des blocs Gutenberg magnifiés, des compositions de blocs préconçues et des Google Fonts, vous avez tout pour créer un superbe site qui s’affiche parfaitement sur tous les appareils.

Personnalisez Twenty Twenty-Four ou tout autre thème basé sur des blocs.

Grâce à ses puissantes fonctionnalités, Twentig vous aide à personnaliser le thème Twenty Twenty-Four ou tout autre thème conçu pour l’édition complète du site.

Modèles de site de démarrage. Pas besoin de concevoir votre site web à partir de zéro. Importez un modèle de site prêt à l’emploi de notre bibliothèque en continuelle expansion pour vous lancer (les modèles ne sont actuellement disponibles que pour le thème Twenty Twenty-Four). Découvrez le modèle business (défaut) et le modèle blog.

Google Fonts. Changez facilement l’apparence de votre site web avec les polices Google Fonts de votre choix que vous pouvez héberger localement sur votre serveur.

Blocs de thème améliorés. Twentig étend les blocs Gutenberg qui structurent l’ensemble de votre site avec des paramètres avancés comme le point de rupture responsive de la navigation, la largeur du logo sur mobile, le style de menu au survol et bien d’autres encore.

Compositions de blocs supplémentaires. Twentig vous permet de créer rapidement votre blog, votre en-tête et votre pied de page avec des compositions de blocs prédéfinies.

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

Fonctionnalités de blocs Gutenberg puissantes. Twentig propose des styles supplémentaires, des réglages de blocs avancés, 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.

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.

Créez votre site web avec des compositions prêtes à 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.

Compositions de blocs 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 compositions de blocs sont optimisées pour les appareils mobiles et apportent instantanément à vos pages un aspect professionnel.

Vous utilisez le thème Twenty Twenty-One ou Twenty Twenty ?

Si vous préférez utiliser l’outil de personnalisation, Twentig propose des options avancées pour personnaliser les thèmes Twenty Twenty-One et Twenty Twenty.

Personnalisation avancée du thème. De l’affichage des articles du blog en grille à la colonne latérale, en passant par le menu fixe, la mise en page de l’en-tête et 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), la mise en page du site, les styles globaux, 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 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.

Sites web de démarrage. Au lieu de partir de zéro, vous pouvez rapidement importer l’un des sites web de démarrage Twentig.

Liste des fonctionnalités de Twentig

Consultez les captures d’écran pour voir comment Twentig peut transformer votre thème et les blocs Gutenberg.

STYLE GLOBAUX SUPPLÉMENTAIRES DU THÈME

Dans le tableau de bord Twentig (Twentig > Réglages), vous pouvez trouver des options de style supplémentaires :

  • Options de police pour vous permettre de sélectionner des familles de polices supplémentaires dans le catalogue Google Fonts
  • Option pour héberger les Google Fonts en local
  • Styles d’espacement prédéfinis pour faciliter la conception de pages

RÉGLAGES DE BLOCS DE THÈME SUPPLÉMENTAIRES

  • Navigation : point de rupture responsive, icône de menu, style de menu au survol, style de menu actif
  • Logo du site : largeur de l’image sur mobile
  • Boucle de requête : alignement vertical, largeur de colonne responsive
  • Titre de la publication : options typographiques
  • Image mise en avant de la publication : styles (arrondi, ombre, cadre), formes
  • Étiquettes d’articles et Catégories d’articles : styles (contour, pilule, hashtag, simple)
  • Auteur de la publication : texte inline, forme de l’avatar
  • Pagination : styles pour numéros de page (cercle, carré, simple), styles pour page précédente et page suivante (pilule, carré)
  • Article précédent et Article suivant : styles (empilé, flèche)

RÉGLAGES DE BLOCS GUTENBERG SUPPLÉMENTAIRES

  • Blocs Gutenberg : visibilité responsive
  • Groupe : ombre, forme de séparation
  • Colonnes : disposition responsive
  • Colonne : styles (ombre, ombre dure), 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, arrondi), proportion de taille, formes, lien étiré, effet au survol
  • Titre : options typographiques, décoration
  • Paragraphe : options typographiques
  • Liste : styles (tiret, coche, flèche, bordure, sans puce, en ligne), espacement
  • Séparateur : styles (astérisques, pointillé, tiret), largeur, hauteur
  • Image : styles (arrondi, ombre, cadre, bordure), formes, filtre noir & blanc
  • Galerie : variante empilée, styles (arrondi, cadre), colonnes à largeur fixe, proportion de l’image, alignement vertical, disposition responsive, taille de légende, bordure, filtre noir & blanc
  • Blocs YouTube, Vimeo, SoundCloud, et Vidéo : style (cadre)
  • Icônes de réseaux sociaux : styles (carré, arrondi), effet au survol
  • Citation et Citation en exergue : styles supplementaires
  • Tableau : style (bordure, bordure intérieure), alignement vertical
  • Nuage d’étiquettes : style (pilule)
  • Recherche : style (souligné)

BIBLIOTHÈQUE DE MODÈLES

Des centaines de compositions de blocs Gutenberg et modèles de page regroupés selon les catégories suivantes :

  • Colonnes
  • Texte et Image
  • Texte
  • Section de titre de page
  • Bannière
  • Appel à l’action
  • Liste
  • Nombres, statistiques
  • Galerie
  • Vidéo, son
  • Contact
  • Équipe
  • Témoignages
  • Logos, clients
  • Tarifs
  • FAQ
  • Evènements, programme
  • Requête (pour les thèmes basés sur des blocs)
  • En-têtes (pour les thèmes basés sur des blocs)
  • Pieds de page (pour les thèmes basés sur des blocs)
  • Pages (Page d’accueil, À propos, Services, Contact)
  • Page unique

Et plus encore

Vous aimez Twentig ?

Captures d’écran

  • Démarrez facilement. Importez un modèle de site responsive qui donne instantanément à votre site web un aspect professionnel.
  • Personnalisez votre site web avec des Google Fonts. Modifiez facilement les polices de votre thème avec les Google Fonts de votre choix.
  • Créez avec des compositions de blocs Gutenberg. Choisissez parmi des centaines de compositions prêtes à l’emploi pour créer de superbes pages en un rien de temps.
  • Personnalisez les blocs Gutenberg. Transformez les blocs Gutenberg de base avec des réglages et des styles supplémentaires.
  • 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.
  • Personnalisez votre pied de page. Modifiez la mise en page et le style, modifiez le copyright, retirez « Propulsé par WordPress », et plus encore.

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 d’utiliser le thème Twenty Twenty-Four ou Twenty Twenty-Three (ou Twenty Twenty-One si vous préférez utiliser un thème classique avec l’outil de personnalisation).

Pour installer et activer le thème Twenty Twenty-Four :

  1. Connectez-vous à votre tableau de bord WordPress.
  2. Cliquez sur Apparence > Thèmes.
  3. Recherchez le thème Twenty Twenty-Four et cliquez sur Activer.

Après l’installation

Pour le thème Twenty Twenty-Four, vous pouvez importer un modèle de site préconçu pour vous aider à démarrer. Pour ce faire, ouvrez le tableau de bord Twentig, cliquez sur l’onglet Modèles de sites et importez le modèle de votre choix.

Les fonctionnalités de Twentig apparaissent dans l’éditeur de blocs Gutenberg et l’éditeur de site (ou dans l’outil de personnalisation pour les thèmes classiques).

  • Dans l’éditeur de blocs, trouvez les compositions Twentig en cliquant sur l’icône « + ».
  • Dans l’éditeur de blocs, 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é.
  • Pour les thèmes basés sur des blocs tels que Twenty Twenty-Four, vous pouvez trouver les options Google Fonts dans le tableau de bord Twentig.
  • Pour les thèmes Twenty Twenty-One et Twenty-Twenty, 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.

Pour plus de détails, consultez notre guide de démarrage rapide.

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. Au lieu de partir de zéro, vous pouvez facilement importer un modèle de site préconçu. Vous pouvez personnaliser les thèmes WordPress basés sur des blocs et les blocs Gutenberg en quelques clics. Et nos compositions de blocs responsive facilitent la création de pages au rendu professionnel.

Comment importer un modèle de site de démarrage ?

Avec le thème Twenty Twenty-Four, vous pouvez utiliser un modèle de site préconstruit pour démarrer rapidement la conception de votre site web. Il suffit d’ouvrir le tableau de bord Twentig, de cliquer sur l’onglet Modèles de sites et d’importer le modèle qui vous plaît. Cela ne prend que quelques secondes.

Comment insérer une composition préconçue ?

Pour insérer une composition ou une mise en page :

  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.

Puis-je héberger moi-même mes Google Fonts ?

Oui ! Avec Twentig, vous pouvez héberger vos Google Fonts localement sur votre propre serveur. Par défaut, les Google Fonts sont hébergées localement pour les thèmes basés sur des blocs.

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. Vous trouverez nos options supplémentaires dans les panneaux Identité du site, Couleurs et Options Twentig.

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.

Avez-vous un guide de démarrage rapide ?

Oui, vous pouvez le trouver sur notre site web.

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

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

Dois-je installer l’extension Gutenberg ?

Non, l’utilisation de l’extension Gutenberg sur un site en ligne n’est pas recommandée car certaines fonctionnalités sont expérimentales et instables. De plus, Twentig n’est pas entièrement compatible avec l’extension Gutenberg.

Avis

3 avril 2023
After my old theme did not get any updates anymore, I was searching for a lightweight theme which is easy to use and beautiful as well. Thus, I stumbled over twentig. It's really easy to set up a page with all the block templates. And the complete theme templates make it even easier to set up a website. Great plugin. My site had never been faster since I use this plugin in combination with super cache and Asset cleanup. It sometimes takes less than a second to load. And looks nice as well. Thanks a lot!
27 février 2023
Very simple to use, free and makes you look professional. What's not to like?
Lire les 144 avis

Contributeurs/contributrices & développeurs/développeuses

« Toolkit for Block Theme (Starter Templates, Gutenberg Blocks, Patterns, Google Fonts) – Twentig » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

“Toolkit for Block Theme (Starter Templates, Gutenberg Blocks, Patterns, Google Fonts) – Twentig” a été traduit dans 5 locales. Remerciez l’équipe de traduction pour ses contributions.

Traduisez « Toolkit for Block Theme (Starter Templates, Gutenberg Blocks, Patterns, Google Fonts) – 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.7.1

Release date: November 28, 2023

  • Enhancement: Adds translation support to the Twentig dashboard.
  • Enhancement: Updates strings to improve translation support.
  • Fix: Removes a missing pattern from the Business starter template.

1.7

Release date: November 27, 2023

Twentig 1.7 brings powerful features to supercharge Twenty Twenty-Four, the new default WordPress theme. Instead of designing from scratch, now you can easily import a stunning and customizable website template. You can either start with the business template (default) or the blog template.

  • New: Introduces a website template importer in the Twentig dashboard for Twenty Twenty-Four.
  • New: Adds two starter website templates for Twenty Twenty-Four.
  • Enhancement: Adjusts Twentig spacing values for Twenty Twenty-Four.
  • Enhancement: Updates strings to improve translation support.

1.6.3

Release date: November 8, 2023

  • New: Introduces a redesigned Twentig dashboard.
  • Enhancement: Enqueues styles and scripts using enqueue_block_assets to support the iframed editor.
  • Enhancement: Updates patterns and adds names to groups for easier identification.
  • Code Quality: Removes WP_HTML_Tag_Processor compatibility files.
  • Code Quality: Deprecates Twentig’s excerpt length setting.
  • Fix: Updates the code that enqueues SVG shapes inside the block editor.

Voir le journal des modifications de toutes les versions.