Руководства/Использование реда��тора/Выбор и перемещение блоков

Выбор и перемещение блоков

При работе с содержимым сайта может понадобиться переместить блок (или несколько блоков) в другую часть страницы. В этом руководстве показано несколько способов выбрать и переместить нужные блоки.

Обучающее видео

В этом видео показано, как выбирать и перемещать блоки в редакторе WordPress: щелчком мыши или через «Список», а также с помощью стрелок на панели инструментов или перетаскиванием в «Списке».

Выбор нужного блока

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

Выбор блоков с помощью списка

Чтобы открыть «Список», нажмите значок в виде трёх горизонтальных линий в левом верхнем углу экрана:

Три смещённые вертикальные линии — значок «Обзор списка».

Откроется список всех блоков, вставленных на страницу ��ли в запись. Выберите блок, с которым нужно работать.

На изображении справа несколько блоков находятся в одном столбце блока «Колонки». Если нужно переместить обе колонки и всё их содержимое, выберите блок «Колонки», в который входит всё остальное.

Подробнее о «Списке» читайте в нашем руководстве по «Списку».

В обзоре списка отображается список всех блоков на странице.

Выбор блоков по навигационной цепочке

Ещё один способ убедиться, что выбран нужный блок, — проверить навигационную цепочку внизу экрана, отмеченную оранжевым цветом на изображении ниже. Её называют «хлебными крошками», потому что она напоминает след из хлебных крошек, по которому можно найти путь:

Несколько блоков; внизу экрана оранжевым выделены хлебные крошки, показывающие блок «Заголовок» внутри столбца, который находится внутри блока «Столбцы».

Выбранный блок в навигационной цепочке будет показан последним. Чтобы выбрать другой блок, нажмите его название.

Выбор блоков с помощью селектора родительских блоков

Некоторые блоки вложены в другие блоки (они называются «родительскими»), поэтому нужен простой способ выбрать родительский блок.

Для этого можно использовать селектор родительского блока, который отображается на панели инструментов некоторых блоков:

Выделена кнопка выбора родительского блока, расположенная слева от панели инструментов настроек блока.
Панель инструментов блока «Колонка»

Если выбрать блок, у которого есть родительский блок, слева от панели инструментов блока появится кнопка, как отмечено оранжевым цветом на рисунке выше. При нажатии на эту кнопку выбирается родительский блок (в данном случае блок «Колонки».)

Это может быть полезно во многих случаях, например, если внутри колонки есть текст и нужно выбрать блок «Колонки», или если внутри блока «Кнопки» есть несколько кнопок и нужно выбрать весь блок «Кнопки» целиком.

Перемещение блока

Существует несколько способов переместить выбранный блок.

Перемещение блока с помощью панели инструментов

Чтобы переместить блок, выберите его — над ним или под ним появится панель инструментов. Нажимайте значки стрелок вверх и вниз, чтобы сдвинуть блок на одну позицию выше или ниже.

Также можно перетащить блок в другое место с помощью значка с шестью точками на панели инструментов.

Оба способа показаны на приведённой ниже анимации:

GIF-анимация: нажатие и удержание значка перетаскивания (шесть точек в два столбца), затем блок перемещается вверх с помощью этого маркера.
Перемещение блоков

Перемещение блока с помощью «Списка»

Ещё один вариант — воспользоваться «Списком», чтобы увидеть все блоки на странице и перетащить их на новые позиции:

GIF-анимация: использование обзора списка для перетаскивания блоков на новые позиции.
Чтобы открыть «Список», нажмите значок в виде трёх горизонтальных линий в левом верхнем углу экрана.

Перемещение блока перетаскиванием

С помощью мыши можно перетащить блок в нужное место:

Перемещение вложенных блоков

Вложенные блоки находятся внутри бло��ов разметки, например столбцов, строк или стопок. Перемещать их можно с помощью стрелок на панели инструментов блока:

GIF-анимация: выбор и перемещение вложенного блока.
Перемещение вложенного блока

Одновременное перемещение нескольких блоков

Перемещение блоков с помощью панели инструментов

Чтобы переместить несколько блоков сразу, сначала выделите их все с помощью мыши, а затем нажимайте стрелки на панели инструментов, как показано ниже:

GIF-анимация: выделение двух блоков и их совместное перемещение с помощью значка стрелки на появившейся панели инструментов.

Перемещение блоков с помощью «Списка»

В «Списке» можно выделить сразу несколько блоков и перетащить их на новые позиции:

  1. Откройте «Список», нажав значок в виде трёх горизонтальных линий в левом верхнем углу редактора.
  2. Нажмите на первый блок.
  3. Удерживая клавишу Shift на клавиатуре, нажмите на последний блок. Будут выделены все блоки между первым и последним.
  4. Перетащите блоки в нужное место.
Анимация: перемещение нескольких блоков в обзоре списка.

💡

Выделите все блоки в «Списке» с помощью сочетания клавиш CTRL + A на ПК или CMD + A на Mac.

Размещение блоков рядом

Если хотите разме��тить блоки рядом друг с другом, а не один под другим, сначала вставьте блок «Колонки». Затем внутри каждого столбца можно вставить любые блоки.

Если хотите разместить существующее содержимое внутри столбцов, сначала вставьте блок «Колонки», а затем в «Списке» выберите и перетащите блоки в нужный столбец.

Перестановка блоков с помощью Агента WordPress

The WordPress Agent four-pointed star icon.

Этот раздел относится к сайтам, созданным с помощью конструктора сайтов на основе ИИ (все платные тарифные планы), или к сайтам, на которых включён Агент WordPress (все платные тарифные планы). Откройте Агент WordPress, щёлкнув значок ИИ (четырёхконечная звезда) внизу экрана.

Агент WordPress поможет проанализировать и улучшить структуру и последовательность содержимого страницы. Вот несколько примеров запросов, которые можно скопировать и использовать:

  • «Проверьте эту страницу и предложите более удачный порядок разделов.»
  • «Логична ли структура этой записи для пошагового руководства?»
  • «Какое содержимое должно идти первым на главной странице портфолио?»
  • «Предложите, как реорганизовать эти разделы для лучшей читаемости.»

Перестановка блоков с помощью Агента WordPress

The WordPress Agent four-pointed star icon.

Для безопасного чтения и редактирования содержимого сайта можно использовать ИИ-агентов — Claude, Cursor, ChatGPT, OpenClaw и других. Включите доступ к инструменту MCP для ИИ-агентов.

Агент WordPress может переставлять и менять порядок блоков на страницах и в записях по запросу на естественном языке. Вот несколько примеров запросов:

  • «Измените порядок разделов на странице «Услуги» так, чтобы раздел с ценами шёл последним.»
  • «Переместите блок с избранным изображением в начало последней записи.»
  • «Поменяйте местами первый и второй абзацы на странице «Обо мне».»
  • «Переместите блок с кнопкой обратной связи сразу под секцию-обложку на главной странице.»
Copied to clipboard!