Atomic Blocks – Collezione di Blocchi Gutenberg


Atomic Blocks è una collezione di blocchi per Gutenberg, il nuovo editor a blocchi. Creare pagine con l’editor a blocchi e Atomic Blocks ti permette un maggiore controllo per creare e lanciare rapidamente qualsiasi sito tu voglia!

Installing the customizable Atomic Block plugin adds a collection of beautiful, site-building blocks to help you customize page layouts, increase engagement, and get results for your business. Atomic Blocks provides everything from customizable buttons, to beautifully-designed page sections and full-page layout designs via the Section & Layout block.

Oltre ai blocchi di contenuto che troverai in Atomic Blocks, pubblichiamo anche utili articoli e tutorial per aiutarti a iniziare con Gutenberg.

New Section and Layout Block!

On top of the handy, time-saving blocks already found in Atomic Blocks, we’re excited to introduce the brand new Section and Layout block! This block comes with a library of pre-designed sections and layouts to help you quickly and easily build a beautiful site with the new block editor.

Using the Section and Layout modal window, you can browse designs by category, search, and even add sections and layouts to a Favorites tab for quick access later. Paired with the free Atomic Blocks theme, which has support for full-width, block-based page building, you have everything you need to start building your site today!

La versione piú recente di Atomic Blocks include i seguenti blocchi:

Tema WordPress Atomic Blocks

Abbiamo creato un bel tema WordPress per aiutarti ad iniziare ad utilizzare subito il plugin Atomic Blocks e il nuovo editor a blocchi di WordPress. Il tema si integra perfettamente con i blocchi che troverai nel plugin!

Oltre al tema Atomic Block, abbiamo creato Revolution Pro con il team di StudioPress. Questo tema è costruito da zero con blocchi: il nucleo di Gutenberg e Atomic. Utilizzando questo tema e il tema Genesis One-Click, puoi avere un nuovo sito basato su blocchi in pochi minuti.

Google AMP Support

The Accelerated Mobile Pages (AMP) project is a publishing format created by Google to enhance site performance for mobile website users. AMP pages are specially designed for Google search users to quickly load website pages without using any extraneous data. Atomic Blocks has support for AMP built into each block!

File di aiuto di Atomic Blocks

Abbiamo creato un utile file che puoi leggere facendo clic qui. Il file ti informa sull’installazione e la configurazione del plugin e ti aiuta ad iniziare subito a utilizzare i blocchi.

Il file di aiuto é anche disponibile sulla pagina del plugin, una volta attivato. Nel menu di amministrazione, fai clic sulla voce Atomic Blocks per visualizzare la pagina di inizio.

Visualizza il file di aiuto del plugin


Screenshot (schermate di esempio)

  • Product Launch Page Layout
  • Business Page Layout
  • Personal Page Layout
  • Team Section
  • Hero Header Section
  • Testimonial Section
  • Blocco Tabella Prezzario
  • Blocco Griglia Articolo e Pagina
  • Blocco Chiamata all'Azione
  • Blocco Referenze
  • Blocco Avviso di Testo
  • Blocco Icone Condivisione
  • Blocco Profilo Autore
  • Blocco Fisarmonica
  • Blocco Pulsante Personalizzabile
  • Blocco Capolettera
  • Blocco Spaziatore e Divisore


Questo plugin fornisce 22 blocchi.

AB Notice
AB Layouts
AB Pricing Column
Product Title
Product Features
Product Price
Product Subtitle
Product Button
AB Container
AB Accordion
AB Button
AB Pricing
AB Profile Box
AB Drop Cap
AB Post and Page Grid
AB Call To Action
Email newsletter
AB Advanced Columns
AB Spacer
AB Testimonial
AB Advanced Column
AB Sharing


Questo plugin puó essere installato direttamente dal tuo sito.

  1. Accedi e dirigiti su _Plugins → Aggiungi.
  2. Digita “Atomic Blocks” nella barra di ricerca e premi invio.
  3. Individua il plugin Atomic Blocks nella lista e fai click su Installa ora.
  4. Una volta installato, fai clic sulla voce ‘Attiva’.
  5. Sarai ridirezionato verso la Pagina Iniziale di Atomic Blocks.

Puó anche essere installato manualmente.

  1. Scarica il plugin Atomic Blocks da
  2. Scompatta il programma e spostalo nella cartella dei plugin.
  3. Effettua l’accesso a WordPress e visualizza la schermata dei Plugin.
  4. Individua l’elemento Atomic Blocks e fai clic sulla voce Attiva.
  5. Sarai ridirezionato verso la Pagina Iniziale di Atomic Blocks.


Posso utilizzare Atomic Blocks con ogni tema?

Si, puoi utilizzare Atomic Blocks con qualsiasi tema, ma consigliamo di utilizzare il nostro tema Atomic Blocks o uno degli altri temi compatibili con Gutenberg realizzati da StudioPress come Revolution per ottenere le migliori presentazioni. Entrambe i temi incorporano stili studiati specificamente per Atomic Blocks.

Tema Atomic Blocks

Devo abilitare il nuovo editor a blocchi per utilizzare Atomic Blocks?

Si, é necessario istallare WordPress 5.0 o successivo per utilizzare Atomic Blocks.


19 Agosto 2019
It is really awesome to create very high user experience! Please add an option to disable jquery library. Some of the themes don't need jquery. This is the why I gave a 4 star. I'll edit my review in the future. EDIT: They said "it will be fixed in the next release. Once again thank you!
8 Luglio 2019
Most of the blocks have more functionality than the core blocks that come with gutenberg and offer a solid foundation to build upon. But besides some neat features, it's really basic and not easy to customize. For Dev's a solid option, but very limited possiblities for editors. No real settings (like disable-blocks or setting defaults) and limited functionality.
11 Maggio 2019
Tried the accordion block for my help FAQ. It works beautifully and it saves the need for separate plugin. This is what Gutenberg is supposed to be. I didn't even need to change the CSS! It blends perfectly into my site. Update: Just did a very complex CTA layout using the Atomic Blocks columns and container blocks. It turns out you can put blocks inside of blocks to group things together with <div> tags, just like you would if you were hand coding the html. Cool! The only thing that would make this easier would be if there were a way in Gutenberg to reveal the structure of the page. Gutenberg does a good job of showing you the end result, but it's hard to see what's going on underneath. With linear layouts this doesn't matter. But when things get complex, it's hard to see or remember what's going on.
2 Maggio 2019
Hi, i can say the plugin is quite usefull, but sometimes had problems. For example, i've created 2 different CTA Buttons, one with bg image and the other not. But when i try to update something, try to save reload and other stuff, very often the block crashes and tell me to convert into html block, and then can't revert to visual block. If you can fix this i can give you one more star 😉 Thanks
Leggi tutte le recensioni di 32

Crediti e riconoscimenti

“Atomic Blocks – Collezione di Blocchi Gutenberg” è un software open source. Le persone che hanno contribuito allo sviluppo di questo plugin sono indicate di seguito.


“Atomic Blocks – Collezione di Blocchi Gutenberg” è stato tradotto in 5 lingue. Grazie ai traduttori per i loro contributi.

Traduci “Atomic Blocks – Collezione di Blocchi Gutenberg” nella tua lingua.

Ti interessa lo sviluppo?

Esplora il Codice segui il Repository SVN iscriviti al Log delle Modifiche. Puoi farlo tramite RSS con un lettore di feed.

Changelog (registro delle modifiche)


  • Add background image support to Advanced Columns block.
  • Add 1-column support to Post Grid block.
  • Add missing class to Post Grid section title.
  • Fix layout modal state for upcoming Gutenberg update.
  • Disable automatic activation of Gutenberg plugin.


  • Remove jQuery dependency when enqueuing dismiss.js.
  • Fix IE styles for blocks that use CSS Grid (pricing table and columns).
  • Fix undefined error for installs under WordPress 5.0.
  • Fix image display CSS property.
  • Fix specificity of CSS Grid for child elements.


  • Add double opt-in option to Newsletter block.
  • Remove Google+ from Sharing block.
  • Add button to remove image from Testimonial and Author Profile block.
  • Add prefix to alignment CSS class on Sharing and Accordion block.
  • Change duplicate layout name.
  • Remove duplicate CSS entries to increase performance.
  • Remove outdated French translation files in favor of translations.
  • Remove default font value in Accordion block so block can use theme font declarations.
  • Remove overly specific font size declaration in Accordion block.
  • Remove the currently viewed post from the posts query to avoid duplicate display in Post Grid.


  • Add Section & Layout block.


  • Add files that were lost during transmission when releasing 1.8.0.


  • Made all blocks compatible with the official AMP plugin. No more validation errors.
  • Notice block: Improve dismissible notice support for older browsers.
  • Notice block: Fix bug that caused dismiss icon to show on non-dismissible notices under certain conditions.
  • Post & Page Grid block: Improved grid support for Internet Explorer.
  • Post & Page Grid block: Fix compatibility issue with WordPress 5.2
  • Post & Page Grid block: Add support for custom image sizes registered by themes and other plugins.
  • Post & Page Grid block: Add full width alignment option.
  • Advanced Columns block: Add support for custom CSS class on inner columns.
  • Button block: Removed custom color palette in favor of the active theme’s color palette.


  • Griglia Articoli: Migliora il supporto IE11 della griglia.


  • Aggiungi il blocco Colonne Complesse.
  • Newsletter: Cambia pulsante per inserire e regolare gli stili.


  • Newsletter: Add instance ID to input field.
  • Newsletter: Change input type to email.
  • Newsletter: Change how nonce is handled and remove id attribute.
  • Author Profile: Add a description below the Email URL field.
  • Post Grid: Fix excerpt length.
  • Accordion: Fix link styles.
  • Fix redirect bug on multisite installs.


  • Add the Newsletter block.


  • Aggiunto diverse caratteristiche al blocco Griglia per Articolo/Pagina.


  • Corretto bug dei links per il profilo autore.
  • Migliori stili per dispositivi mobili.
  • Rimosso Custom Post Types inutilizzati (CPTs).
  • Rimosso selezione colori predefinita del plugin in favore delle selezioni del tema.
  • Corretto bug impostazione colore nel blocco separatore.


  • Fix bug with undefined dim ratio in CTA.


  • Fix bug with undefined dim ratio.


  • Fix bug with lodash scoping.
  • Fix bug with URL input on pricing table.


  • Add Pricing Table block.
  • Fix container background clearing bug.


  • Add block alignment class back to CTA block.
  • Refactor deprecated code format.


  • Add title toggle to Post Grid block.
  • Update CTA block to account for Gutenberg changes.
  • Add LinkedIn icon to Author Profile block.
  • Add noreferrer to Button block.


  • Remove notice to install Gutenberg.


  • Fix category error in Post Grid block.
  • Change asset loading for WordPress 5.0.


  • Fix FontAwesome loading issue.


  • Add block dependencies to wp_enqueue_script


  • Fix behavior of attribute output
  • Restrict media upload to images
  • Update French translation strings


  • Improved Getting Started page.
  • Update translation strings.


  • Update translation strings.
  • Limit asset loading to GS page.
  • Add conditional check to post grid.
  • Add French translations.


  • Update PanelColor component to PanelColorSettings.


  • Fix button focus bug in Call To Action block.
  • Fix button focus bug in Button block.
  • Fix text focus bug in Author Profile block.


  • Convert Accordion Block text area to InnerBlocks to allow for adding any block.


  • Update FontAwesome to 5.2.0.
  • Move dynamic block PHP to src folder.
  • Add option to customize Read More link text in Post Grid block.


  • Fix category drop down on Post Grid block.
  • Fix path to fontawesome on Getting Started page.


  • Fix bug in Post Grid block that prevented it from displaying in the editor.
  • Fix window.userSettings is undefined error.
  • Fix bug in dismissable notice.


  • Fix padding increments on Container block.
  • Improve color display on Call To Action block text.


  • Convert saved RichText to RichText.Content.
  • Prepare blocks for toolbar formatting.


  • Fix focus bug on Testimonial block title.


  • Fix URLInput on the Button block.


  • Remove unnecessary state from blocks.
  • Improve call to decodeEntities.
  • Update URLInput.


  • Fix links in readme.txt.
  • Fix update notice CSS bug.


  • Imposta la massima larghezza del blocco Contenitore.


  • Aggiungi Blocco Contenitore.
  • Fix toolbar focus bug on Accordion Block.


  • Add blocks to a custom Atomic Blocks category in the block inserter.
  • Clean up markup and remove unnecessary code.
  • Add inline toolbar to text area on relevant blocks.


  • Update blocks to work with Gutenberg 3.1.0.


  • Fix fatal error in last update.


  • Add Post Grid Block.
  • Add improvements for Gutenberg 3.0.
  • Clean up existing blocks.


  • Improve margins for blocks in editor.
  • Fix quirks in the drop cap block.


  • Remove unnecessary isSelected from controls.
  • Fix undefined post bug.
  • Move components to wp.editor.
  • Improve styles for URL input on button block.


  • Rename array_social_icon_footer_script() to atomic_blocks_social_icon_footer_script().


  • Improved the color palettes for changes that happened in Gutenberg 2.8.


  • Add the sharing icons block.


  • Replace props.focus with isSelected for Gutenberg 2.8.0.


  • Refactor the CTA block.
  • Refactor the Author Profile block.


  • Improve Author Profile block to fix text focus and spacing.


  • Add Call-To-Action Block.
  • Improve wide and full-width styles.


  • Define PanelBody to fix Drop Cap block error.


  • Add FontAwesome font library back to Getting Started page.
  • Add prefixes to Getting Started page styles to prevent conflicts.


  • Improve Quick Start box on the Getting Started page.
  • Fix issue with FontAwesome not loading on Getting Started page.


  • Add PanelBody to inspector controls.
  • Group social links together in Profile block.


  • Fix the Button block to remove formatting issue.


  • Fix the Accordion block bug where outputs don’t match.


  • Aggiungi il blocco Fisarmonica.


  • Aggiungi il blocco Separatore & Divisore.


  • Aggiungi il blocco Pulsante Personalizzabile.


  • Versione iniziale.