Что такое блоки WordPress (Гутенберга)? Все, что Вам нужно знать

Что такое блоки WordPress и как их использовать? Есть ли способы улучшить редактор блоков Gutenberg дополнительными функциями? А что, если вам не нравится Гутенберг и вы хотите вернуться к классическому редактору WordPress? Я отвечу на все эти вопросы прямо здесь, так что не забудьте остаться.

Оглавление

Что такое блоки контента WordPress?

С момента запуска версии 5.0 WordPress в декабре 2018 года в WordPress появился новый способ редактирования сообщений и страниц, который называется редактором Гутенберга. Раньше вы редактировали записи и страницы WordPress в текстовом редакторе, называемом классическим редактором. Но теперь с Гутенбергом вы можете создавать и редактировать сообщения и страницы, добавляя блоки и размещая их на странице.

Блоки Гутенберга

Блоки Гутенберга — это блоки контента, которые вы используете для создания страницы или публикации в редакторе Гутенберг. Например, эти блоки могут быть текстом абзаца, заголовками, изображениями, видео, цитатами, таблицами, кнопками и многими другими типами содержимого веб-сайта. На сайте WordPress есть полный список блоков.

Вот пример сообщения в блоге, редактируемого с помощью редактора блоков Гутенберга:

Вот тот же пост в блоге, редактируемый с помощью классического редактора:

Расширение редактора Gutenberg с помощью плагинов

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

К счастью, для WordPress доступно множество плагинов Gutenberg Blocks — как бесплатных, так и платных.

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

Как использовать блоки в WordPress

Итак, надеюсь, теперь у вас есть общее представление о том, что такое блоки WordPress. Давайте теперь рассмотрим, как использовать их для создания и редактирования ваших записей и страниц WordPress.

Добавление блока WordPress

В новом или существующем сообщении или на странице нажмите кнопку плюс в левом верхнем углу редактора:

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

Настройка блока WordPress

Если вы хотите настроить блок, щелкните блок в редакторе. Вы заметите, что над блоком появляется плавающая панель инструментов. Вы можете изменить тип блока, выравнивание, формат текста и т. д.

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

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

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

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

Это вызывает окно слева, в котором отображается список всех блоков в вашем сообщении или на странице. В представлении списка вы можете быстро выбрать конкретный блок.

Перестановка блоков WordPress

Еще одна полезная вещь, которую вы можете сделать в представлении списка, — это перемещать блоки, щелкая и перетаскивая их вверх и вниз по списку.

Также есть два способа переставить блоки без использования списка. Один из способов нажмите стрелку вверх или вниз на плавающей панели инструментов когда вы нажимаете на блок.

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

Перемещение нескольких блоков

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

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

В этот момент у вас есть два варианта. Во-первых, вы можете нажать кнопку шесть точек на плавающей панели инструментов и перетащите блоки на место.

Другой вариант — использовать стрелки вверх или вниз на плавающей панели инструментов для перемещения нескольких блоков вверх или вниз в сообщении или на странице.

Однако вы также можете перемещать несколько блоков в представлении списка. Нажмите на значок списка чтобы открыть список, удерживайте Сдвиг и выберите все блоки, которые вы хотите переместить. Затем вы можете перетащить их в другое место в списке.

Размещение блоков WordPress рядом в столбцах

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

Для этого необходимо использовать Блок столбцов. Когда вы перейдете к добавлению блока Columns, у вас будет выбор макетов, как показано на этом снимке экрана:

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

Если позже вы передумаете о расположении столбцов, не беспокойтесь. После этого вы можете легко изменить макет. Самый простой способ сделать это — использовать представление списка для выбора блока столбцов. Затем вы сможете настроить параметры в разделе справа.

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

Группировка блоков WordPress вместе

Знаете ли вы, что вы можете группировать блоки? Это может быть очень полезно, если вы хотите применить определенные атрибуты к набору блоков, например, цвет фона.

Чтобы создать группу, вам сначала нужно добавить групповой блок. Для этого вызовите средство вставки блоков, щелкнув значок «плюс» и выбрав блок «Группа».

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

Кроме того, вы можете перетащите существующие блоки в блок группы выбрав блок, щелкнув шесть точек на плавающей панели инструментов и перетащив блок в блок группы.

После того, как в блоке «Группа» появятся блоки, вам может понадобиться помощь в выборе блока «Группа», чтобы внести в него изменения. Если это так, вам, вероятно, будет проще выбрать блок «Группа» в представлении списка.

Скопируйте и вставьте блоки WordPress

Иногда вам нужно скопировать существующий контент, чтобы повторно использовать его на той же странице. Если это текст абзаца, вы можете скопировать и вставить его так же, как в стандартном документе Word — «Ctrl/Cmd + С«, чтобы скопировать, а затем «Ctrl/Cmd + V» вставить. Это также, кажется, работает с изображениями.

Но для других типов блоков вам нужно будет сделать это следующим образом:

1. Выберите блок.
2. Щелкните три точки на появившейся плавающей панели инструментов.
3. Выберите Дублировать.

Затем вы можете переместить этот дубликат блока туда, где вы хотите, и отредактировать его, если хотите.

Что делать, если вам не нравится использовать блоки WordPress?

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

Тем не менее, некоторые люди по-прежнему предпочитают старый редактор WordPress с его простым текстовым интерфейсом. Если это верно для вас, что вы можете сделать?

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

Отключить плагин Гутенберга

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

Плагин классического редактора

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

Слово предупреждения, хотя: этот плагин не обновлялся больше года, поэтому он не тестировался с последней версией WordPress.

Часто задаваемые вопросы

Блоки WordPress: шаг в правильном направлении

Теперь вы знаете все, что вам нужно знать о блоках WordPress и о том, как их использовать. WordPress прошел долгий путь с момента своего первого выпуска в 2003 году, и редактор блоков Gutenberg — большой шаг в правильном направлении.

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