Обзор нового редактора контента Gutenberg

Обзор нового редактора контента Gutenberg

В течение долгого времени мы писали с Вами посты WordPress в редакторе TinyMCE с открытым исходным кодом, который включен в основное программное обеспечение WordPress. В скором времени, вероятно в WordPress 5.0, который планируется это изменить с введением нового редактора Gutenberg.

Гутенберг закладывает основу для невероятно интересных событий. Gutenberg является первой стадией трехсторонней стратегии развертывания. Во-первых, WordPress получит реконструированный редактор, после чего проект сосредоточится на шаблонах страниц, а на заключительном этапе WordPress станет полнофункциональным веб-мастером. Это дает нам бесконечные возможности, и это необходимый шаг, чтобы удержать WordPress в # 1 CMS на долгие годы.

Совсем недавно команда выпустила бета-версию редактора Gutenberg для публики. Он есть в каталоге WordPress.org, поэтому вы можете попробовать его самостоятельно.

Открытие Gutenberg в первый раз

Когда вы впервые открываете новый редактор, вы, вероятно, ищете интерфейс, к которому мы привыкли. Однако, это исчезло. У нас теперь есть очень чистая среда для записи, с большой типографикой и большим количеством пространства для вашего контента. С правой стороны вы можете открыть настройки — на каждый документ или на блок — нажав на значок «шестеренки». Нажав на три точки рядом с этим значком, вы можете перейти к редактору кода, чтобы вы могли редактировать свои изменения в кодовой части.

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

Людям трудно принять изменения, когда они не понимают, почему необходимо менять что-то, что работает нормально. Но, в этом случае, относительно легко понять: чтобы подготовиться к будущему, WordPress нужно адаптироваться. Gutenberg представляет концепции и технологии, которые помогут сделать WordPress будущим. Например появится концепция блока.

В Gutenberg все является блоками

Гутенберг вводит блоки. Раньше ваш контент жил в одном большом HTML-файле, и для каждого улучшения должно было быть что-то новое: шорткоды, пользовательские типы сообщений, вставки, виджеты и тому подобное. Все с их причудливыми интерфейсами и странным поведением. Теперь вы можете создавать свой контент точно так же, как вы собираете набор LEGO: все из одного окна, следуя стандартизованному и простому набору инструкций. По сути это конструктор страниц, по типу Elementer, или Beaver Builder. В анимированном gif ниже я быстро покажу вам несколько блоков и добавлю изображение в виде блока:

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

  • Параграфы
  • Списки
  • Цитаты
  • Заголовки
  • Код
  • Изображение
  • Галереи
  • Шорткоды
  • Колонки
  • Кнопки
  • Виджеты
  • И тонна вставок(Twitter, Instagram и другие)

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

Вы можете сами убедиться во всех особенностях установив себе этот плагин, https://ru.wordpress.org/plugins/gutenberg/

Или посмотрите его работу на демо странице: https://wordpress.org/gutenberg/

Geliorn

Я работаю с Wordpress c 2013 года и за это время я получил много опыта в разработке и продвижении сайта, работе с плагинами, доработке тем и др. Рад поделиться с вами своими знаниями)

У этой записи один комментарий

  1. Сварка

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

Добавить комментарий