С приходом WordPress 5.0Платформа CMS предоставляет тонны изящных функций для всех своих пользователей. От повышения производительности до исправления ошибок и множества новых замечательных дополнений, вы можете наслаждаться ими с установкой WordPress 5.0. Аналогично, в WordPress 5.0 также появился новый редактор постов / страниц, ранее названный «Редактор Гутенберга, "Недавно назначенный Редактор блоков WordPress, вносит полный пересмотр в процесс обычной публикации / создания страницы, что строго отличает его от Классический редактор,
Таким образом, чтобы помочь нашим читателям адаптироваться к этому полному изменению, ThemeGrill представляет вам простое для понимания руководство по использованию редактора блоков WordPress.
В связи с выпуском WordPress 5.0 на ThemeGrill мы выпустили Блок редактор совместимая тема называемый zakra, Эта гибкая и бесплатная тема предназначена для полного использования конструкторов страниц и редактора Гутенберга. Если вам интересно, вы можете узнать о Закре и всех ее замечательных особенностях, используя это умное видео.
А пока давайте посмотрим на WordPress 5.0 и zakra– бесплатная тема с полной совместимостью с пользовательским редактором блоков Gutenberg.
Редактор блоков WordPress:
WordPress 5.0 интегрировал редактор Gutenberg, чтобы стать одним из редакторов контента по умолчанию наряду с редактором Classic TinyMCE. Для получения дополнительной информации о новых изменениях, внесенных в WordPress 5.0 вместе с редактором блоков, рекомендуем прочитать это статья.
Редактор блоков Гутенберга имеет тонны изящных функций наряду с обновленный экран редактирования, Это меняет всю игру, учитывая, что процесс создания постов и страниц полностью изменился. Преимущества редактора блоков перед классическим:
- Модульность за счет введения сменных и модифицируемых блоков.
- Макеты блоков, такие как входные данные и стили блоков, можно сохранить для повторного использования.
- Лучшая мобильная совместимость и мобильный дизайн.
- Макет редактора среднего стиля / WYSIWYG.
- Более дружелюбный
Для получения дополнительной информации о редакторе блоков Gutenberg и его полном спектре функций и преимуществ, рассмотрите возможность проверки это гениальная статья!
Использование редактора блоков WordPress с темой Zakra:
Закра это Бесплатная тема WordPress ThemeGrill предназначен для гибкого, быстрого и высокочувствительного. Тема также полностью совместима с Гутенбергом и другими создателями страниц. Таким образом, кажется справедливым воспринимать эту тему как демонстрацию использования редактора блоков для создания контента для сегодняшнего руководства.
Итак, для начала, давайте идти вперед и Установить на ПК и Активизировать Сначала тема Zakra на вашем сайте. Для получения дополнительной информации о процессе установки темы WordPress, посетите этот блог.
После установки Zakra на свой веб-сайт WordPress, возможно, вам придется изменить Опции темы персонализировать свой сайт и настроить отдельные страницы. Это может занять значительное количество времени.
К счастью для нас, Закра идет с Функция импорта демо в один клик, Это позволяет вам мгновенно загрузить и установить демонстрационную версию, которая предоставляется вам бесплатно. Для получения дополнительной информации о демо-импортере и процессе его включения, посмотрите это видео:
Итак, используя демо-импортер, мы усовершенствовали и установили эту демонстрацию в нашей локальной установке WordPress. Мы будем использовать Закра кофе демонстрация темы, поскольку она соответствует очень гибкой форме блога.
Быстрый отказ от ответственностиОднако для демонстрации может потребоваться установка Эверест Формы плагин и тому Elementor Page Builder полностью выполнять свою функцию. После того, как вы импортировали демо, вы должны быть готовы начать использовать редактор блоков.
Использование редактора блоков WordPress
Чтобы начать публикацию или ведение блога, вам нужно создать новое сообщение, поэтому выделите сообщения на боковой панели панели инструментов и нажмите Добавить новый,
Это должно открыть ваш новый пост в редакторе блоков по умолчанию. Однако, прежде чем мы начнем создавать наше сообщение, давайте посмотрим на все кнопки и функции пользовательского интерфейса, который включает в себя редактор блоков WordPress:
Редактор блоков WordPress и его функции управления почтой:
Тторговый бар позволяет создавать новые блоки, отменять и повторять любые изменения блоков, перемещаться по блокам. Верхняя панель также имеет базовый пост. функции редактирования такие как Сохранить в черновик, предварительный просмотр и опубликовать сообщение. Блок блок в Правая боковая панель позволяет изменить настройки любого блока после нажатия на него. По сути, это позволяет изменить полные настройки любого блока и изменить такие функции, как размер шрифта, заглавные буквы и многое другое. Вы также можете включить отдельные цвета фона для каждого блока и даже включить дополнительные классы CSS для каждого отдельного блока.
кнопка настроек позволяет отключить или включить боковую панель настроек, которая позволяет легко изменять размер любого блока или элемента, которые вы щелкаете на экране редактирования в середине. Нажав кнопку «Документ» в верхней части боковой панели, вы можете настроить параметры всей публикации. Это включает в себя параметры администрирования, такие как «Видимость», «Постоянная ссылка», «Категории», «Теги», «Выбранное изображение», «Почтовые атрибуты» и т. Д.
Редактор блоков WordPress и настройки его страницы:
Удобный редактор блоков WordPress Custom Gutenberg также позволяет настраивать индивидуальная настройка страницы непосредственно со страницы редактирования публикации. Измените макет сообщения, удалите поля содержимого, измените настройки боковой панели, измените параметры заголовка и меню и многое другое, используя раздел «Настройки» на странице.
Добавить блоки в редакторе блоков WordPress
блоки они являются основными областями редактора блоков Gutenberg. Вы можете создать отдельные разделы которые служат различным целям, используя блоки и настраивая их. Чтобы создать новый блок, просто нажмите на Добавить новый блок (кнопка +) в верхнем левом углу редактора сообщений. Это даст вам выпадающее меню, из которого вы можете выбрать подходящий тип блока, предназначенный для определенных целей. Ты тоже можешь посмотри вверх для блоков, которые соответствуют вашим потребностям, используя панель поиска.
Также, прокручивая меню вниз, вы можете выбирать блоки на основе их основных функций. Это включает в себя общие блоки, форматирование, виджеты и встраивания. Для этой демонстрации мы будем использовать блок Paragraph. Чтобы создать Блок абзаца, вы можете найти пункт в строке поиска или нажмите на Общие блоки а затем выберите Пункт.
После ввода любого текста в блок плавающая панель инструментов Это должно быть показано вам. Вы можете использовать эту панель инструментов для выполнения функций редактирования, таких как выравнивание, полужирный / курсив / зачеркивание, связывание и многое другое. Вы можете использовать левый конец Кнопка Изменить тип блока изменить текущий блок на другой тип блока. Например, вы можете изменить этот блок абзаца на Заголовок, Предварительно сформированный блок, Список, Цитировать или Стих, используя эту кнопку изменения блока.
Перестановка блоков:
Редактор блоков WordPress также позволяет легко Реорганизовать Заказ блоков в любое время. просто поплавок на левом краю / поле любого блока. Здесь вы можете нажать на Кнопки со стрелками изменить положение вашего текущего блока. Вы также можете перетащить блок, чтобы сделать макет проще.
Изменить настройки блока:
Чтобы настроить свой блок и отличить его от других блоков, вы можете настроить его индивидуально используя новый редактор блоков WordPress. просто щелчок в блоке вы хотите настроить и увидеть настройки правой боковой панели, Если настройки в правой боковой панели не отображаются, просто нажмите Значок настроек справа от верхней панели и нажмите кнопку Блокировка.
Каждый блок имеет свою индивидуальную конфигурацию для своего блока. Например, блок абзаца позволяет вам совместно изменять размер шрифта, цвет фона и цвет текста. Это может быть полезно для индивидуального различения блоков друг от друга и включения определенного стиля форматирования для отдельных, но похожих блоков.
Добавьте определенные типы общих блоков в редакторе блоков WordPress:
Вы можете добавить больше абзацев, используя редактор блоков WordPress. Итак, давайте посмотрим, как мы можем включить наиболее используемые элементы в WordPress и как вставить их с помощью редактора блоков.
Вставьте блок изображения:
Если вы хотите вставить картина в отдельном блоке вы можете сделать это с помощью редактора блоков. Просто нажмите на Добавить кнопку блокировки а затем прокрутите вниз на Общие блоки и выбрать картина, Это должно включить блокировку изображения на вашем посте. Отсюда вы можете просто загрузить новое изображение со своего компьютера или вставить его прямо из медиа-галереи вашего сайта.
Точно так же вы можете вставить целое число галерея изображений но используя галерея блок вместо блока изображения.
Вставьте блок заголовка:
Чтобы вставить Блок заголовка, выполните аналогичный процесс, нажав Добавить блок кнопка и ссылаясь на Общий блок раздел. Здесь нажмите на Вариант заголовка вставить блок заголовка.
Используя правую боковую панель и настройки блока или панель инструментов «Блокировка», вы можете изменить размер заголовка. Настройки блока также позволяют полностью изменить выравнивание заголовка.
Вставьте блок шорткода:
Процесс, чтобы включить блок короткого кода Редактор блоков похож, но немного отличается. Нажмите на Добавить кнопку блокировки еще раз, но вместо ссылки на раздел «Общие блоки» нажмите «Короткий код», чтобы вставить блок короткого кода. В этом блоке вы можете ввести правильный шорткод, чтобы включить сторонние плагины или виджеты.
Сохраните блок в редакторе блоков:
Недавно добавленная функция в редакторе блоков Gutenberg – это возможность сохранять целые блоки в качестве шаблонов Это позволяет создавать базовые текстовые или графические шаблоны для повторного использования по всему сайту без повторного копирования. Это может быть очень полезно, если у вас есть базовый фрагмент, который вы хотите добавить на несколько страниц и постов на вашем сайте.
Чтобы использовать эту функцию, нажмите на крайнее правое Менюп в Панель инструментов из любого блока и нажмите Добавить в многоразовый блок, Тогда вы можете назвать свой многократно используемый блок соответствующим образом. В следующий раз, когда вам нужно добавить этот блок, просто используйте Добавить блок кнопку и найдите имя или прокрутите вниз и нажмите на Многоразовый раздел найти свой блок
Аналогично, при добавлении блока в разделе «Многоразовые» вы можете нажать Управляйте всеми многоразовыми блоками возможность перейти на страницу администрирования блока. Самое умное в редакторе блоков состоит в том, что он позволяет сохранять блоки многократного использования, а также экспортировать или импортировать их по мере необходимости. Таким образом, ваши повторно используемые блоки могут быть использованы на любом веб-сайте WordPress.
Новые умные блоки в редакторе блоков WordPress:
Редактор блоков WordPress также содержит несколько действительно полезных блоков, которые, несомненно, сделают ваш блог намного проще. Давайте посмотрим на некоторые из действительно удобных новых блоков, которые вы можете использовать:
Блок изображения обложки:
Блок обложки позволяет легко добавлять пользовательские изображения блоков для любых ваших сообщений или страниц. Просто используйте панель поиска, чтобы найти блок колод, или найдите общие блоки, чтобы найти его. Блок также позволяет вам добавить цвет наложения.
Кроме того, чтобы сделать ваши блоги еще более ослепительными, вы можете настроить Изображение обложки быть исправленным. Это позволяет вам включить эффект параллакса на вашем блоке.
Блок таблицы:
блок таблицы что означает его название Просто включите полностью настраиваемую таблицу с редактируемыми выравниваниями, стилями таблиц и многим другим. Используя этот блок, вам не нужно беспокоиться об использовании внешнего плагина или CSS для включения таблиц в ваших блогах WordPress. Просто найдите блок таблицы при добавлении нового блока и определите количество строк и столбцов в своей таблице, чтобы начать вести блог, используя таблицы.
Медиа и текстовый блок:
Медиа блок и текст исправляет ограничение в старом классическом редакторе, так что вы можете вставлять изображения прямо рядом с текстом. Это означает, что вы можете каскадировать текст и мультимедиа бок о бок для ваших целей ведения блога. Чтобы включить этот блок, просто используйте кнопку «Добавить блок» и найдите «Мультимедиа и текст» или выделите раздел «Элементы дизайна», чтобы найти его.
заключительное:
Таким образом, вы можете использовать тонны изящных новых функций, которые редактор блоков добавляет в WordPress для его преимуществ. Новый редактор блоков определенно сбивает с толку и потребует какое-то время привыкнуть. Но мы считаем, что это новое изменение в стандартном редакторе WordPress улучшит ведение блога на платформе WordPress в целом.
Однако, если вам не нравится редактор блоков, вы всегда можете возвращайся использовать классический редактор тоже. Для получения дополнительной информации об этом см. Эту статью.
Для получения дополнительной информации о функциях, которые вы можете включить в свой блог, мы рекомендуем вам ознакомиться с некоторыми другими нашими статьями:
