Title: Autogrid
Author: Andreslav
Published: <strong>2024년 2월 10일</strong>
Last modified: 2024년 10월 20일

---

플러그인 검색

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

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

![](https://ps.w.org/autogrid/assets/icon.svg?rev=3034037)

# Autogrid

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

[다운로드](https://downloads.wordpress.org/plugin/autogrid.2.0.7.zip)

[실시간 미리보기](https://ko.wordpress.org/plugins/autogrid/?preview=1)

 * [세부사항](https://ko.wordpress.org/plugins/autogrid/#description)
 * [평가](https://ko.wordpress.org/plugins/autogrid/#reviews)
 * [개발](https://ko.wordpress.org/plugins/autogrid/#developers)

 [지원](https://wordpress.org/support/plugin/autogrid/)

## 설명

Autogrid is a block for the WordPress block editor that allows you to create adaptive
columns. The elements inside it are automatically distributed into columns, filling
the available space.

The order of customization

 1. Set the maximum number of columns and their minimum width, after reaching which
    the cells will be redistributed.
 2. Specify the size of spacing between cells and their padding. These parameters can
    be configured adaptively, for example by setting min. the size of the container
    when the value should be applied.
 3. If necessary, set the width of certain cells by specifying the number of columns
    they should occupy. You can specify the minimum and maximum number of columns to
    be displayed when the value should be applied.
 4. Done! Test.

## 스크린샷

[⌊Example of Autogrid block⌉⌊Example of Autogrid block⌉[

Example of Autogrid block

[⌊Autogrid Block Settings⌉⌊Autogrid Block Settings⌉[

Autogrid Block Settings

[⌊Autogrid block cell Settings⌉⌊Autogrid block cell Settings⌉[

Autogrid block cell Settings

[⌊Autogrid block cell Settings⌉⌊Autogrid block cell Settings⌉[

Autogrid block cell Settings

[⌊How the Autogrid block looks on the site⌉⌊How the Autogrid block looks on the 
site⌉[

How the Autogrid block looks on the site

## 블록

이 플러그인은 2개의 블록을 제공합니다.

 *   Autogrid Autogrid Block. The elements inside this block are automatically distributed
   in columns, filling the available space.
 *   Autogrid Item Autogrid Block Item.

## FAQ

### What browsers are supported?

The grid works well in modern browsers: Chrome 79+, Firefox 76+, Edge 79+, Safari
16+.

Adaptability starts working only with: Chrome 106+, Firefox 110+, Edge 106+, Safari
16+.

The information is obtained based on a comparison of the support of the CSS features
used: [CSS Grid](https://caniuse.com/css-grid), [CSS math function min()](https://caniuse.com/?search=min()),
[CSS function repeat()](https://caniuse.com/?search=repeat()), [CSS Container Queries](https://caniuse.com/css-container-queries).

### Are the adaptability settings working strangely?

The Min and Max values in the adaptivity settings “Spacing between cells” and “Padding
of cells” are set in px and indicate the width of the Autogrid container, not the
width of the viewport.

The Min and Max values in the adaptability settings of the “Cell Size” are set in
integers and literally indicate the number of columns displayed when the rule should
be applied.

### Where can I see the source code?

You can check out the source files on [Github](https://github.com/Andreslav/autogrid).

### Where can I test the plugin without installing it on my site?

The plugin can be tried on a free dummy site from TasteWP. To create a fictitious
website with the Autogrid plug-in installed, follow the link: [https://tastewp.org/plugins/autogrid](https://tastewp.org/plugins/autogrid)

## 후기

![](https://secure.gravatar.com/avatar/8c0ced2ad5a0c50ec3a0903b1d1946b4309a9b5e4ed01ff7f8d40bc710f49e3e?
s=60&d=retro&r=g)

### 󠀁[I only have 2 words for this !](https://wordpress.org/support/topic/i-only-have-2-words-for-this/)󠁿

 [nick6352683](https://profiles.wordpress.org/nick6352683/) 2024년 2월 11일 답글
1개

I only tested this plugin for about 10 minutes, but that was enough for me to come
here and give it my 2 word review:Pure Genius !!! Ok, some more details: Before 
this plugin in order for me to achieve some complex multi “row” layouts, with different“
cell” sizes, I have to setup multiple Columns blocks, and group them together. Even
though with the Columns setup, you have more precise control for the column sizes,
this plugin simplifies things a lot. Also, considering that this plugin is only 
75kb in size, a rare sight nowadays, I am extremely happy and impressed with this–
so far… If any issues arise, I will report back. Thank you for this plugin !

 [ 모든 1 평가 읽기 ](https://wordpress.org/support/plugin/autogrid/reviews/)

## 기여자 & 개발자

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

기여자

 *   [ Andreslav ](https://profiles.wordpress.org/andreslav/)

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

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

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

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

## 변경이력

#### 2.0.7

 * Added possibility to set color for all autogrid child items at once.

#### 2.0.6

 * Fixed a bug in Safari.

#### 2.0.5

 * Fixed PHP warning and formatted .php

#### 2.0.3

 * Fixed an issue where increasing the cell spacing increases the outer margins 
   as well.
 * Updated the supported settings (supports).
 * Autogrid is now displayed correctly inside the “Group” blocks.

## 기초

 *  버전 **2.0.7**
 *  최근 업데이트: **2년 전**
 *  활성화된 설치 **10+**
 *  워드프레스 버전 ** 6.4 또는 그 이상 **
 *  다음까지 시험됨: **6.6.7**
 *  PHP 버전 ** 7.0 또는 그 이상 **
 *  언어
 * [English (US)](https://wordpress.org/plugins/autogrid/) 및 [Russian](https://ru.wordpress.org/plugins/autogrid/).
 *  [자국어로 번역하기](https://translate.wordpress.org/projects/wp-plugins/autogrid)
 * 태그:
 * [auto-fill](https://ko.wordpress.org/plugins/tags/auto-fill/)[block](https://ko.wordpress.org/plugins/tags/block/)
   [columns](https://ko.wordpress.org/plugins/tags/columns/)[grid](https://ko.wordpress.org/plugins/tags/grid/)
   [layout](https://ko.wordpress.org/plugins/tags/layout/)
 *  [고급 보기](https://ko.wordpress.org/plugins/autogrid/advanced/)

## 평점

 별 5점 만점에 5점.

 *  [  1/5-별점 후기     ](https://wordpress.org/support/plugin/autogrid/reviews/?filter=5)
 *  [  0/4-별점 후기     ](https://wordpress.org/support/plugin/autogrid/reviews/?filter=4)
 *  [  0/3-별점 후기     ](https://wordpress.org/support/plugin/autogrid/reviews/?filter=3)
 *  [  0/2-별점 후기     ](https://wordpress.org/support/plugin/autogrid/reviews/?filter=2)
 *  [  0/1-별점 후기     ](https://wordpress.org/support/plugin/autogrid/reviews/?filter=1)

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

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

## 기여자

 *   [ Andreslav ](https://profiles.wordpress.org/andreslav/)

## 지원

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

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