Web-steps клуб

Светлая тема в Webflow теперь наследует настройки основного раздела сайта с проектами. Как вам наряд невесты?

❓ Зачем мне учить Webflow, если всё можно легко сверстать сейчас в нейросети? Хочу разобрать частый вопрос на собеседовании при вступлении в клуб. При этом важно очертить портрет человека, который его задаёт. Умеет верстать в Тильде. Разбирается на пользовательском уровне в макетах Figma. Нет понимания правил вёрстки — Тильда этого не даёт. Никогда не имел дела с вёрсткой под CMS WordPress. Максимум — скачать тему и настроить. ⏩ Так вот зачем. 1. Понимание того, как устроена вёрстка. Если у тебя нет опыта работы с Flex, Grid, z-index и так далее — ты не понимаешь, почему на выходе кривой макет с адаптацией. Webflow учит понимать вёрстку. Сделай 3–5 крупных проектов — и можешь пробовать верстать через нейросеть. 2. Полный контроль над проектом. Через нейросеть у тебя контроля нет. Она запросто может сломать то, что недавно починил. Поэтому нужно нарабатывать навыки ограничения её действий через скилы и правила. Работая в Webflow, ты держишь всё под контролем. А значит — быстрые правки и доработки без срыва сроков. 3. Нет зависимости от AI. Не секрет: могут заблокировать аккаунт в нейросети, закончиться токены в неподходящий момент или модель сменится — и та, что отлично работала, начнёт выжигать лимиты с одного промта. Webflow всегда под рукой. И с 2013 года ни разу не было блокировки аккаунта — даже бесплатного. Я не топлю против AI. Только хочу показать: стоит освоить базовый и основной инструмент, прежде чем лезть в неизвестность без компаса.

В июле рассказывал о сервисе Lispr для набора текста голосом. Если зарегались тогда и стали пользоваться, то сейчас пройдите в кабинет и получите Премиум бесплатно навсегда.

Конвертер работает, можно обновлять сайты

Всем привет! Конвертер временно не работает. Лучше не обновлять сайты. Напишем отладим.

📢 **Ещё 5 уроков вышло в курсе по конвертеру Webflow to Wordpress7** Продолжаем разбирать блог — от главной страницы до рубрик и меток. В новой подборке: 🔹 17. Выборка записей блога на главной простая вёрстка, thumbnail, заголовок, анонс, автор, дата, ссылки 🔹 18. Записи блога на странице нестандартная вёрстка + обрезка preview до 30 символов 🔹 19. Вывод короткого описания статьи работа с post.preview.length() и ссылкой «читать далее» 🔹 20. Страница блога цикл _for=post in posts — вывод всех записей 🔹 21. Рубрики и метки в карточке записи вывод категорий и тегов через _for=term in post.terms() Все уроки уже доступны в курсе. Переходите, смотрите, применяйте! 🚀

Нашли ещё одну программу для голосового ввода — GigaType. Суть та же: зажимаешь клавишу, говоришь, текст появляется в поле или копируется в буфер. Из особенностей — работает локально, без интернета. Данные никуда не уходят. Бета-версия пока бесплатная. Ссылка: https://gigatype.app/

Я в ахере!!!! 🤯 Сегодня был созвон с товарищем, у которого успешно работает контент-завод на WordPress. На автомате: — парсятся ключевики — парсятся конкуренты — собираются статьи — генерируются картинки — выходят статьи на WordPress Смотрел сайт, который работает 6 месяцев. Сейчас в среднем под 1000 уникальных переходов. Самое важное — пощупал весь завод: сайт, Яндекс Метрику и Яндекс Вебмастер. ОНО РАБОТАЕТ! Буду копать тему опять в эту сторону.

Обновление курса "Справочник WtW7" Новые уроки: 14. Добавление простого меню в WordPress 15. Добавление меню второго уровня P.S. Для прохождения обновите плагин меток, чтобы ручками не писать.

Обновление плагина меток WtW7. По мере записи уроков по курсу седьмого конвертера развивается и сам плагин. Сегодня выкачу уроки по подключению меню. И, как ни странно, эти уроки потребовали доработки плагина. Кто проходит данный курс — обязательно обновите само приложение через курс в школе.

Обновление обработчика форм в WTW5|6 🚀 Формы на сайтах теперь отправляются надёжнее и безопаснее. Раньше обработчик писем был отдельным файлом в теме — его можно было дергать напрямую. Теперь он встроен в WordPress: заявка идёт через обычную почту сайта, с проверкой, что запрос настоящий 🔒 Что это даёт: ✉️ письма уходят стабильнее, без старого отдельного PHPMailer в теме; 🎯 обрабатываются только те формы, которые вы настроили в конфигураторе — лишние не цепляются; 🧹 в разметке больше не прописывается лишний action="/"; 📎 вложения проверяются, чужие адреса подставить нельзя; ✅ всё это совместимо с PHP 8.4.

Забыл добавить, что в WtW7 добавили новый конфигуратор форм. Теперь точно все 😅

Обновление курса «Справочник WtW7» (было WtW7). Добавление инструкции и переименование кнопки в плагине ACF Для некоторых блоков иногда нужно написать инструкцию, чтобы пользователь понимал, что туда добавлять. Также теперь у вас будет не просто кнопка «Добавить», а вы сможете её переименовать — например, в «Добавить карточку». Настройка минимального и максимального количества записей в плагине ACF Чтобы пользователь не ломал ваш дизайн, теперь можно ограничить количество карточек или списков, которые он может добавить. Таблица, блок, строка — конфигурация плагина ACF Через метки вы можете настраивать отображение каждого блока. При этом не нужно лазить в сам плагин. Собираем блоки в табы плагина ACF Чтобы настройка страницы не выглядела огромной простынёй, теперь можно сделать каждый блок отдельным табом. Настройка табов по левому краю плагина ACF Табы каждого блока страницы можно располагать по левому краю — для удобства. Добавление и настройка Опций (два видео) Вишенка на торте — это очень простое добавление опций для повторяющихся блоков, таких как подвал. Советую посмотреть этот урок особенно тем, кто пользуется WtW6. На этом, друзья, всё. Хороших выходных.

Обновление плагина меток конвертера WtW 7. Что добавлено: — для расстановки меток Опций и Термов добавлены дополнительные функции — добавлены новые метки для настройки полей плагина ACF (смотрите уроки в курсе WtW7) — исправлено отображение версии плагина Обновить обязательно: — сам плагин через приложение в Webflow — метки в самом приложении через кнопку «Обновить» Обновить и посмотреть новые функции — в курсе «AI Плагин расстановки меток WtW 7».

Обновление курса «Автоматизация Make». Вышли два урока: 1. Коннектор AI Hubris — подключение 500+ нейросетей для генерации текста и графики. 2. SEO-блога на WordPress (AI Hubris) — пример готовой схемы для автоматической генерации статей в блог. Но рекомендую WordPress использовать как донора для наполнения Дзен. Так как Яндекс и Google очень не любят AI-контент. Преимущество Hubris в том, что вы оплачиваете РФ-картами один аккаунт и получаете 500+ нейросетей в Make.

9. Производительность и разработка — Tree-shaking (Ленивая загрузка): Асинхронное подключение JS-библиотек и скриптов плагина только на тех страницах, где фактически присутствуют формы. — Локализация: Полная поддержка стандартов WordPress i18n (базовый код на русском языке, возможность подключения .po/.mo переводов). — Расширяемость: Набор PHP-фильтров и экшенов (например, wpef_before_email_send, wpef_webhook_payload) для кастомной обработки данных на стороне сервера. — Экспорт/Импорт: Перенос конфигураций форм и настроек плагина между сайтами в виде JSON-строк. P.S. Данный плагин разработал Владимиром Дейниченко. С ним вы общаетесь в поддержке нашего клуба. Поддержать ставим лайк 👍!

🔥 Вышел новый плагин для настройки форм под конвертер WtW 6. Данный плагин так-же появится и в WtW 7. Старые настройки остаются, и можно просто сделать переключение на новый формат. Для этого необходимо обновить сайт через конвертер и включить новую настройку7 В школе доступны два урока по настройке. 📎 Что нового: 1. Валидация данных и маски ввода — Клиентская валидация: Интеграция библиотеки JustValidate для проверки полей (обязательность, email, длина, совпадение паролей, файловые ограничения). — Маскирование: Интеграция IMask для строгого форматирования вводимых данных (телефоны, даты, документы). — Управление атрибутами: Возможность отключения стандартной браузерной HTML5-валидации (required). 2. Условная логика (Отображение полей) — Динамический интерфейс: Скрытие или показ DOM-элементов в зависимости от значений других полей формы. — Анимации: Настройка типа появления (Slide/Fade), скорости анимации и задержки перед срабатыванием. — Надежность: Регистронезависимая проверка, поддержка кириллических значений и безопасный поиск элементов в DOM-дереве (включая элементы вне тега <form>). 3. Обработка и хранение файлов — Маршрутизация: Прикрепление файлов напрямую к электронным письмам или сохранение их в Медиабиблиотеку WordPress с отправкой ссылок. — Защита от тяжелых писем: Автоматическая выгрузка файлов в Медиабиблиотеку, если их суммарный вес превышает заданный лимит для email-вложений. 4. Маркетинг и веб-аналитика — UTM-трекинг: Автоматический сбор меток (source, medium, campaign и др.) из URL. Данные сохраняются в Cookies на 30 дней и прикрепляются к заявке даже при отложенной конверсии. — Client Fingerprint: Сбор технических данных отправителя (User Agent, разрешение экрана, тип устройства, IP-адрес, страница отправки). — События аналитики: Автоматическая отправка целей при успешной конверсии в Яндекс.Метрику, Google Analytics и VK Pixel. — Дашборд конверсии: Встроенный расчет показов форм (через IntersectionObserver), количества отправок и показателя CR% (Conversion Rate). 5. Интеграции и маршрутизация данных — Webhooks: Отправка данных формы (в формате JSON) на сторонние URL. — CRM и мессенджеры: Прямая интеграция с Telegram и гибкий маппинг полей для передачи лидов в кастомные CRM-системы (например, Bitrix24). — Обработка пустых полей: Настраиваемое поведение (скрывать пустые поля или отправлять с пометкой «НЕ ЗАПОЛНЕНО»). 6. Безопасность и антиспам — Honeypot: Скрытое поле-приманка для автоматического отсеивания спам-ботов без использования капчи. — Rate Limiting: Ограничение максимального количества отправок с одного IP-адреса за заданный промежуток времени. — Совместимость с кэшем: Механизм динамического обновления AJAX Nonce для корректной работы плагина при использовании систем жесткого кэширования (WP Rocket, LiteSpeed Cache). 7. Управление данными (CRM и Логи) — База заявок: Локальное хранение лидов с возможностью глобального поиска, детального просмотра (в модальном окне) и экспорта в форматы CSV и JSON. — Журнал ошибок: Логирование сбоев SMTP, вебхуков и системных ошибок. Включает подсветку синтаксиса для удобного чтения JSON-ответов серверов. — GDPR: Автоматическая очистка старых записей из базы заявок и логов по истечении заданного срока. 8. Доставка почты (SMTP) — Встроенный SMTP-клиент: Отправка писем в обход стандартной функции wp_mail() для повышения доставляемости. — Гибкая настройка: Поддержка SSL/TLS шифрования, авторизации и принудительной подмены адреса отправителя. — Тестирование: Инструмент для отправки тестовых писем с возможностью переопределения шаблона и темы сообщения.

На следующей неделе — пополнение курса по Make. 1. Вытащу новый коннектор для подключения провайдера нейросетей Hubris (500 моделей). Теперь не надо подключать кучу зарубежных аккаунтов, искать карты — всё под капотом. Ну и главное — оплата обычными картами РФ. 2. Дам готовую схему наполнения Дзен через донора на WordPress. Писал всё под клиента — эта модель работает уже два месяца и тащит клиентов с Дзен на WordPress и дальше — на покупку.

Product Radar — русская площадка IT-стартапов. Аналог западного Product Hunt. Можно добавлять свои интересные решения, которые навайбкодили. Будут голосовать и давать обратную связь. Очень круто, что появляются такие каталоги.