Вот несколько скриншотов:
- Категории по умолчанию с избранными темами
Кстати, логотипы здесь слишком велики, из-за чего образуется много пустого пространства — я бы предпочёл уменьшить их высоту до 75 пикселей. - Блоки по умолчанию с подкатегориями
Обратите внимание, что у некоторых моих подкатегорий установлены изображения логотипов, и они отображаются.
Макет расточителен по части пространства: логотип категории ограничен 40 пикселями, но центрирован над заголовком. Логотипы подкатегорий не сохраняют своё соотношение сторон (расчёты --aspect-image не работают и, в любом случае, излишни; если просто задать высоту, соотношение будет соблюдено, если есть место).
Логотипы подкатегорий тоже немного велики, из-за чего увеличиваются отступы между строками. - Мой первый шаг модификации
Логотип плавает слева от заголовка, который центрирован в оставшемся пространстве.
Подкатегории расположены по одной на строку с цветной полосой и значком замка, но логотипы подкатегорий не отображаются (что соответствует стандартному поведению).
В блоке, на мой взгляд, не имеет смысла пытаться уместить два коротких заголовка подкатегорий на одной строке, если есть место; лучше, на мой взгляд, выделить для каждой отдельную строку, хотя другие могут предпочесть сжатие, если подкатегорий много. - Мои финальные изменения:
Логотипы подкатегорий отображаются с высотой 18 пикселей и правильным соотношением сторон в конце заголовка. Это опционально; их можно разместить между значком замка и текстом, но я предпочитаю, чтобы полосы и заголовки были выровнены.
Также было бы логично добавить возможность использовать логотипы подкатегорий в других макетах по умолчанию, но я не стал возиться с ними.
Здесь я также использую компонент Category Icons (значок установлен только для подкатегории Niki Test), поэтому положение полосы немного сдвинуто, чтобы значок выровнялся с ней, а цвет значка совпадает с цветом полосы, так что он фактически используется вместо полосы. Однако это изменения самого компонента, а не ядра. - Наконец, вот как это выглядит, когда блоки подкатегорий отображаются выше тем родительской категории, если такая настройка включена.
Очевидно, что на данный момент нет дочерних категорий для отображения, но это придётся учесть. Также, возможно, лучше было бы вертикально выравнивать логотип, если заголовок очень длинный, — хотя, пожалуй, проще просто держать заголовки категорий короткими!
Итак, это сочетание HTML/text/x-handlebars в /head для темы, фактически заменяющее “components/categories-boxes”, и SCSS. Я с радостью отправлю код любому компетентному человеку для тестирования и загрузки на GitHub.
Это работает нормально на моём сайте, но могут быть и другие последствия, которые я не заметил.