Title: Beer Blocks
Author: egarofalo83
Published: <strong>2021년 9월 29일</strong>
Last modified: 2024년 11월 25일

---

플러그인 검색

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

이 플러그인은 **최근 3개의 주요 워드프레스 출시와 시험 되지 않았습니다**. 워드프레스의
좀 더 최근 버전으로 이용할 때 더 이상 관리되지 않고 지원되지 않고 호환성 문제가 
있을 수 있습니다.

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

# Beer Blocks

 작성자: [egarofalo83](https://profiles.wordpress.org/egarofalo83/)

[다운로드](https://downloads.wordpress.org/plugin/beer-blocks.1.9.6.zip)

 * [세부사항](https://ko.wordpress.org/plugins/beer-blocks/#description)
 * [평가](https://ko.wordpress.org/plugins/beer-blocks/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/beer-blocks/#installation)
 * [개발](https://ko.wordpress.org/plugins/beer-blocks/#developers)

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

## 설명

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.

## 스크린샷

[⌊screenshot-1.jpg⌉⌊screenshot-1.jpg⌉[

screenshot-1.jpg

## 설치

 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.

## 후기

이 플러그인에 대한 평가가 없습니다.

## 기여자 & 개발자

“Beer Blocks”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

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

“Beer Blocks”(이)가 1 개 언어로 번역되었습니다. 기여해 주셔서 [번역자](https://translate.wordpress.org/projects/wp-plugins/beer-blocks/contributors)
님께 감사드립니다.

[자국어로 “Beer Blocks”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/beer-blocks)

### 개발에 관심이 있으십니까?

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/beer-blocks/)는, [SVN 저장소](https://plugins.svn.wordpress.org/beer-blocks/)
를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/beer-blocks/)
을 [RSS](https://plugins.trac.wordpress.org/log/beer-blocks/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

#### 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

## 기초

 *  버전 **1.9.6**
 *  최근 업데이트: **2년 전**
 *  활성화된 설치 **10+**
 *  워드프레스 버전 ** 5.6 또는 그 이상 **
 *  다음까지 시험됨: **6.6.5**
 *  PHP 버전 ** 7.3 또는 그 이상 **
 *  언어
 * [English (US)](https://wordpress.org/plugins/beer-blocks/) 및 [Spanish (Spain)](https://es.wordpress.org/plugins/beer-blocks/).
 *  [자국어로 번역하기](https://translate.wordpress.org/projects/wp-plugins/beer-blocks)
 * 태그:
 * [block](https://ko.wordpress.org/plugins/tags/block/)[blockeditor](https://ko.wordpress.org/plugins/tags/blockeditor/)
   [blocks](https://ko.wordpress.org/plugins/tags/blocks/)[design](https://ko.wordpress.org/plugins/tags/design/)
   [gutenberg](https://ko.wordpress.org/plugins/tags/gutenberg/)
 *  [고급 보기](https://ko.wordpress.org/plugins/beer-blocks/advanced/)

## 평점

아직 제출된 리뷰가 없습니다.

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

[모든  리뷰 보기](https://wordpress.org/support/plugin/beer-blocks/reviews/)

## 기여자

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

## 지원

할 말 있으신가요? 도움이 필요하신가요?

 [지원 포럼 보기](https://wordpress.org/support/plugin/beer-blocks/)

## 기부

이 플러그인이 발전하도록 도우시겠습니까?

 [ 이 플러그인에 기부하기 ](https://www.paypal.com/donate?hosted_button_id=8XSCNEV5WA5TU)