Gutentor - un constructeur de pages complet basé sur l'éditeur de blocs Gutenberg

Publié: 2019-12-28

Après l'introduction de Gutenberg, la conception de sites Web dans WordPress est devenue beaucoup plus facile qu'auparavant. Cet éditeur WordPress basé sur des blocs a fait passer le système de création de pages au niveau supérieur. Gutenberg vous propose de nombreux blocs pour jouer. Mais encore, vous devez personnaliser manuellement les blocs par défaut. Ce qui peut prendre plus de temps que prévu. C'est là que Gutentor entre en action.

Alors, qu'est-ce que Gutentor ?

Gutentor est une collection de blocs et de modèles prêts à l'emploi magnifiquement conçus avec de nombreuses options de personnalisation. En utilisant ses blocs et ses modèles incroyablement conçus, vous pouvez concevoir des pages, des articles, des pages de destination ou même des sites Web entiers en quelques clics.

Gutentor étend l'éditeur Gutenberg avec une grande variété de superbes blocs qui rendent la création et la conception de contenu encore plus flexibles. Il a été développé avec toutes les fonctionnalités de personnalisation nécessaires, notamment l'image, la typographie, les couleurs, la forme des blocs, l'arrière-plan, l'animation et bien d'autres.

Quoi de neuf?

Bibliothèque de modèles de démonstration en un clic pour des modèles et des blocs prêts à l'emploi
Expérience de conception plus rapide
Blocs de construction de page Web complets avec toutes les fonctionnalités nécessaires
Extrêmement simple, sans ajouter de ligne/colonne, il suffit d'ajouter un bloc pour créer un beau site Web
Champ de répétition pour créer des éléments à l'intérieur des blocs avec des options de réorganisation, de modification et de suppression par glisser-déposer
Options de lignes/colonnes hautement personnalisables disponibles pour les concepteurs créatifs
Options avancées sur chaque bloc, y compris la balise HTML, l'arrière-plan, la bordure, l'ombre de la boîte, le remplissage des marges, le diviseur de forme SVG et les animations intégrées
Module de modèle de bloc sur chaque bloc, modèle de conception multiple à bloc unique
Options de style complètes des éléments individuels
Commandes réactives spécifiques à l'appareil
Options de typographie avancées qui incluent toutes les polices Google et les polices système disponibles
Options d'arrière-plan vidéo
Fichiers CSS en ligne, internes ou externes pour CSS dynamique

Qu'est-ce qui différencie Gutentor ?

Gutentor est apparemment un constructeur de blocs distinct pour WordPress. Il se compose de quelques caractéristiques étonnantes qui en font un splendide et un progrès par rapport aux autres. Voici quelques-unes de ses caractéristiques uniques :

Colonne dynamique – La colonne dynamique vous permet d'ajouter n'importe quel nombre de colonnes sur votre page. Cette option vous permet de créer de manière flexible le site Web que vous souhaitez. Il suffit de définir le numéro de colonne, d'ajouter des éléments et de le personnaliser.
Colonne avancée – La colonne avancée est livrée avec des options de personnalisation avancées qui vous permettent de créer de belles pages en ajoutant divers éléments de base que vous aimez.
Éléments de base – Éléments de base contient presque tous les éléments utilisés dans les tendances existantes du site Web. Il suffit d'insérer l'élément préféré dans la colonne avancée et de le personnaliser en conséquence. La chose la plus importante à propos de l'élément de base est que vous avez le contrôle sur les éléments individuels.
Blocs/éléments prédéfinis – Gutentor est livré avec 11 éléments, 3 groupes et 30 blocs. Ce qui est plus que suffisant pour créer tout type de site Web.
Modèles – Les modèles prêts à l'emploi ne vous font pas gagner du temps, mais vous offrent également suffisamment d'options de personnalisation.
Utilisation étendue de CSS
Option de carrousel impressionnante pour différents blocs.
Très réactif et convivial pour le référencement.
Il est accompagné d'un service d'assistance de qualité

Ensemble de modèles prêts à l'emploi

Gutentor est livré avec de superbes modèles prêts à l'emploi. Vous pouvez choisir et installer les modèles en quelques clics. Choisissez votre modèle préféré dans la catégorie :

Entreprise
Éducation
Médical
Entreprise
Aptitude
Voyager
Agence
Construction
Polyvalent

Ces modèles peuvent être facilement personnalisés pour correspondre à votre marque et à vos préférences.

Blocs Gutentor avancés

À propos du bloc – Bloc personnalisé pour afficher la description, l'image, le titre et le bouton.
Accordéon - Section pliable qui affichera le titre, la description et le bouton.
Colonne avancée – Ce bloc vous aidera à créer plusieurs colonnes dans votre page ou vos articles.
Profil de l'auteur – Un autre bloc personnalisé Gutenberg pour afficher le profil de l'auteur, y compris le titre, la description, le profil social, etc.
Article de blog – Si vous craignez d'afficher les articles de blog dans l'article ou la page, vous pouvez utiliser ce bloc.
Appel à l'action – Un bloc simple mais puissant pour mettre le bouton avec le lien sur la section.
Zone de contenu – Il est très utile d'afficher le titre, le contenu et le bouton en clair. L'image et l'icône ne s'afficheront pas ici.
Compte à rebours – Si vous allez annoncer des événements ou des annonces importants, cela vous facilitera la tâche.
Comptoir – Avec des modèles attrayants, il aide à représenter les faits sur le produit.
Diviseur - Il aide à séparer les sections. Vous pouvez également télécharger votre propre image comme séparateur.
Bloc vedette – Il s'agit d'une grande section avec une photo, un titre, une description et un bouton.
Galerie – Cette galerie est un bloc personnalisé soigneusement créé pour créer la galerie sur votre page.
Google Map - Il permet d'afficher la carte Google avec la longitude et la latitude.
Icon Box – Un bloc personnalisé pour afficher l'icône géniale de la police.
Zone d'image - Si vous devez afficher l'image unique avec le titre, la description et le bouton, vous pouvez utiliser ce bloc.
Curseur d'image - Un bloc personnalisé génial pour créer un curseur avec titre, description, bouton avec des modèles prédéfinis.
Heures d'ouverture – Pour un site Web d'entreprise et d'entreprise, les blocs personnalisés d'heures d'ouverture seront très utiles. Les utilisateurs peuvent ajouter l'heure, la date et le jour sur ce bloc.
Boîte de prix – Cela aide à montrer les caractéristiques et les prix des produits respectifs.
Barre de progression - Avec la valeur en pourcentage, vous pouvez afficher la progression des choses dans le cercle ou dans le graphique à barres.
Menu du restaurant – Pour le site de l'hôtel et du restaurant, ce bloc personnalisé sera très utile pour afficher le menu et son prix.
Social – Il s'agit du bloc personnalisé Gutenberg pour afficher les icônes et les liens sociaux. Vous pouvez facilement ajouter vos liens sociaux.
Onglets – Chaque onglet aura un contenu différent. Il aura un titre, une description et des boutons. Faites le nombre requis d'onglets avec le bloc.
Équipe – Un autre bloc personnalisé très utile pour afficher les informations de l'équipe sur le site Web.
Témoignages – N'est-ce pas super cool de montrer des témoignages de clients ou d'utilisateurs sur le site Web ? Oui, ce bloc est utile pour cela.
Chronologie - Pour afficher les informations sur l'ordre chronologique, un bloc personnalisé de chronologie est nécessaire.
Popup vidéo - Il aide à intégrer les vidéos et lorsque les utilisateurs les visionnent, elles s'affichent dans la fenêtre contextuelle.

De plus, si vous utilisez d'autres plugins de blocs supplémentaires pour Gutenberg, par exemple le plugin ZeGuten, ils fonctionnent également avec l'éditeur Gutenor.

Premiers pas avec Gutentor

L'installation et la personnalisation des blocs et des modèles Gutentor sont très faciles. Vous n'avez pas besoin de vous éloigner de l'éditeur WordPress. Les blocs et modèles Gutentor sont intégrés à l'éditeur Gutenberg. Suivez simplement les étapes simples ci-dessous pour commencer avec Gutentor.

Installation de Gutentor

Recherchez "Gutentor" dans la section des plugins, comme indiqué dans la figure ci-dessus. Alternativement, vous pouvez télécharger directement le fichier zip à partir du répertoire des plugins WordPress. Après l'avoir installé, activez le plugin.

Accéder aux blocs/modèles Gutentor

Vous pouvez accéder aux blocs Gutentor dans l'éditeur Gutenberg. En haut de la page ou de la publication, vous voyez des options telles que « Bibliothèque de modèles », « Bloquer l'exportation de modèles ». Vous pouvez accéder directement au bloc à partir d'une bibliothèque de modèles.

Dans la bibliothèque de modèles, vous aurez les options suivantes. Catégories sur le côté gauche d'où vous pouvez rechercher différentes catégories. Vérifiez chaque démo de bloc en cliquant sur le bouton « Aperçu » ou cliquez sur « Insérer » pour l'insérer sur votre page.

Vous pouvez personnaliser chaque élément (image, typographie, couleurs, boutons) des blocs selon vos préférences. Si vous rencontrez un problème lors de l'utilisation de Gutentor, vous pouvez suivre une documentation détaillée et des didacticiels vidéo.

Exportez votre bloc et votre modèle

Si vous souhaitez utiliser les mêmes blocs ou modèles dans d'autres pages, vous pouvez exporter vos blocs et modèles. Cliquez simplement sur « Bloquer l'exportation du modèle » et enregistrez-le en tant que fichier JSON.

Vous pouvez importer ce fichier dans d'autres pages depuis la bibliothèque de modèles >Fichier .