Title: Grid Block
Author: digitalapps
Published: <strong>23. фебруар 2019.</strong>
Last modified: 5. септембар 2026.

---

Претражи додатке

![](https://ps.w.org/grid-block/assets/banner-772x250.png?rev=3682000)

![](https://ps.w.org/grid-block/assets/icon-256x256.png?rev=3682000)

# Grid Block

 Аутор: [digitalapps](https://profiles.wordpress.org/digitalapps/)

[Преузимање](https://downloads.wordpress.org/plugin/grid-block.1.2.1.zip)

 * [Детаљи](https://sr.wordpress.org/plugins/grid-block/#description)
 * [Рецензије](https://sr.wordpress.org/plugins/grid-block/#reviews)
 *  [Постављање](https://sr.wordpress.org/plugins/grid-block/#installation)
 * [Развој](https://sr.wordpress.org/plugins/grid-block/#developers)

 [Подршка](https://wordpress.org/support/plugin/grid-block/)

## Опис

Grid Block adds a lightweight grid container and nested column block to the WordPress
editor. Choose a starting layout, place any blocks inside each column, and adjust
column widths for desktop, laptop, tablet, and mobile breakpoints.

Select the Grid Block and open Grid gap in its settings to adjust the column and
row spacing independently. Use px, rem, or em units, set either gap to zero, or 
reset to the original 30px column gutter and 0px row gap. Row spacing also applies
when columns stack on smaller screens.

The frontend uses a small local stylesheet and no JavaScript. The plugin does not
create options, collect personal data, or contact external services.

Existing content created with Grid Block 1.0.x remains supported. The original `
grid-block/grid` and `grid-block/grid-column` block names and frontend class names
are preserved.

### Development

Human-readable block source is included in the `src` directory.

 1. Run `npm ci` to install the exact JavaScript build tools from the included lockfile.
 2. Run `npm run build` to create production assets in `build`.

The build requires Node.js 20 or newer and npm 10 or newer. Build tools are development
dependencies and are not loaded by WordPress.

## Снимци екрана

[⌊Choose a starting grid layout.⌉⌊Choose a starting grid layout.⌉[

Choose a starting grid layout.

[⌊Build a three-column layout with nested blocks and adjust the grid gaps.⌉⌊Build
a three-column layout with nested blocks and adjust the grid gaps.⌉[

Build a three-column layout with nested blocks and adjust the grid gaps.

[⌊Adjust a column width for each responsive breakpoint.⌉⌊Adjust a column width for
each responsive breakpoint.⌉[

Adjust a column width for each responsive breakpoint.

## Блокови

Овај додатак пружа 2 блока.

 *   Grid Block Create a responsive 12-column layout.
 *   Grid Column A responsive column within Grid Block.

## Постављање

 1. Install Grid Block from the WordPress plugin directory, or upload the `grid-block`
    directory to `/wp-content/plugins/`.
 2. Activate Grid Block from the Plugins screen.
 3. Add the Grid Block from the Design category in the block inserter.

## ЧПП

### Does Grid Block load JavaScript on the frontend?

No. Grid Block loads only its layout stylesheet on pages where the block is used.

### Will existing Grid Block content keep working?

Yes. Version 1.2.0 preserves the existing block names and public CSS classes. Deprecated
serializers keep content from versions 1.0.x and 1.1.x editable while native alignment
and anchor properties are applied on save.

### Does the plugin use an external service?

No. Grid Block does not make external requests or collect telemetry.

## Рецензије

Нема рецензија за овај додатак.

## Сарадници и градитељи

„Grid Block“ је софтвер отвореног кода. Следећи људи су допринели овом додатку.

Сарадници

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

[Преведите „Grid Block“ на свој језик.](https://translate.wordpress.org/projects/wp-plugins/grid-block)

### Заинтересовани сте за развој?

[Прегледајте кôд](https://plugins.trac.wordpress.org/browser/grid-block/), погледајте
[SVN складиште](https://plugins.svn.wordpress.org/grid-block/) или се претплатите
на [дневник развоја](https://plugins.trac.wordpress.org/log/grid-block/) преко [RSS-а](https://plugins.trac.wordpress.org/log/grid-block/?limit=100&mode=stop_on_copy&format=rss).

## Дневник измена

#### 1.2.1

 * Fixed gap fields restoring their defaults while values are being typed. Values
   now commit on blur or Enter.
 * Made newly added columns stack on mobile while preserving existing column settings.
 * Made the initial layout picker respect insertion locks inherited from parent 
   blocks.

#### 1.2.0

 * Updated the editor integration for WordPress 7.1, including its iframe editor.
 * Added independent column and row gap controls, with zero spacing, px/rem/em units,
   and reset.
 * Separated the Add column row from content inserters to prevent overlapping controls.
 * Preserved wide/full alignment and HTML anchors when saving older content.
 * Fixed mobile stacking for auto columns and responsive auto width overrides.
 * Enabled adding columns within grids and improved horizontal block movement.
 * Modernized block registration and conditional asset loading, with WordPress 6.6
   and 6.7 compatibility.
 * Fixed responsive size inheritance and translated width labels.
 * Improved layout-picker and inspector-control accessibility.
 * Preserved Grid Block 1.0.x block names and saved-content compatibility.

#### 1.0.6

 * Added vertical alignment support.

#### 1.0.5

 * Fixed full-width alignment styling.

#### 1.0.4

 * Added horizontal column alignment.

#### 1.0.3

 * Removed the fixed container width.

#### 1.0.2

 * Removed frontend JavaScript.

#### 1.0.0

 * Initial release.

## Мета

 *  Издање **1.2.1**
 *  Последње ажурирање **пре 1 месец**
 *  Активних постављања **20+**
 *  Издање Вордпреса ** 6.6 или новије **
 *  Испробано до **7.1.2**
 *  PHP издање ** 7.4 или новије **
 *  Језик
 * [English (US)](https://wordpress.org/plugins/grid-block/)
 * Ознаке
 * [block](https://sr.wordpress.org/plugins/tags/block/)[columns](https://sr.wordpress.org/plugins/tags/columns/)
   [grid](https://sr.wordpress.org/plugins/tags/grid/)[layout](https://sr.wordpress.org/plugins/tags/layout/)
   [responsive](https://sr.wordpress.org/plugins/tags/responsive/)
 *  [Напредни преглед](https://sr.wordpress.org/plugins/grid-block/advanced/)

## Оцене

Још нису послате рецензије.

[Ваша рецензија](https://wordpress.org/support/plugin/grid-block/reviews/#new-post)

[Види све рецензије](https://wordpress.org/support/plugin/grid-block/reviews/)

## Сарадници

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

## Подршка

Имате нешто да кажете? Потребна вам је помоћ?

 [Види форум подршке](https://wordpress.org/support/plugin/grid-block/)

## Донирај

Желите ли да подржите напредак овог додатка?

 [ Донирај овом додатку ](https://digitalapps.co)