Title: Блоки
Author: WordPress.org
Published: 01.12.2025

---

# Блоки

Компоненты блоков. Без кода. Просто нажмите и вставьте содержимое.

![](https://wordpress.org/files/2024/05/blocks-feature-1.png)

## Создавайте без ограничений

Технологии, лежащие в основе большей части Интернета, еще никогда не были такими
простыми в освоении. Блоки позволяют визуально взаимодействовать с любой частью 
содержимого, с кодом или без него, обеспечивая богатые макеты, интерактивную адаптацию
и бесконечную расширяемость. Такие же мощные для оформления, как и для разработки,
но все же достаточно интуитивно понятные для новичков.

[Создание блоков](https://developer.wordpress.org/block-editor/getting-started/create-block/)

[Посмотреть каталог блоков](https://ru.wordpress.org/plugins/browse/block/)

![](https://wordpress.org/files/2023/08/block-paragraph.png)

Параграф

![](https://wordpress.org/files/2023/08/block-heading.png)

Заголовок

![](https://wordpress.org/files/2023/08/block-media-text.png)

Мультимедиа

![](https://wordpress.org/files/2023/08/block-image.png)

Изображение

![](https://wordpress.org/files/2023/08/block-video.png)

Видео

![](https://wordpress.org/files/2023/08/block-audio.png)

Аудио

![](https://wordpress.org/files/2023/08/block-columns.png)

Столбцы

![](https://wordpress.org/files/2023/08/block-file.png)

Файл

## Секретная сила WordPress

Блоки являются визуальной основой WordPress и могут использоваться для создания 
и управления каждой частью вашего сайта. Они также проще, чем вы думаете. Узнайте,
как редактировать блок, и вы научитесь использовать весь WordPress без необходимости
писать код. Для вдохновения посмотрите, что другие сделали с WordPress, в разделе«
Витрина».

[Посмотреть витрину](https://wordpress.org/showcase/)

![](https://wordpress.org/files/2024/05/patterns-collage.jpg)

## Полный творческий контроль

Редактор WordPress — это способ по умолчанию вставлять, преобразовывать, стилизовать
и перемещать блоки на визуальном холсте благодаря простому интерфейсу перетаскивания.

[Попробуйте блоки вживую](https://ru.wordpress.org/gutenberg?output_format=md)

    ```wp-container-content-0733e5d0
    registerBlockType( 'your-first-block/hello-world', {
        edit: function () {
            return <p>Hello world (from the editor)</p>;
        },
        save: function () {
            return <p>Hello world (from the frontend)</p>;
        },
    } );
    ```

Привет, мир (от редактора)

## Создайте свой собственный

Если вы не можете найти блок, который соответствует вашим потребностям, создайте
свой собственный. Создать блок так же просто, как создать компонент React. Используйте
пакет `@wordpress/create-block` , чтобы приступить к созданию.

[Создать блок](https://developer.wordpress.org/block-editor/getting-started/tutorial/)

## Узнайте, что нового в блоках

Последняя основная версия WordPress содержит обновления, которые могут улучшить 
используемые Вами блоки и повысить общий уровень создания сайта. Получите более 
подробную информацию о том, какие функции доступны в текущей версии.

[Откройте для себя последний выпуск WordPress](https://ru.wordpress.org/7.1)

![](https://wordpress.org/files/2024/07/6-6-whats-new-i1.png)

## Только начало

Хотя блоки мощны сами по себе, они также являются частью чего-то большего и могут
быть объединены или развернуты различными способами. Будучи унифицированным и открытым
синтаксисом, они легко понимаются редакторами, браузерами и даже искусственным интеллектом.
Поэтому, кто бы не изменил их, вам будет легко и быстро создавать яркие, персонализированные
оформления и впечатления.

[О создании пользовательских блоков ](https://developer.wordpress.org/block-editor/getting-started/create-block/)

[Паттерны блоков дизайна](https://ru.wordpress.org/patterns/?output_format=md)

[Создание тем на блоках](https://developer.wordpress.org/themes/block-themes/)

[Развертывание блоков](https://developer.wordpress.org/block-editor/how-to-guides/platform/custom-block-editor/)