Представьте ситуацию: есть сайт на WordPress для НКО. На одной из страниц нужно выделить не просто одну дату, а несколько — и сделать это наглядно.
Сначала задача показалась нетривиальной. «Наверное, придётся писать скрипт…» — подумал я, глядя на шаблоны WordPress. Но потом пригляделся внимательнее — и обнаружил, что система уже наполовину готова к решению!
В чём суть
Оказывается, в шаблоне уже заложен механизм: контейнер с определённым классом (в нашем случае infocard-date) автоматически подсвечивается жёлтым. Оставалось лишь «научить» систему применять этот класс к нужным датам.
Решение: шорткоды вместо кодовых джунглей
Вместо того чтобы погружаться в дебри JavaScript, я воспользовался плагином для шорткодов. Создал два простых тега:
• [Начало выделения] — открывает выделение (вставляет <div class="infocard-date">);
• [Окончание выделения] — закрывает выделение (вставляет </div>).
Как это работает на практике
1 Ставим курсор перед нужной датой.
2 Вставляем шорткод [Начало выделения].
3 Переводим курсор после даты.
4 Вставляем шорткод [Окончание выделения].
5 Обновляем страницу — и вуаля! Дата сияет жёлтым, как солнечный зайчик.
Почему это круто
• Просто: даже junior-разработчик разберётся за 5 минут.
• Безопасно: не требует правки ядра WordPress.
• Гибко: можно выделять любое количество дат без переписывания логики.
• Наглядно: заказчик сразу видит результат.
Итог
Иногда самое эффективное решение — не изобретать велосипед, а внимательно изучить уже имеющиеся «колёса». В этом случае пара шорткодов сэкономила часы работы и сохранила нервы всем участникам процесса.
P.S. Если ваш WordPress-сайт упорно отказывается подсвечивать даты — возможно, он просто завидует их яркости. Проверьте настройки классов!