webprograms.ru - Юра Кодит
Нет
подписчиков
Описываю свой опыт в веб-разработке и не только. Ищу единомышленников
Swiper.js: параметр "centeredSlides" - баг или фича?
Сегодня я хочу рассказать о том, как едва не запутался в, казалось бы, простой задаче от заказчика — и как в итоге нашёл решение благодаря грамотному запросу к искусственному интеллекту. Задача пришла ко мне в рамках волонтёрского проекта (о таком формате работы я уже рассказывал в своём Telegram‑канале — буду рад, если вы заглянете и подпишетесь!). На странице располагались три слайдера, управляемые общей библиотекой. В одном из них обнаружилась проблема: нарушилась сортировка элементов. При этом два других слайдера работали корректно...
Когда WordPress говорит «Нет!» — а ты отвечаешь «Да!» Представьте: нужно выделить несколько дат на сайте, а система упорно подсвечивает только одну. «Писать скрипт?» — подумали вы. «Не надо!» — отвечаю я. Хитрость дня: два шорткода, и даты сияют, как новогодние гирлянды! • [Начало выделения желтым] — зажигает жёлтый свет. • [Окончание выделения желтым] — выключает (но не настроение!). Как это работает: 1 Курсор до даты → [Начало выделения желтым]. 2 Курсор после даты → [Окончание выделения желтым]]. 3 Обновили страницу → вуаля! Почему это гениально: • Не требует знаний JavaScript. • Не ломает сайт. • Выглядит аккуратно. Подробное видео и описание читай тут P.S. Если даты всё равно н е подсвечиваются — проверьте, не ревнуют ли они к вашему успеху 😉
WordPress: работа с нестандартным шаблоном - выделение текста
Представьте ситуацию: есть сайт на WordPress для НКО. На одной из страниц нужно выделить не просто одну дату, а несколько — и сделать это наглядно. Сначала задача показалась нетривиальной. «Наверное, придётся писать скрипт…» — подумал я, глядя на шаблоны WordPress. Но потом пригляделся внимательнее — и обнаружил, что система уже наполовину готова к решению! В чём суть
Оказывается, в шаблоне уже заложен механизм: контейнер с определённым классом (в нашем случае infocard-date) автоматически подсвечивается жёлтым...