Beer Blocks

1. 

   screenshot-1.jpg

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.

Hide FAQ

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
• Fix !issue #2
• Fix !issue #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
• 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

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

[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