Гутенберг в WordPress без заголовка: WPGraphQL Гутенберг
Автор: WP Engine Builders
Загружено: 2021-09-13
Просмотров: 4709
Давайте рассмотрим, как визуализировать отдельные блоки Gutenberg как компоненты React/Vue/Svelte в вашем frontend-приложении с помощью плагина WPGraphQL Gutenberg.
Ведущий: Келен Мейс - / kellenmace
Также доступна запись в блоге по этой теме:
https://developers.wpengine.com/blog/...
СОДЕРЖАНИЕ:
00:00 - Введение
00:35 - Назначение плагина WPGraphQL Gutenberg
01:08 - Как работает WPGraphQL Gutenberg
02:53 - Настройка WPGraphQL Gutenberg
03:35 - Пример запроса WPGraphQL Gutenberg
05:00 - Запрос и отрисовка блоков
08:16 - Исправление URL внутренних ссылок
10:10 - Отрисовка HTML и преобразование анкорных тегов в компоненты ссылок
13:28 - Другие применения HTML-парсера
13:39 - Запросы GraphQL и Фрагменты
16:23 — Компромисс: контроль против простоты реализации
19:01 — Заключение
РЕПОСТЫ КОДА:
Приложение Next.js: https://github.com/kellenmace/wpgraph...
Плагин Headless Block Parser: https://github.com/kellenmace/headles...
ДРУГИЕ ССЫЛКИ:
Плагин WPGraphQL Gutenberg: https://github.com/pristas-peter/wp-g...
Плагин WPGraphQL: https://www.wpgraphql.com/
Пакет NPM html-react-parser: https://www.npmjs.com/package/html-re...
ССЫЛКИ DE{CODE}:
Подписывайтесь на все наши материалы здесь: https://developers.wpengine.com
DE{CODE} Twitter: / wpedecode
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: