Atomic Blocks – L’un des meilleurs plugins de blocs Gutenberg / WordPress?

Offres WordPress


Gutenberg, lancé en tant que nouvel éditeur par défaut pour WordPress en décembre 2018, vous permet de créer de beaux contenus à l’aide de blocs de contenu – avec des options pour les en-têtes, les galeries, les colonnes, les boutons, les vidéos et plus encore.

Des millions d’utilisateurs de WordPress ont installé l’éditeur classique afin qu’ils puissent continuer à utiliser l’ancien éditeur pour créer du contenu. Cependant, de nombreux propriétaires de sites Web commencent à apprécier ce que Gutenberg peut faire. Une des raisons à cela est le nombre croissant de plugins de collection Gutenberg qui l’étendent en offrant des blocs de contenu supplémentaires et plus d’options.

Dans cet article, nous allons jeter un œil à Atomic Blocks – l’un des meilleurs plugins de la collection Gutenberg disponible sur WordPress.org.

Qu’est-ce que les blocs atomiques offrent?

Développé à l’origine par Mike McAlister, Atomic Blocks a été acquis par la société de thèmes WordPress StudioPress et a géré la société d’hébergement WordPress WP Engine (aux côtés de la boutique Array Themes de Mike). Les développeurs WordPress Marcos Schratzenstaller et John Parris ont également contribué au plugin.

Les blocs atomiques peuvent être téléchargés gratuitement à partir de WordPress.org, ou vous pouvez l’installer directement dans votre zone d’administration WordPress.

L'avenir de la construction de sites

Après avoir activé le plug-in, vous verrez une page de démarrage. Ci-dessous se trouve une liste des blocs disponibles.

Cette page répertorie 11 blocs: grille de publication, conteneur, appel à l’action, témoignage, avis en ligne, icônes de partage, profil de l’auteur, accordéon, bouton personnalisable, lettrine et séparateur et séparateur.

Blocs de contenu disponibles dans les blocs atomiques

Quatre blocs supplémentaires qui ne figurent pas sur la page de démarrage sont disponibles dans Gutenberg: mises en page, colonnes avancées, prix et newsletter.

Le bloc de mises en page peut également être sélectionné à partir d’un bouton de mises en page dédié en haut de la page.

Liste des blocs atomiques

La zone de démarrage répertorie également les questions et réponses courantes sur Gutenberg et les blocs atomiques.

Premiers pas avec les blocs atomiques

Votre clé API MailChimp peut être entrée dans la page des paramètres des blocs atomiques, ce qui est nécessaire si vous souhaitez utiliser le bloc newsletter.

Paramètres des blocs atomiques

Fait intéressant, Atomic Blocks prend en charge le projet AMP (Accelerated Mobile Pages) de Google, qui a été créé pour améliorer les sites Web pour les utilisateurs mobiles..

Atomic Blocks est même répertorié comme un plugin sur la page AMP pour WordPress, car Atomic Blocks prend en charge AMP intégré dans chaque bloc.

Création de dispositions avec des blocs atomiques

Atomic Blocks comprend des sections et des mises en page prédéfinies pour vous aider à façonner vos pages.

Le sélecteur de disposition peut être choisi dans la liste de blocage ou le bouton de disposition en haut de chaque page, et, pour le moment, il y a huit sections et quatre dispositions.

Il y a des sections pour un en-tête, des services (trois et quatre colonnes), des médias et du texte, une liste de texte et une image, des membres de l’équipe, des témoignages et des informations de contact avec la carte.

Sélecteur de disposition

Deux conceptions de lancement de produit sont disponibles sous forme de dispositions, et il existe également une conception pour les entreprises et une autre pour les indépendants.

Présentation du lancement du produit

Le bloc de conteneur peut être utilisé pour placer plusieurs blocs individuels dans un conteneur, qui peuvent être utilisés pour créer des sections sur votre site. Vous pouvez ensuite définir le rembourrage, les marges, les couleurs d’arrière-plan et les images de cette section.

J’ai toujours trouvé le bloc de colonnes Gutenberg par défaut frustrant car il se règle automatiquement par défaut sur deux colonnes, et vous devez ensuite ajuster le bloc pour ajouter des colonnes supplémentaires.

Les blocs atomiques gèrent mieux les choses – lorsque vous sélectionnez le bloc de colonnes, vous pouvez choisir entre une et six colonnes, et si vous en sélectionnez deux, trois ou quatre, vous disposez d’une sélection de dispositions qui les affichent dans différentes largeurs.

Colonnes de blocs atomiques

Atomic Blocks vous donne beaucoup plus de contrôle sur les mises en page que l’éditeur Gutenberg par défaut, mais j’aimerais voir les développeurs s’appuyer sur leur système de mise en page et introduire plus de sections, plus de mises en page et des structures de colonnes et de lignes supplémentaires.

Les blocs de contenu

Les blocs de disposition, de conteneur et de colonnes s’affichent dans votre zone de contenu lors de l’ajout d’un nouveau bloc.

Boutons de disposition

Les 12 blocs restants peuvent être utilisés pour améliorer votre contenu.

Dans la capture d’écran ci-dessous, vous pouvez voir un exemple des blocs de capuchon, de témoignage, d’espacement et de notification. Ils sont tous faciles à utiliser et il y a une bonne sélection d’options pour chaque bloc pour vous aider à modifier le texte et les couleurs.

Styliser votre contenu avec des blocs atomiques

Le bloc de grille de publication et de page est utile et vous permet de sélectionner le nombre de colonnes pour afficher les publications, les catégories de publications à afficher et la longueur de l’extrait. Les métadonnées peuvent également être activées et désactivées.

Messages et grille de pages

Le bloc du tableau des prix est un bel ajout. Pour chaque produit, vous pouvez définir le titre, la description, le prix, plusieurs fonctionnalités et un bouton Acheter maintenant. Il vous suffit de cliquer sur la partie que vous souhaitez modifier.

Des sections de couleur et de rembourrage sont disponibles pour chaque partie du tableau.

Le bloc du tableau des prix

Un autre bloc utile est le bloc d’appel à l’action. Vous pouvez l’utiliser pour promouvoir une newsletter ou faire la publicité d’un nouveau produit que vous vendez.

Il adopte un design simple: titre, description et bouton. Le bouton peut être lié, et vous pouvez ajuster les couleurs et même attribuer une image d’arrière-plan si vous le souhaitez.

Bloc d'appel à l'action

Globalement, je suis impressionné par les blocs proposés.

Les conceptions de blocs sont belles, faciles à utiliser et offrent de nombreuses options de style.

Le thème des blocs atomiques

Les développeurs d’Atomic Blocks ont également publié un thème WordPress gratuit du même nom, conçu pour être utilisé avec Gutenberg et le plugin Atomic Blocks.

Le thème des blocs atomiques a un design minimal. Il existe quelques options pour le thème dans le personnalisateur de thème WordPress, mais, en comparaison avec la plupart des autres thèmes WordPress, il est assez limité.

Thème des blocs atomiques

Grâce au personnalisateur, vous pouvez ajuster la largeur de la zone de contenu, ajouter une barre de recherche à votre menu de navigation, sélectionner le style et la taille de la police et modifier le slogan du pied de page.

Le thème des blocs atomiques peut convenir à ceux d’entre vous qui souhaitent une mise en page minimale du blog, mais il ne fait pas assez pour se démarquer de la foule.

Dernières pensées

Vous trouverez de nombreux plugins de collection Gutenberg sur WordPress.org, mais Atomic Blocks est à juste titre considéré comme l’un des meilleurs.

Ses sections et dispositions prédéfinies et son système de colonnes polyvalent améliorent un domaine dans lequel Gutenberg fait défaut. Il existe également une bonne variété de blocs liés au contenu et tous vous permettent de contrôler le style.

Je vous encourage à vérifier par vous-même les blocs atomiques pour avoir une pleine appréciation de ce qu’il peut faire.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me