Поскольку Гутенберг скоро полностью войдет в ядро WordPress, я решил попытаться узнать все, что можно об этом. С таким же успехом я могу признать тот факт, что мне придется его использовать. Честно говоря, пока я не обнаружил, что все так уж плохо.
На момент написания нижеприведенные образцы Гутенберга взяты с сайта разработки WordPress, который я установил локально в стеке LAMP.
Текущая версия:
- WordPress 4.9.8
- Плагин разработки Gutenberg 3.6.2
Это сообщение в блоге является продолжением других связанных сообщений о Гутенберге, которые я написал и которыми недавно поделился: Разбираемся с Гутенбергом… медленно. и Преобразование существующего HTML в блок Гутенберга - с примерами. Обязательно посетите и эти посты.
Немного предыстории…
Все сообщения в блоге, которые я написал о Гутенберге, основаны на моем личном рабочем процессе ведения блога. Я пишу и редактирую свои сообщения в блоге в HTML, а затем перемещаю контент в WordPress перед доработкой и публикацией.
Я человек типа Vim и Sublime Text, и редактор TinyMCE по умолчанию (вы не поверите, я только недавно узнал его имя !?) просто не может конкурировать на этом уровне IMO.
По общему признанию, с Гутенбергом я боялся, что это помешает моему рабочему процессу или заставит меня изменить (боимся этого слова, не так ли?) В том, как я пишу, редактирую и структурирую контент. Но пока я не столкнулся с какими-либо серьезными проблемами.
Самостоятельное продвижение:
Я структурирую и форматирую сообщения блога для WordPress в формате HTML, готовые к публикации, и устроил« концерт на Fiverr, который вы, возможно, захотите проверить».
Digital Owl’s Prose - это блог о базах данных SQL с открытым исходным кодом, поэтому я обычно включаю многочисленные образцы / фрагменты кода MySQL или PostgreSQL в любое сообщение в блоге. Я использую шорткоды и плагин (см. Вспомогательный абзац ниже) для выделения синтаксиса SQL.
Я считаю, что это неотъемлемая часть любого блога, связанного с программированием или кодированием, и я хотел убедиться, что Гутенберг допускает это. Ждать. Позвольте мне немного поправить. На самом деле я имел в виду, что мне нужно подтвердить, что я могу продолжать использовать их (плагин и шорткод), как и в моем текущем рабочем процессе, с редактированием в допустимом HTML.
(Примечание: я использую плагин CodeColorer для всех примеров кода / синтаксиса в своих сообщениях в блоге на Digital Owl’s Prose.) К вашему сведению.
Предположим, я использую шорткод в редакторе TinyMCE в режиме «Текст», чтобы продемонстрировать (выделить синтаксис) эту команду SQL:
В Гутенберге я могу выполнить один и тот же фрагмент двумя разными способами, о которых мне известно до сих пор. Я приведу примеры того и другого.
Во-первых, я использую тип блока Пользовательский HTML и вставляю приведенный выше код следующим образом:
Производство:
Все хорошо. Однако я могу выбрать другой вариант из списка блоков Гутенберга.
Доступен фактический блок Шорткод. Я вставлю тот же шорткод из своего HTML-файла, но на этот раз в блок шорткода, как показано здесь:
Это показывает:
Как видите, блоки Custom HTML или Shortcode в Gutenberg для этого конкретного шорткода работают без проблем.
Часто я использую короткие коды для ключевых слов и синтаксиса SQL за пределами всего блока. Здесь используются встроенные шорткоды. Например, я хочу «встроить» CREATE TABLE команду SQL, как в этом предложении. Как Гутенберг работает с встроенными шорткодами?
Давайте разберемся.
Завершите чтение запись блога на моем сайте…
Первоначально опубликовано на joshuaotwell.com 27 августа 2018 г.
✉️ Подпишитесь на рассылку еженедельно Email Blast от CodeBurst 🐦 Подпишитесь на CodeBurst на Twitter , просмотрите 🗺️ Дорожная карта веб-разработчиков на 2018 год и 🕸️ Изучите веб-разработку с полным стеком .
