Title: Beer Blocks
Author: egarofalo83
Published: <strong>Gwynngala 29, 2021</strong>
Last modified: Du 25, 2024

---

Search plugins

![](https://ps.w.org/beer-blocks/assets/banner-772x250.jpg?rev=2606877)

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/beer-blocks/assets/icon-256x256.png?rev=2606877)

# Beer Blocks

 By [egarofalo83](https://profiles.wordpress.org/egarofalo83/)

[Download](https://downloads.wordpress.org/plugin/beer-blocks.1.9.6.zip)

 * [Details](https://cor.wordpress.org/plugins/beer-blocks/#description)
 * [Reviews](https://cor.wordpress.org/plugins/beer-blocks/#reviews)
 *  [Installation](https://cor.wordpress.org/plugins/beer-blocks/#installation)
 * [Development](https://cor.wordpress.org/plugins/beer-blocks/#developers)

 [Support](https://wordpress.org/support/plugin/beer-blocks/)

## Description

Beer Blocks

Power-up the Gutenberg editor with advanced and powerful blocks that help you build
websites very fast! Beer blocks is free, and always will be!

Beer Blocks implements the grid system and components of the Bootstrap 4 Framework.
It also contains a block that allows you to insert Font Awesome 5 icons, and contain
other usefull blocks, such as, Info Box, Advanced Header, Section, etc. Finally 
you can use Google Fonts font families in paragraphs, headers and other block types
of Beer Blocks.

Simply select a block within the Beer Blocks category and you will notice that it
will allow you customize it very easily.

## Screenshots

 * [[
 * screenshot-1.jpg

## Installation

 1. Upload the plugin files to the `/wp-content/plugins/beer-blocks` directory, or 
    install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the Plugins screen in WordPress.
 3. And that’s all! Enjoy the plugin!

## FAQ

### What do you mean with “implements Bootstrap 4 components”?

Beer Blocks come with many blocks that represent the components of Bootstrap 4, 
such as Alert, Jumbotron, Accordion, Button, etc.

### What do you mean with “implements Bootstrap 4 grid system”?

The Bootstrap 4 framework has a powerful grid system, which allows us to create 
beautiful responsive websites. Beer Blocks has four types of blocks that perfectly
represent Bootstrap’s grid system: Grid, Container, Row, and Col.

### Has Beer Blocks a block type that allow us insert some icons in the editor?

The answer is yes!! It has a block type with all Font Awesome 5 free icons available
in Font Awesome web page.

### Can I change the font family and font weight of blocks that have text?

Yes, of course! You can choose any of the font families available in Google Fonts.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“Beer Blocks” is open source software. The following people have contributed to 
this plugin.

Contributors

 *   [ egarofalo83 ](https://profiles.wordpress.org/egarofalo83/)
 *   [ egarofalo ](https://profiles.wordpress.org/egarofalo/)

“Beer Blocks” has been translated into 1 locale. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/beer-blocks/contributors)
for their contributions.

[Translate “Beer Blocks” into your language.](https://translate.wordpress.org/projects/wp-plugins/beer-blocks)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/beer-blocks/), check
out the [SVN repository](https://plugins.svn.wordpress.org/beer-blocks/), or subscribe
to the [development log](https://plugins.trac.wordpress.org/log/beer-blocks/) by
[RSS](https://plugins.trac.wordpress.org/log/beer-blocks/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.0

 * Release

#### 1.0.1

 * Fix fa-icon block type

#### 1.1.0

 * Fixed `accordion-item` block type markup bug
 * Added **Opened** toggle field in `accordion-item` block type for show the accordion
   item contents as default
 * Added body border setting fields in `accordion-item` block type
 * Improves in `fa-icon` block type
 * Added **Block level element type** toggle field in `fa-icon` for display it as
   an _Inline Element_ or _Block Element_
 * Fixed `border.js` helper bug
 * Removed `parent` attribute in `fa-icon` block type
 * Added new translations in `es_ES` language
 * Updated `readme.txt`

#### 1.1.1

 * Code improvements
 * Remove `BeerBlocks\Helpers\Globals\enqueue_editor_assets` helper function hooked
   in `enqueue_block_editor_assets` action
 * Fix `BeerBlocks\Helpers\Globals\create_blocks_category` helper function
 * Add `BeerBlocks\Helpers\Globals\register_shared_dependencies` function used in`
   BeerBlocks\Helpers\Globals\register_block_types` helper to register `beer-blocks-
   editor-script` and `beer-blocks-editor-style` dependencies of all block types
 * Add **Beer Blocks** svg icon into the post settings panel

#### 1.2.0

 * Code improvements
 * Remove **Google Fonts API Key** settings and fields as it is no longer necessary
 * Remove **Beer Blocks Post Settings Panel** in the block editor
 * Replace the **Font Family** text field, used in blocks, with a dropdown wich 
   has font families from Google Fonts and web safe fonts families
 * Add **Load Google Fonts** settings with a checkbox field
 * Fix javascript errors in Widget Admin Area
 * Added new translations in `es_ES` language
 * Update `README.md` file

#### 1.2.1

 * Add clear button on font families dropdown
 * Fix controls styles in **Instruction** block type

#### 1.2.2

 * Code improvements
 * Fix **Load Google Fonts** checkbox field in plugin page settings

#### 1.2.3

 * Code improvements
 * Add `inner-border.js` helper wich allows to create an inner border inside blocks
   in top and bottom sides
 * Add traductions in `es_ES`
 * Add new features in `border.js` helper
 * Add `inner-border.js` controls in `beer-blocks/container` block type for create
   inner borders

#### 1.2.4

 * Code improvements
 * Update Bootstrap version `4.6.0` to `4.6.1`
 * Update translations in `es_ES` language
 * Fix [!issue #1](https://github.com/egarofalo/beer-blocks/issues/1)
 * Fix [!issue #2](https://github.com/egarofalo/beer-blocks/issues/2)
 * Fix [!issue #3](https://github.com/egarofalo/beer-blocks/issues/3)

#### 1.2.5

 * Code improvements in `beer-blocks/accordion` block type
 * Code improvements in `beer-blocks/instructions` block type
 * Remove extra padding in `beer-blocks/header` when set background color
 * Remove extra padding in `beer-blocks/paragraph` when set background color

#### 1.3.0

 * Add `beer-blocks/tabs` and `beer-blocks/tab-pane` blocks
 * Add new features in **Borders** panel settings section
 * Add **Load Bootstrap scripts in Editor** settings field
 * Update settings fields labels and descriptions
 * Update translations in `es_ES` language
 * Update README.md
 * Change `beer-blocks/jumbotron` block type icon
 * Code improvements in `border.js` helper
 * Remove unused styles
 * Remove `build` directory from git workflow

#### 1.3.1

 * Add default margin-top and margin-bottom (`0px`) to the following blocks for 
   the editor view only:
    - `beer-blocks/button`
 * Add default margin-top and margin-bottom (`20px`) to the following blocks for
   the editor view only:
    - `beer-blocks/row`
    - `beer-blocks/header`
    - `beer-blocks/paragraph`
 * Add default margin-top and margin-bottom (`0px`) to the following blocks for 
   the frontend only:
    - `beer-blocks/row`
 * Add default margin-top and margin-bottom (`20px`) to the following blocks for
   the editor view and the frontend:
    - `beer-blocks/tabs`
    - `beer-blocks/fa-icon`
    - `beer-blocks/separator`
    - `beer-blocks/grid`
    - `beer-blocks/container`
    - `beer-blocks/advanced-header`
    - `beer-blocks/accordion`
    - `beer-blocks/alert`
    - `beer-blocks/buttons`
    - `beer-blocks/section`
    - `beer-blocks/jumbotron`
 * Add default margin-top and margin-bottom (`0px`) to the following blocks for 
   the editor view and the frontend:
    - `beer-blocks/tab-pane`
    - `beer-blocks/column`
 * Add spacing settings in `beer-blocks/fa-icon` block
 * Add the Beer Blocks icon in the menu item linked to the plugin settings page
 * Remove margin styles in the global `editor.css` stylesheet, which was removing
   the default extra margins of wordpress blocks

#### 1.3.2

 * Add frontend styles to `beer-blocks/accordion` block type
 * Add frontend styles to `beer-blocks/tab-pane` block type
 * Add new translations in `es_ES` language
 * Fix block types dependencies array in the `register_block_types` function

#### 1.4.0

 * Add **Default selected tab** setting in `beer-blocks/tabs` block type
 * Add new grid breakpoint: `XXL` (more than 1400px)
 * Add **Direction** option (up or down) to **Triangle** settings on **Separator**
   block type
 * Add **Typography** responsive feature to all block types
 * Add **Dimension** responsive feature to all block types
 * Add **Spacing** responsive feature to all block types
 * Add new translations in `es_ES` language
 * Update Bootstrap 4 reboot styles in editor view
 * Change buttons icons in **Border** panel settings
 * Change buttons icons in **Border Radius** panel settings
 * Fix `beer-blocks/separator` styles in frontend and editor view
 * Code improvements

#### 1.4.1

 * Add `verticalMarginRules` mixin in `helpers.scss` file
 * Remove left and right margin settings in `beer-blocks/container` block type
 * Remove left and right margin settings in `beer-blocks/instruction` block type
 * Fix `beer-blocks/section` js error bug
 * Fix `beer-blocks/info-box` spacing settings bug
 * Fix `beer-blocks/separator` bug in `styles.scss`
 * Fix `beer-blocks/tabs` and `beer-blocks/tab-pane` js error bug
 * Code improvements

#### 1.5.0

 * Fix sass files
 * Add new block `beer-blocks/image`
 * Add new translations in `es_ES` language
 * Add new features and helpers in all blocks
 * Update Bootstrap version `4.6.1` to `4.6.2`
 * Major changes
 * Code improvements

#### 1.6.0

 * Update Fontawesome version `5.15.3` to `5.15.4`
 * Fix editor styles in `paragraph` block type when using line height control
 * Fix [!issue #4](https://github.com/egarofalo/beer-blocks/issues/4)
 * Code improves in `flexbox` helper
 * Code improves in `grid` helper
 * Apply changes and improves in row and column block types

#### 1.6.1

 * Fix [!issue #5](https://github.com/egarofalo/beer-blocks/issues/5)

#### 1.7.0

 * Add new helper features using the new `html-attrs` helper
 * Add `html-attrs` helper in all blocks
 * Update `react-icons` package from `4.6.0` to `4.10.1`
 * Improves in `colors` helper wich allows remove default background and color values
   in block styles
 * Improves in `spacing` helper
 * Improves in `typography` helper
 * Improves in `size` helper
 * Improves in `border` helper
 * Improves in `flexbox` helper
 * Improves in `statuses` helper
 * Fix all blocks styles due to helpers improves
 * Fixes in `button` block
 * Set `margin-top: revert` and `margin-bottom: revert` to all blocks in the editor
   view
 * Remove `buttons` block

#### 1.8.0

 * Add **letter spacing** feature to `typography` helper
 * Add **Remove gutters** field in `row` block type which allows remove gutters 
   between columns
 * Add **Flex direction** feature in `row` block type (include _Stacked contents_
   and _Reverse order_ fields)
 * Add **vertical margin** feature in `row` block type
 * Fix styles in `row` block type
 * Remove parent relation in `row` block type

#### 1.9.0

 * Change and improves in `typography` helper logic
 * Transform functions controls to functional components in `typography` helper (
   fix `minified React Error` in certain situations)
 * Add `beer_blocks_google_fonts_families` hook filter to add Google Fonts manually
   in your theme
 * Add **border** helper features to **Info Box** block type
 * Add **border** helper features to **Section** block type
 * Add **border** helper features to **Container** block type
 * Add **Call to action button** to **Info Box** block type
 * Add `min-height`, `max-height`, `min-width` and `max-width` css properties to`
   size` helper
 * Add **Auto Horizontal Margins** feature to `spacing` helper
 * Add `size` helper features to the following block types:
    - **Section** with `width`, `max-width`, `height`, `min-height` and `auto-height`
      controls
    - **Container** with `width`, `max-width`, `height`, `min-height` and `auto-
      height` controls
    - **Alert** with `width`, `max-width`, `height`, `min-height` and `auto-height`
      controls
    - **Header** with `width` and `max-width` controls
    - **Paragraph** with `width` and `max-width` controls
 * Add breakpoint behavior and new UI to `block-alignment` helper controls
 * Add new `text-alignment` helper
 * Add `text-alignment` helper features to the following blocks:
    - **Accordion Item**
    - **Button**
    - **Fa Icon**
    - **Header**
    - **Image**
    - **Paragraph**
 * Fix `block-alignment` helper usage in some blocks
 * Fix editor and blocks styles

#### 1.9.1

 * Fix google fonts families enqueue process, since it now loads the font families
   using the array filtered by `beer_blocks google_fonts families` filter
 * Remove `update_google_fonts_families_setting` function used to update Google 
   Font families settings after register the setting

#### [1.9.2]

 * Fix [!issue #6](https://github.com/egarofalo/beer-blocks/issues/6)

#### [1.9.3]

 * Update `@wordpress/scripts` from `24.4.0` to `29.0.0`
 * Fix translations in `es_ES` language
 * Apply fixes to `colors` helper file in attributes definition

#### [1.9.4]

 * Apply fixes to `typography` helper file in font-weight attribute definition

#### [1.9.5]

 * Apply fixes to `border` helper file in border attribute definition
 * Apply fixes to `statuses` helper file in all colors attributes definition
 * Apply fixes to `html-attrs` helper file in id and html attributes definition

#### [1.9.6]

 * Remove **Horizontal Centering** option in `Spacing` panel
 * Apply fixes in `grid` helper due a bug produced in breakpoints behavior

## Meta

 *  Version **1.9.6**
 *  Last updated **1 year ago**
 *  Active installations **10+**
 *  WordPress version ** 5.6 or higher **
 *  Tested up to **6.6.5**
 *  PHP version ** 7.3 or higher **
 *  Languages
 * [English (US)](https://wordpress.org/plugins/beer-blocks/) and [Spanish (Spain)](https://es.wordpress.org/plugins/beer-blocks/).
 *  [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/beer-blocks)
 * Tags
 * [block](https://cor.wordpress.org/plugins/tags/block/)[blockeditor](https://cor.wordpress.org/plugins/tags/blockeditor/)
   [blocks](https://cor.wordpress.org/plugins/tags/blocks/)[design](https://cor.wordpress.org/plugins/tags/design/)
   [gutenberg](https://cor.wordpress.org/plugins/tags/gutenberg/)
 *  [Advanced View](https://cor.wordpress.org/plugins/beer-blocks/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/beer-blocks/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/beer-blocks/reviews/)

## Contributors

 *   [ egarofalo83 ](https://profiles.wordpress.org/egarofalo83/)
 *   [ egarofalo ](https://profiles.wordpress.org/egarofalo/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/beer-blocks/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://www.paypal.com/donate?hosted_button_id=8XSCNEV5WA5TU)