Gutenberg, publié en tant que nouvel éditeur par défaut pour WordPress dans Décembre 2018, vous permet de créer un beau contenu à l’aide de blocs de contenu, avec des options pour les en-têtes, les galeries, les colonnes, les boutons, les vidéos, etc.
Des millions d’utilisateurs de WordPress ont installé le É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 verrons Blocs atomiques – l’un des meilleurs plugins de collection Gutenberg disponibles sur WordPress.org.
Que proposent les blocs atomiques?
Développé à l’origine par Mike McAlisterAtomic 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 la boutique de thèmes Array de Mike). Développeurs WordPress Marcos Schratzenstaller et John Parris Ils ont également contribué au plugin.
Les blocs atomiques peuvent être téléchargé gratuitement depuis WordPress.org, ou vous pouvez l’installer directement dans votre zone d’administration WordPress.
Après avoir activé le plugin, vous verrez une page d’accueil. Voici 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.
Gutenberg propose quatre blocs supplémentaires non répertoriés sur la page d’accueil: mises en page, colonnes avancées, tarifs 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 de démarrage répertorie également les questions et réponses courantes sur Gutenberg et les blocs atomiques.
Votre clé API MailChimp peut être entrée sur la page de configuration des blocs atomiques, qui est nécessaire si vous souhaitez utiliser le bloc newsletter.
Fait intéressant, Atomic Blocks est compatible avec Google Pages mobiles accélérées (AMP) projet, qui a été créé pour améliorer les sites Web pour les utilisateurs mobiles.
Les blocs atomiques sont encore apparaît comme un plugin sur la page AMP pour WordPressDepuis Atomic Blocks, le support AMP est intégré à chaque bloc.
Créez des designs 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 à partir de la liste de blocage ou du bouton Disposition en haut de chaque page, et en ce 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 textes et d’images, des membres de l’équipe, des témoignages et des informations de contact pour 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, ce qui peut être utilisé pour créer des sections sur votre site. Vous pouvez ensuite 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 prend automatiquement deux colonnes par défaut, et vous devez ensuite modifier 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.
Atomic Blocks vous donne beaucoup plus de contrôle sur les mises en page que l’éditeur Gutenberg par défaut, mais j’aimerais que les développeurs s’appuient sur leur système de mise en page et introduisent plus de sections, plus de mises en page et des structures de colonnes et de lignes supplémentaires.
Blocs de contenu
Les blocs de disposition, 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 des lettrines, des témoignages, des espaceurs et des blocs d’annonces. Ils sont tous faciles à utiliser et il existe une bonne sélection d’options pour chaque bloc 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étadonnées peuvent également être activées et désactivées.
Le bloc du tableau des prix est un bel ajout. Pour chaque produit, vous pouvez définir le titre, la description, le prix, plusieurs fonctions et un bouton Acheter maintenant. Il vous suffit 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 d’arrière-plan si vous le souhaitez.
Dans l’ensemble, je suis impressionné par les blocs proposés.
Les dispositions des blocs sont bonnes, 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 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 à votre menu de navigation, sélectionner la taille et le style de police et modifier la devise du pied de page.
Thème des blocs atomiques Il peut convenir à ceux d’entre vous qui souhaitent un design de blog minimal, 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 dispositions prédéfinies, et son système de colonnes polyvalent, améliorent une zone où 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 à jetez un oeil aux blocs atomiques afin que vous puissiez apprécier pleinement ce que vous pouvez faire.
