{"id":25479,"date":"2020-07-05T20:11:06","date_gmt":"2020-07-05T20:11:06","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/atomic-blocks-lun-des-meilleurs-plugins-de-blocs-gutenberg-wordpress\/"},"modified":"2020-07-05T20:11:06","modified_gmt":"2020-07-05T20:11:06","slug":"atomic-blocks-lun-des-meilleurs-plugins-de-blocs-gutenberg-wordpress","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/atomic-blocks-lun-des-meilleurs-plugins-de-blocs-gutenberg-wordpress\/","title":{"rendered":"Atomic Blocks – l’un des meilleurs plugins de blocs Gutenberg \/ WordPress?"},"content":{"rendered":"

Gutenberg<\/a>, publi\u00e9 en tant que nouvel \u00e9diteur par d\u00e9faut pour WordPress dans D\u00e9cembre 2018<\/a>, vous permet de cr\u00e9er un beau contenu \u00e0 l’aide de blocs de contenu, avec des options pour les en-t\u00eates, les galeries, les colonnes, les boutons, les vid\u00e9os, etc.<\/p>\n

Des millions d’utilisateurs de WordPress ont install\u00e9 le \u00c9diteur classique<\/a> afin qu’ils puissent continuer \u00e0 utiliser l’ancien \u00e9diteur pour cr\u00e9er du contenu. Cependant, de nombreux propri\u00e9taires de sites Web commencent \u00e0 appr\u00e9cier ce que Gutenberg peut faire. Une des raisons \u00e0 cela est le nombre croissant de plugins de collection Gutenberg qui l’\u00e9tendent en offrant des blocs de contenu suppl\u00e9mentaires et plus d’options.<\/p>\n

Dans cet article, nous verrons Blocs atomiques<\/a> – l’un des meilleurs plugins de collection Gutenberg disponibles sur WordPress.org.<\/p>\n

<\/span>Que proposent les blocs atomiques?<\/span><\/h2>\n

D\u00e9velopp\u00e9 \u00e0 l’origine par Mike McAlister<\/a>Atomic Blocks a \u00e9t\u00e9 acquis par la soci\u00e9t\u00e9 de th\u00e8mes WordPress StudioPress et g\u00e9r\u00e9 par la soci\u00e9t\u00e9 d’h\u00e9bergement WordPress WP Engine (avec la boutique de th\u00e8mes Array de Mike). D\u00e9veloppeurs WordPress Marcos Schratzenstaller<\/a> et John Parris<\/a> Ils ont \u00e9galement contribu\u00e9 au plugin.<\/p>\n

Les blocs atomiques peuvent \u00eatre t\u00e9l\u00e9charg\u00e9 gratuitement depuis WordPress.org<\/a>, ou vous pouvez l’installer directement dans votre zone d’administration WordPress.<\/p>\n

Apr\u00e8s avoir activ\u00e9 le plugin, vous verrez une page d’accueil. Voici une liste des blocs disponibles.<\/p>\n

Cette page r\u00e9pertorie 11 blocs: grille de publication, conteneur, appel \u00e0 l’action, t\u00e9moignage, avis en ligne, ic\u00f4nes de partage, profil de l’auteur, accord\u00e9on, bouton personnalisable, lettrine et s\u00e9parateur et s\u00e9parateur.<\/p>\n

\"Blocs<\/p>\n

Gutenberg propose quatre blocs suppl\u00e9mentaires non r\u00e9pertori\u00e9s sur la page d’accueil: mises en page, colonnes avanc\u00e9es, tarifs et newsletter.<\/p>\n

Le bloc de conception peut \u00e9galement \u00eatre s\u00e9lectionn\u00e9 \u00e0 partir d’un bouton de conception d\u00e9di\u00e9 en haut de la page.<\/p>\n

\"Liste<\/p>\n

La zone de d\u00e9marrage r\u00e9pertorie \u00e9galement les questions et r\u00e9ponses courantes sur Gutenberg et les blocs atomiques.<\/p>\n

\"\u00c0<\/p>\n

Votre cl\u00e9 API MailChimp peut \u00eatre entr\u00e9e sur la page de configuration des blocs atomiques, qui est n\u00e9cessaire si vous souhaitez utiliser le bloc newsletter.<\/p>\n

\"Configuration<\/p>\n

Fait int\u00e9ressant, Atomic Blocks est compatible avec Google Pages mobiles acc\u00e9l\u00e9r\u00e9es (AMP)<\/a> projet, qui a \u00e9t\u00e9 cr\u00e9\u00e9 pour am\u00e9liorer les sites Web pour les utilisateurs mobiles.<\/p>\n

Les blocs atomiques sont encore appara\u00eet comme un plugin sur la page AMP pour WordPress<\/a>Depuis Atomic Blocks, le support AMP est int\u00e9gr\u00e9 \u00e0 chaque bloc.<\/p>\n

<\/span>Cr\u00e9ez des designs avec des blocs atomiques<\/span><\/h2>\n

Atomic Blocks comprend des sections et des mises en page pr\u00e9d\u00e9finies pour vous aider \u00e0 fa\u00e7onner vos pages.<\/p>\n

Le s\u00e9lecteur de disposition peut \u00eatre choisi \u00e0 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.<\/p>\n

Il y a des sections pour un en-t\u00eate, des services (trois et quatre colonnes), des m\u00e9dias et du texte, une liste de textes et d’images, des membres de l’\u00e9quipe, des t\u00e9moignages et des informations de contact pour la carte.<\/p>\n

\"S\u00e9lecteur<\/p>\n

Deux mises en page de lancement de produit sont disponibles en tant que mises en page, et il existe \u00e9galement une mise en page pour les entreprises et une pour les ind\u00e9pendants.<\/p>\n

\"Conception<\/p>\n

Le bloc conteneur peut \u00eatre utilis\u00e9 pour placer plusieurs blocs individuels dans un conteneur, ce qui peut \u00eatre utilis\u00e9 pour cr\u00e9er des sections sur votre site. Vous pouvez ensuite d\u00e9finir le remplissage, les marges, les couleurs d’arri\u00e8re-plan et les images de cette section.<\/p>\n

J’ai toujours trouv\u00e9 le bloc de colonnes Gutenberg par d\u00e9faut frustrant, car il prend automatiquement deux colonnes par d\u00e9faut, et vous devez ensuite modifier le bloc pour ajouter des colonnes suppl\u00e9mentaires.<\/p>\n

Les blocs atomiques g\u00e8rent mieux les choses: lorsque vous s\u00e9lectionnez le bloc de colonnes, vous pouvez choisir entre une et six colonnes, et si vous en s\u00e9lectionnez deux, trois ou quatre, vous disposez d’une s\u00e9lection de dispositions qui les affichent dans diff\u00e9rentes largeurs.<\/p>\n

\"Colonnes<\/p>\n

Atomic Blocks vous donne beaucoup plus de contr\u00f4le sur les mises en page que l’\u00e9diteur Gutenberg par d\u00e9faut, mais j’aimerais que les d\u00e9veloppeurs s’appuient sur leur syst\u00e8me de mise en page et introduisent plus de sections, plus de mises en page et des structures de colonnes et de lignes suppl\u00e9mentaires.<\/p>\n

<\/span>Blocs de contenu<\/span><\/h2>\n

Les blocs de disposition, de conteneur et de colonne s’affichent dans votre zone de contenu lorsque vous ajoutez un nouveau bloc.<\/p>\n

\"Boutons<\/p>\n

Les 12 blocs restants peuvent \u00eatre utilis\u00e9s pour am\u00e9liorer votre contenu.<\/p>\n

Dans la capture d’\u00e9cran suivante, vous pouvez voir un exemple des lettrines, des t\u00e9moignages, des espaceurs et des blocs d’annonces. Ils sont tous faciles \u00e0 utiliser et il existe une bonne s\u00e9lection d’options pour chaque bloc pour vous aider \u00e0 modifier le texte et les couleurs.<\/p>\n

\"Donnez<\/p>\n

Le bloc de grille de publications et de pages est utile et vous permet de s\u00e9lectionner le nombre de colonnes pour afficher les publications, les cat\u00e9gories de publications \u00e0 afficher et la longueur de l’extrait. Les m\u00e9tadonn\u00e9es peuvent \u00e9galement \u00eatre activ\u00e9es et d\u00e9sactiv\u00e9es.<\/p>\n

\"Publications<\/p>\n

Le bloc du tableau des prix est un bel ajout. Pour chaque produit, vous pouvez d\u00e9finir 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.<\/p>\n

Des sections de couleur et de remplissage sont disponibles pour chaque partie du tableau.<\/p>\n

\"Le<\/p>\n

Un autre bloc utile est l’appel \u00e0 l’action. Vous pouvez l’utiliser pour promouvoir une newsletter ou promouvoir un nouveau produit que vous vendez.<\/p>\n

Il adopte un design simple: titre, description et bouton. Le bouton peut \u00eatre li\u00e9 et vous pouvez ajuster les couleurs et m\u00eame attribuer une image d’arri\u00e8re-plan si vous le souhaitez.<\/p>\n

\"Bloquer<\/p>\n

Dans l’ensemble, je suis impressionn\u00e9 par les blocs propos\u00e9s.<\/p>\n

Les dispositions des blocs sont bonnes, faciles \u00e0 utiliser et offrent de nombreuses options de style.<\/p>\n

<\/span>Le th\u00e8me des blocs atomiques<\/span><\/h2>\n

Les d\u00e9veloppeurs d’Atomic Blocks ont \u00e9galement publi\u00e9 un th\u00e8me WordPress gratuit du m\u00eame nom<\/a>, con\u00e7u pour \u00eatre utilis\u00e9 avec Gutenberg et le plugin Atomic Blocks.<\/p>\n

Le th\u00e8me des blocs atomiques a un design minimaliste. Il existe quelques options pour le th\u00e8me dans le personnalisateur de th\u00e8me WordPress, mais par rapport \u00e0 la plupart des autres th\u00e8mes WordPress, il est assez limit\u00e9.<\/p>\n

\"Th\u00e8me<\/p>\n

Gr\u00e2ce au personnalisateur, vous pouvez ajuster la largeur de la zone de contenu, ajouter une barre de recherche \u00e0 votre menu de navigation, s\u00e9lectionner la taille et le style de police et modifier la devise du pied de page.<\/p>\n

Th\u00e8me des blocs atomiques<\/a> Il peut convenir \u00e0 ceux d’entre vous qui souhaitent un design de blog minimal, mais ne font pas assez pour se d\u00e9marquer de la foule.<\/p>\n

<\/span>Derni\u00e8res pens\u00e9es<\/span><\/h2>\n

Vous trouverez de nombreux plugins de la collection Gutenberg sur WordPress.org, mais Atomic Blocks est consid\u00e9r\u00e9 comme l’un des meilleurs.<\/p>\n

Ses sections et dispositions pr\u00e9d\u00e9finies, et son syst\u00e8me de colonnes polyvalent, am\u00e9liorent une zone o\u00f9 Gutenberg fait d\u00e9faut. Il existe \u00e9galement une bonne vari\u00e9t\u00e9 de blocs li\u00e9s au contenu et tous vous permettent de contr\u00f4ler le style.<\/p>\n

Je vous encourage \u00e0 jetez un oeil aux blocs atomiques<\/a> afin que vous puissiez appr\u00e9cier pleinement ce que vous pouvez faire.<\/p>\n

\n
\n

Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n