Вопрос или проблема
Я добавляю шаблон через папку шаблонов. У меня установлен заголовок и слаг.
<?php
/**
- Заголовок: Заголовок, который я хочу показать
- Слаг: myTheme/pattern-name
- Категории: myTheme
- Типы блоков: core/navigation
*/
?>
Я использую версию 3 файла theme.json и также зарегистрировал шаблон там.
"patterns": [
"myTheme/pattern-name"
]
Что меня сводит с ума, так это то, что когда пользователь пытается добавить шаблон в редакторе, он показывает только имя при наведении. Шаблоны, созданные через редактор, показывают свои имена прямо под изображением миниатюры. Я собираюсь создать множество шаблонов, и иногда визуально может не быть больших отличий, так как это могут быть просто контейнеры с классами. Как мне сделать так, чтобы имя отображалось там, чтобы пользователю было легче выбрать нужный шаблон?
Ответ или решение
Отображение Имен Шаблонов в Селекторе Шаблонов Редактора
Вопрос, который вы подняли, касается отображения имен шаблонов в редакторе, что является важным моментом для повышения удобства использования для конечных пользователей. Основная проблема заключается в том, что имена ваших кастомных шаблонов отображаются только при наведении курсора, что может затруднить выбор необходимого шаблона, особенно если визуальная идентификация недостаточна.
Понимание Структуры Шаблонов
Как вы упомянули, вы добавляете шаблон в папку шаблонов и уже зарегистрировали его в theme.json. Важно отметить, что правильная регистрация шаблонов и их функциональность зависят от корректного определения параметров открытия карточек и применения соответствующих функций.
Пример вашего кода четко указан:
/**
* Title: Титул, который я хочу отобразить
* Slug: myTheme/pattern-name
* Categories: myTheme
* Block Types: core/navigation
*/И в theme.json:
"patterns": [
"myTheme/pattern-name"
]Рекомендации для Отображения Имен Шаблонов
Чтобы именовать ваши шаблоны так, чтобы пользователи видели их названия под миниатюрами в редакторе, вы можете рассмотреть следующие шаги:
-
Проверьте Регистрацию Визуальных Параметров
- Убедитесь, что ваш шаблон корректно зарегистрирован как «шаблон», а не просто как «функция». Проверьте, чтобы ваше добавление в
theme.jsonбыло правильно синтаксически оформлено и все параметры были указаны.
- Убедитесь, что ваш шаблон корректно зарегистрирован как «шаблон», а не просто как «функция». Проверьте, чтобы ваше добавление в
-
Использование
nameиtitleвblock.json- Проверьте, что в файле
block.jsonвашего шаблона вы указали ключnameиtitle. Это может выглядеть следующим образом:
{ "name": "myTheme/pattern-name", "title": "Титул, который я хочу отобразить", "category": "myTheme", "editorScript": "file:./index.js", "support": { "align": true } } - Проверьте, что в файле
-
Обновление Стилей и Скриптов
- Убедитесь, что ваши шаблоны используют правильные стили, чтобы визуализировать информацию. Старые стили могут мешать отображению имени. Добавьте пользовательские CSS-классы, если это необходимо.
-
Настройка Мета Данных и Элементов Визуализации
- Возможно, стоит рассмотреть возможность использования элементов управления, таких как тизеры или подсказки, которые будут отображать дополнительные детали о шаблонах.
-
Отладка данных в редакторе
- Используйте инструменты разработчика браузера для проверки ошибок или исключений, которые могут мешать правильному отображению шаблонов. Обратите внимание на консоль и сеть.
Заключение
Эти шаги помогут вам достичь желаемого результата — четкого отображения названий шаблонов в редакторе. Это, в свою очередь, повысит удобство работы для пользователей, позволяя им легче выбирать нужные шаблоны, особенно в тех случаях, когда визуальных подсказок недостаточно. Важно понимание структуры вашего кода и применение корректной регистрации, что является ключевым моментом в достижении цели.