Gutenberg, sorti en tant que nouvel éditeur WordPress par défaut en décembre 2018, vous permet de créer un beau contenu à l’aide de blocs de contenu, avec des options pour les titres, les galeries, les colonnes, les boutons, les vidéos et plus encore.
Des millions d’utilisateurs de WordPress ont installé l’éditeur classique afin de pouvoir 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. L’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 examinerons Atomic Blocks, l’un des meilleurs plugins de la collection Gutenberg disponibles sur WordPress.org.
Que proposent les blocs atomiques ?
Développé à l’origine par Mike McAlister, Atomic Blocks a été acquis par la société de thèmes WordPress StudioPress et géré par la société d’hébergement WordPress WP Engine (avec le magasin de thèmes de tableau de Mike). Marcos Schratzenstaller et John Parris ont également contribué au plugin.
Atomic Blocks peut être téléchargé gratuitement sur WordPress.org ou vous pouvez l’installer directement depuis votre zone d’administration WordPress.
Après avoir activé le plugin, vous verrez une page d’accueil. Vous trouverez ci-dessous 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 d’auteur, accordéon, bouton personnalisable, lettrine et séparateur et séparateur.
Quatre blocs supplémentaires non répertoriés sur la page d’accueil sont disponibles sur Gutenberg : mises en page, colonnes avancées, tarification et newsletter.
Le bloc de conception peut également être sélectionné à partir d’un bouton de conception dédié en haut de la page.
La zone initiale répertorie également les questions et réponses courantes sur Gutenberg et Atomic Blocks.
Votre clé API MailChimp peut être saisie sur la page de configuration Atomic Blocks, nécessaire pour utiliser le bloc newsletter.
Fait intéressant, Atomic Blocks soutient le projet AMP (Google Accelerated Mobile Pages), qui a été créé pour améliorer les sites Web pour les utilisateurs mobiles.
Atomic Blocks est répertorié en tant que plugin sur la page WordPress AMP, car Atomic Blocks intègre la prise en charge AMP dans chaque bloc.
Créer des conceptions 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 mise en page peut être choisi à partir du bouton Liste de blocage ou Mise en page en haut de chaque page, et il y a maintenant huit sections et quatre mises en page.
Il existe des sections pour un en-tête, des services (trois et quatre colonnes), des médias et du texte, une liste de textes et d’images, les membres de l’équipe, des témoignages et des informations de contact sur la carte.
Deux mises en page de lancement de produit sont disponibles en tant que mises en page et il existe également une mise en page pour les entreprises et une pour les indépendants.
Le bloc conteneur peut être utilisé pour placer plusieurs blocs individuels dans un conteneur, qui peut être utilisé pour créer des sections sur votre site. Vous pouvez définir le remplissage, 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 utilise automatiquement deux colonnes par défaut et vous devez ensuite ajuster le bloc pour ajouter des colonnes supplémentaires.
Atomic Blocks gère 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, une sélection de mises en page qui les affichent dans différentes largeurs vous est proposée.
Atomic Blocks vous donne beaucoup plus de contrôle sur les mises en page que l’éditeur Gutenberg standard, mais j’aimerais voir les développeurs créer un système de mise en page et insérer plus de sections, plus de mises en page et des structures de colonnes et de lignes supplémentaires.
blocs de contenu
Les blocs de mise en page, de conteneur et de colonne s’affichent dans votre zone de contenu lorsque vous ajoutez un nouveau bloc.
Les 12 blocs restants peuvent être utilisés pour améliorer votre contenu.
Dans la capture d’écran suivante, vous pouvez voir un exemple de lettrines, de témoignages, d’espaceurs et de blocs d’annonces. Ils sont tous faciles à utiliser et il y a une belle sélection d’options pour chaque tuile pour vous aider à modifier le texte et les couleurs.
Le bloc de grille de publications et de pages 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éta-informations peuvent également être activées et désactivées.
Le bloc de carte tarifaire est un ajout intéressant. Pour chaque produit, vous pouvez définir le titre, la description, le prix, diverses fonctions et un bouton Acheter maintenant. Tout ce que vous avez à faire est de cliquer sur la partie que vous souhaitez modifier.
Des sections de couleur et de remplissage sont disponibles pour chaque partie du tableau.
Un autre bloc utile est l’appel à l’action. Vous pouvez l’utiliser pour promouvoir une newsletter ou promouvoir 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 de fond si vous le souhaitez.
Dans l’ensemble, je suis impressionné par les blocs proposés.
Les mises en page de blocs ont une belle apparence, sont 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 Atomic Blocks a un design minimaliste. Il existe quelques options pour le thème dans le personnalisateur de thème WordPress, mais par rapport à la plupart des autres thèmes WordPress, il est assez limité.
Grâce au personnalisateur, vous pouvez ajuster la largeur de la zone de contenu, ajouter une barre de recherche au menu de navigation, sélectionner la taille et le style de la police et modifier la devise du pied de page.
Le thème Atomic Blocks peut convenir à ceux qui veulent une mise en page de blog minimale mais ne font pas assez pour se démarquer de la foule.
dernières pensées
Vous trouverez de nombreux plugins de la collection Gutenberg sur WordPress.org, mais Atomic Blocks est considéré comme l’un des meilleurs.
Ses sections et conceptions prédéfinies, ainsi que la polyvalence de son système de colonnes, améliorent un domaine où Gutenberg fait défaut. Il existe également une bonne variété de blocs liés au contenu, qui vous permettent tous de contrôler le style.
Je vous encourage à jeter un œil aux blocs atomiques afin que vous puissiez pleinement apprécier ce que vous pouvez faire.
