Здравствуйте, дамы и господа, и те, кто использует в качестве CMS Wordpress Сегодня тема, которая зацепила меня за живое. @ Представьте: таблица из TablePress. На виде для мобильных устройств её границы улетели. Это неудобно и некрасиво Заказчик дает сайт для примера. Но он сделан на другой CMS. Пытаюсь искать готовый плагин. Первый сломался, второй — «не то пальто». К черту плагины. Пишу свой код. Обёртка try-catch, чтобы страница не ломалась при моих ошибках. Ищем таблицу и контейнер. Заголовки — в массив. Чистим trimом — одно мясо. Старую не трогаем, новую лепим рядом. Цикл по строкам, внутри — цикл по заголовкам. Медиазапрос: меньше 700 пикселей — большая таблица исчезает, маленькая появляется. На iPhone работает. Друзья, видите ошибки — пишите! Четыре глаза лучше, чем 2. Подписывайтесь на «Юра кодит». Ссылка на подробное видео - dzen.ru/...036
webprograms.ru - Юра Кодит
2
подписчика
Описываю свой опыт в веб-разработке и не только. Ищу единомышленников
Сайт на #Wordpress: Адаптация таблиц под мобильные
Здравствуйте, дамы и господа, а также те, кто уже успел запутаться в собственных таблицах сайта при переходе на мобильную версию. Сегодня у нас на повестке дня — тема, которая лично меня зацепила за живое (и, надеюсь, вас тоже). Речь пойдёт о том, как лихо таблица в CMS WordPress теряет заголовки при переезде на маленький экран. Представьте себе: живёт себе табличка. Скромная, но гордая. Сделана с любовью через Table Press. И вдруг — бац! — мобильный вид, и её прекрасные шляпки (заголовки, если по-взрослому) куда-то улетают...
Swiper.js: параметр "centeredSlides" - баг или фича?
Сегодня я хочу рассказать о том, как едва не запутался в, казалось бы, простой задаче от заказчика — и как в итоге нашёл решение благодаря грамотному запросу к искусственному интеллекту. Задача пришла ко мне в рамках волонтёрского проекта (о таком формате работы я уже рассказывал в своём Telegram‑канале — буду рад, если вы заглянете и подпишетесь!). На странице располагались три слайдера, управляемые общей библиотекой. В одном из них обнаружилась проблема: нарушилась сортировка элементов. При этом два других слайдера работали корректно...
Когда WordPress говорит «Нет!» — а ты отвечаешь «Да!» Представьте: нужно выделить несколько дат на сайте, а система упорно подсвечивает только одну. «Писать скрипт?» — подумали вы. «Не надо!» — отвечаю я. Хитрость дня: два шорткода, и даты сияют, как новогодние гирлянды! • [Начало выделения желтым] — зажигает жёлтый свет. • [Окончание выделения желтым] — выключает (но не настроение!). Как это работает: 1 Курсор до даты → [Начало выделения желтым]. 2 Курсор после даты → [Окончание выделения желтым]]. 3 Обновили страницу → вуаля! Почему это гениально: • Не требует знаний JavaScript. • Не ломает сайт. • Выглядит аккуратно. Подробное видео и описание читай тут P.S. Если даты всё равно н е подсвечиваются — проверьте, не ревнуют ли они к вашему успеху 😉
WordPress: работа с нестандартным шаблоном - выделение текста
Представьте ситуацию: есть сайт на WordPress для НКО. На одной из страниц нужно выделить не просто одну дату, а несколько — и сделать это наглядно. Сначала задача показалась нетривиальной. «Наверное, придётся писать скрипт…» — подумал я, глядя на шаблоны WordPress. Но потом пригляделся внимательнее — и обнаружил, что система уже наполовину готова к решению! В чём суть
Оказывается, в шаблоне уже заложен механизм: контейнер с определённым классом (в нашем случае infocard-date) автоматически подсвечивается жёлтым...