{"id":71154,"date":"2021-11-01T06:22:33","date_gmt":"2021-11-01T06:22:33","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/atomic-blocks-lun-des-meilleurs-plugins-de-bloc-gutenberg-wordpress\/"},"modified":"2021-11-01T06:22:33","modified_gmt":"2021-11-01T06:22:33","slug":"atomic-blocks-lun-des-meilleurs-plugins-de-bloc-gutenberg-wordpress","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/atomic-blocks-lun-des-meilleurs-plugins-de-bloc-gutenberg-wordpress\/","title":{"rendered":"Atomic Blocks \u2013 l&#8217;un des meilleurs plugins de bloc Gutenberg \/ WordPress ?"},"content":{"rendered":"<p class=\"\">Gutenberg, sorti en tant que nouvel \u00e9diteur WordPress par d\u00e9faut en d\u00e9cembre 2018, vous permet de cr\u00e9er un beau contenu \u00e0 l&#8217;aide de blocs de contenu, avec des options pour les titres, les galeries, les colonnes, les boutons, les vid\u00e9os et plus encore.<\/p>\n<p>Des millions d&#8217;utilisateurs de WordPress ont install\u00e9 l&#8217;\u00e9diteur classique afin de pouvoir continuer \u00e0 utiliser l&#8217;ancien \u00e9diteur pour cr\u00e9er du contenu.  Cependant, de nombreux propri\u00e9taires de sites Web commencent \u00e0 appr\u00e9cier ce que Gutenberg peut faire.  L&#8217;une des raisons \u00e0 cela est le nombre croissant de plugins de collection Gutenberg qui l&#8217;\u00e9tendent en offrant des blocs de contenu suppl\u00e9mentaires et plus d&#8217;options.<\/p>\n<p>Dans cet article, nous examinerons Atomic Blocks, l&#8217;un des meilleurs plugins de la collection Gutenberg disponibles sur WordPress.org.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Que_proposent_les_blocs_atomiques\"><\/span>Que proposent les blocs atomiques ?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>D\u00e9velopp\u00e9 \u00e0 l&#8217;origine par Mike McAlister, 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&#8217;h\u00e9bergement WordPress WP Engine (avec le magasin de th\u00e8mes de tableau de Mike).  Marcos Schratzenstaller et John Parris ont \u00e9galement contribu\u00e9 au plugin.<\/p>\n<p>Atomic Blocks peut \u00eatre t\u00e9l\u00e9charg\u00e9 gratuitement sur WordPress.org ou vous pouvez l&#8217;installer directement depuis votre zone d&#8217;administration WordPress.<\/p>\n<p>Apr\u00e8s avoir activ\u00e9 le plugin, vous verrez une page d&#8217;accueil.  Vous trouverez ci-dessous une liste des blocs disponibles.<\/p>\n<p>Cette page r\u00e9pertorie 11 blocs : grille de publication, conteneur, appel \u00e0 l&#8217;action, t\u00e9moignage, avis en ligne, ic\u00f4nes de partage, profil d&#8217;auteur, accord\u00e9on, bouton personnalisable, lettrine et s\u00e9parateur et s\u00e9parateur.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879489_992_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"Blocs de contenu disponibles en blocs atomiques\" class=\"aligncenter size-large wp-image-28872\"\/><\/p>\n<p>Quatre blocs suppl\u00e9mentaires non r\u00e9pertori\u00e9s sur la page d&#8217;accueil sont disponibles sur Gutenberg : mises en page, colonnes avanc\u00e9es, tarification et newsletter.<\/p>\n<p>Le bloc de conception peut \u00e9galement \u00eatre s\u00e9lectionn\u00e9 \u00e0 partir d&#8217;un bouton de conception d\u00e9di\u00e9 en haut de la page.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879489_841_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"Liste de blocage atomique\" class=\"aligncenter size-large wp-image-28874\"\/><\/p>\n<p>La zone initiale r\u00e9pertorie \u00e9galement les questions et r\u00e9ponses courantes sur Gutenberg et Atomic Blocks.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879489_313_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"Commencer par des blocs atomiques\" class=\"aligncenter size-large wp-image-28873\"\/><\/p>\n<p>Votre cl\u00e9 API MailChimp peut \u00eatre saisie sur la page de configuration Atomic Blocks, n\u00e9cessaire pour utiliser le bloc newsletter.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879489_391_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"Configuration du bloc atomique\" class=\"aligncenter size-large wp-image-28875\"\/><\/p>\n<p>Fait int\u00e9ressant, Atomic Blocks soutient le projet AMP (Google Accelerated Mobile Pages), qui a \u00e9t\u00e9 cr\u00e9\u00e9 pour am\u00e9liorer les sites Web pour les utilisateurs mobiles.<\/p>\n<p>Atomic Blocks est r\u00e9pertori\u00e9 en tant que plugin sur la page WordPress AMP, car Atomic Blocks int\u00e8gre la prise en charge AMP dans chaque bloc.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Creer_des_conceptions_avec_des_blocs_atomiques\"><\/span>Cr\u00e9er des conceptions avec des blocs atomiques<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Atomic Blocks comprend des sections et des mises en page pr\u00e9d\u00e9finies pour vous aider \u00e0 fa\u00e7onner vos pages.<\/p>\n<p>Le s\u00e9lecteur de mise en page peut \u00eatre choisi \u00e0 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.<\/p>\n<p>Il existe 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&#8217;images, les membres de l&#8217;\u00e9quipe, des t\u00e9moignages et des informations de contact sur la carte.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879489_171_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"s\u00e9lecteur de mise en page\" class=\"aligncenter size-large wp-image-28877\"\/><\/p>\n<p>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<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879489_877_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"Conception de lancement de produit\" class=\"aligncenter size-large wp-image-28878\"\/><\/p>\n<p>Le bloc conteneur peut \u00eatre utilis\u00e9 pour placer plusieurs blocs individuels dans un conteneur, qui peut \u00eatre utilis\u00e9 pour cr\u00e9er des sections sur votre site.  Vous pouvez d\u00e9finir le remplissage, les marges, les couleurs d&#8217;arri\u00e8re-plan et les images de cette section.<\/p>\n<p>J&#8217;ai toujours trouv\u00e9 le bloc de colonnes Gutenberg par d\u00e9faut frustrant car il utilise automatiquement deux colonnes par d\u00e9faut et vous devez ensuite ajuster le bloc pour ajouter des colonnes suppl\u00e9mentaires.<\/p>\n<p>Atomic Blocks g\u00e8re mieux les choses\u00a0: 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, une s\u00e9lection de mises en page qui les affichent dans diff\u00e9rentes largeurs vous est propos\u00e9e.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879490_858_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"Colonnes de blocs atomiques\" class=\"aligncenter size-large wp-image-28879\"\/><\/p>\n<p>Atomic Blocks vous donne beaucoup plus de contr\u00f4le sur les mises en page que l&#8217;\u00e9diteur Gutenberg standard, mais j&#8217;aimerais voir les d\u00e9veloppeurs cr\u00e9er un syst\u00e8me de mise en page et ins\u00e9rer plus de sections, plus de mises en page et des structures de colonnes et de lignes suppl\u00e9mentaires.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"blocs_de_contenu\"><\/span>blocs de contenu<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Les blocs de mise en page, de conteneur et de colonne s&#8217;affichent dans votre zone de contenu lorsque vous ajoutez un nouveau bloc.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879490_64_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"boutons de conception\" class=\"aligncenter size-large wp-image-28883\"\/><\/p>\n<p>Les 12 blocs restants peuvent \u00eatre utilis\u00e9s pour am\u00e9liorer votre contenu.<\/p>\n<p>Dans la capture d&#8217;\u00e9cran suivante, vous pouvez voir un exemple de lettrines, de t\u00e9moignages, d&#8217;espaceurs et de blocs d&#8217;annonces.  Ils sont tous faciles \u00e0 utiliser et il y a une belle s\u00e9lection d&#8217;options pour chaque tuile pour vous aider \u00e0 modifier le texte et les couleurs.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879490_143_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"Stylisez votre contenu avec des blocs atomiques\" class=\"aligncenter size-large wp-image-28884\"\/><\/p>\n<p>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&#8217;extrait.  Les m\u00e9ta-informations peuvent \u00e9galement \u00eatre activ\u00e9es et d\u00e9sactiv\u00e9es.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879490_493_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"Publications et grille de pages\" class=\"aligncenter size-large wp-image-28882\"\/><\/p>\n<p>Le bloc de carte tarifaire est un ajout int\u00e9ressant.  Pour chaque produit, vous pouvez d\u00e9finir le titre, la description, le prix, diverses fonctions et un bouton Acheter maintenant.  Tout ce que vous avez \u00e0 faire est de cliquer sur la partie que vous souhaitez modifier.<\/p>\n<p>Des sections de couleur et de remplissage sont disponibles pour chaque partie du tableau.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879490_569_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"Le bloc de liste de prix\" class=\"aligncenter size-large wp-image-28886\"\/><\/p>\n<p>Un autre bloc utile est l&#8217;appel \u00e0 l&#8217;action.  Vous pouvez l&#8217;utiliser pour promouvoir une newsletter ou promouvoir un nouveau produit que vous vendez.<\/p>\n<p>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 de fond si vous le souhaitez.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879490_695_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"Bloquer l'appel \u00e0 l'action\" class=\"aligncenter size-large wp-image-28887\"\/><\/p>\n<p>Dans l&#8217;ensemble, je suis impressionn\u00e9 par les blocs propos\u00e9s.<\/p>\n<p>Les mises en page de blocs ont une belle apparence, sont faciles \u00e0 utiliser et offrent de nombreuses options de style.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Le_theme_des_blocs_atomiques\"><\/span>Le th\u00e8me des blocs atomiques<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Les d\u00e9veloppeurs d&#8217;Atomic Blocks ont \u00e9galement publi\u00e9 un th\u00e8me WordPress gratuit du m\u00eame nom, con\u00e7u pour \u00eatre utilis\u00e9 avec Gutenberg et le plugin Atomic Blocks.<\/p>\n<p>Le th\u00e8me Atomic Blocks 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<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879490_74_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"Th\u00e8me des blocs atomiques\" class=\"aligncenter size-large wp-image-28880\"\/><\/p>\n<p>Gr\u00e2ce au personnalisateur, vous pouvez ajuster la largeur de la zone de contenu, ajouter une barre de recherche au menu de navigation, s\u00e9lectionner la taille et le style de la police et modifier la devise du pied de page.<\/p>\n<p>Le th\u00e8me Atomic Blocks peut convenir \u00e0 ceux qui veulent une mise en page de blog minimale mais ne font pas assez pour se d\u00e9marquer de la foule.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"dernieres_pensees\"><\/span>derni\u00e8res pens\u00e9es<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Vous trouverez de nombreux plugins de la collection Gutenberg sur WordPress.org, mais Atomic Blocks est consid\u00e9r\u00e9 comme l&#8217;un des meilleurs.<\/p>\n<p>Ses sections et conceptions pr\u00e9d\u00e9finies, ainsi que la polyvalence de son syst\u00e8me de colonnes, am\u00e9liorent un domaine o\u00f9 Gutenberg fait d\u00e9faut.  Il existe \u00e9galement une bonne vari\u00e9t\u00e9 de blocs li\u00e9s au contenu, qui vous permettent tous de contr\u00f4ler le style.<\/p>\n<p>Je vous encourage \u00e0 jeter un \u0153il aux blocs atomiques afin que vous puissiez pleinement appr\u00e9cier ce que vous pouvez faire.<\/p>\n  <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 ez-toc-wrap-center counter-flat ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blogging-techies.com\/fr\/atomic-blocks-lun-des-meilleurs-plugins-de-bloc-gutenberg-wordpress\/#Que_proposent_les_blocs_atomiques\" >Que proposent les blocs atomiques ?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blogging-techies.com\/fr\/atomic-blocks-lun-des-meilleurs-plugins-de-bloc-gutenberg-wordpress\/#Creer_des_conceptions_avec_des_blocs_atomiques\" >Cr\u00e9er des conceptions avec des blocs atomiques<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blogging-techies.com\/fr\/atomic-blocks-lun-des-meilleurs-plugins-de-bloc-gutenberg-wordpress\/#blocs_de_contenu\" >blocs de contenu<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/blogging-techies.com\/fr\/atomic-blocks-lun-des-meilleurs-plugins-de-bloc-gutenberg-wordpress\/#Le_theme_des_blocs_atomiques\" >Le th\u00e8me des blocs atomiques<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/blogging-techies.com\/fr\/atomic-blocks-lun-des-meilleurs-plugins-de-bloc-gutenberg-wordpress\/#dernieres_pensees\" >derni\u00e8res pens\u00e9es<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>Gutenberg, sorti en tant que nouvel \u00e9diteur WordPress par d\u00e9faut en d\u00e9cembre 2018, vous permet de cr\u00e9er un beau contenu \u00e0 l&#8217;aide de blocs de contenu, avec des options pour les titres, les galeries, les colonnes, les boutons, les vid\u00e9os et plus encore. Des millions d&#8217;utilisateurs de WordPress ont install\u00e9 l&#8217;\u00e9diteur classique afin de pouvoir [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":71155,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[10186,9187,10187,21,1886,6572,531,41,45],"class_list":["post-71154","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogs","tag-atomic","tag-bloc","tag-blocks","tag-des","tag-gutenberg","tag-lun","tag-meilleurs","tag-plugins","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/71154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/comments?post=71154"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/71154\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media\/71155"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media?parent=71154"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/categories?post=71154"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/tags?post=71154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}