Мы используем обязательные cookie для работы сайта и аналитические — для сбора обезличенной статистики. Нажимая «Принять», вы соглашаетесь на аналитику. Выбор «Только необходимые» оставит сайт полностью функциональным.
Подробнее — в политике конфиденциальности и пользовательском соглашении.
Разбор с примерами кода, которые можно скопировать
Шорткод — короткая метка в тексте, которая на сайте превращается в живой блок. В базе лежит именно метка, а в редакторе она показывается плашкой, чтобы её нельзя…
Открыть урокКартинку можно загрузить с диска или выбрать из медиатеки — во втором случае она уже лежит на сервере и не займёт места повторно. Загрузка из редактора идёт именно…
Открыть урокТаблица — единственный блок, который невозможно сузить: у неё своя минимальная ширина, и на узком экране она растягивает всю страницу, добавляя горизонтальную…
Открыть урокРедактор чистит содержимое по белому списку: всё, что уходит в базу, попадёт на страницу посетителя как разметка. Поэтому список разрешённых тегов узкий, и знать…
Открыть урокРазбор с примерами кода, которые можно скопировать
Для телефонов и планшетов во всём проекте один порог. Планшет в альбомной ориентации ровно 1024 пикселя и при этом сенсорный, поэтому граница включительная; вторая…
Открыть урокГотовая сборка стилей включает стандартный набор классов, но НЕ включает те, что собираются на лету: прозрачность через дробь, произвольные значения в скобках и…
Открыть урокЦвета, шрифт и фон задаёт активная тема. Она объявляет набор переменных, а вся вёрстка ссылается на них — поэтому смена темы перекрашивает сайт целиком, не трогая…
Открыть урокОформление содержимого живёт в одном файле, который подключается и на сайте, и внутри редактора. Поэтому блок в редакторе выглядит ровно так, как его увидит…
Открыть урокРазбор с примерами кода, которые можно скопировать
Клик по картинке в материале открывает её во весь экран. Раньше это работало только внутри слайдшоу, а в остальных местах клик перехватывали расширения браузера…
Открыть урокДерево меню перетаскивается мышью и пальцем. Внутри — обычная библиотека сортировки, но два её условия обязательны, и оба когда-то были нарушены. ghostClass…
Открыть урокНебольшая библиотека для поведения прямо в разметке уже подключена и на сайте, и в панели. Отдельный скрипт для выпадающего списка или переключателя писать не…
Открыть урокРедактор написан без сборщика — это обычные скрипты. Своя кнопка добавляется тремя вызовами, ядро само сделает снимок для отмены, синхронизацию с полем формы и…
Открыть урок