Web-steps клуб
2.64K subscribers
791 photos
179 videos
17 files
520 links
Чат закрытого клуба разработчиков сайтов Webflow to Wordpress, автоматизация
Download Telegram
Обновление обработчика форм в WTW5|6 🚀

Формы на сайтах теперь отправляются надёжнее и безопаснее.
Раньше обработчик писем был отдельным файлом в теме — его можно было дергать напрямую. Теперь он встроен в WordPress: заявка идёт через обычную почту сайта, с проверкой, что запрос настоящий 🔒

Что это даёт:
✉️ письма уходят стабильнее, без старого отдельного PHPMailer в теме;

🎯 обрабатываются только те формы, которые вы настроили в конфигураторе — лишние не цепляются;

🧹 в разметке больше не прописывается лишний action="/";

📎 вложения проверяются, чужие адреса подставить нельзя;

✅ всё это совместимо с PHP 8.4.
👍8🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
Обновление плагина меток WtW7.

По мере записи уроков по курсу седьмого конвертера развивается и сам плагин.

Сегодня выкачу уроки по подключению меню. И, как ни странно, эти уроки потребовали доработки плагина.

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

Новые уроки:

14. Добавление простого меню в WordPress
15. Добавление меню второго уровня

P.S. Для прохождения обновите плагин меток, чтобы ручками не писать.
Я в ахере!!!! 🤯

Сегодня был созвон с товарищем, у которого успешно работает контент-завод на WordPress.

На автомате:

— парсятся ключевики
— парсятся конкуренты
— собираются статьи
— генерируются картинки
— выходят статьи на WordPress

Смотрел сайт, который работает 6 месяцев. Сейчас в среднем под 1000 уникальных переходов.

Самое важное — пощупал весь завод: сайт, Яндекс Метрику и Яндекс Вебмастер.

ОНО РАБОТАЕТ!

Буду копать тему опять в эту сторону.
👍27🤝4
Нашли ещё одну программу для голосового ввода — GigaType.

Суть та же: зажимаешь клавишу, говоришь, текст появляется в поле или копируется в буфер.

Из особенностей — работает локально, без интернета. Данные никуда не уходят.

Бета-версия пока бесплатная.

Ссылка: https://gigatype.app/
👍7
📢 Ещё 5 уроков вышло в курсе по конвертеру Webflow to Wordpress7

Продолжаем разбирать блог — от главной страницы до рубрик и меток. В новой подборке:

🔹 17. Выборка записей блога на главной
простая вёрстка, thumbnail, заголовок, анонс, автор, дата, ссылки

🔹 18. Записи блога на странице
нестандартная вёрстка + обрезка preview до 30 символов

🔹 19. Вывод короткого описания статьи
работа с post.preview.length() и ссылкой «читать далее»

🔹 20. Страница блога
цикл _for=post in posts — вывод всех записей

🔹 21. Рубрики и метки в карточке записи
вывод категорий и тегов через _for=term in post.terms()

Все уроки уже доступны в курсе.
Переходите, смотрите, применяйте! 🚀
👍13❤1
В июле рассказывал о сервисе Lispr для набора текста голосом.

Если зарегались тогда и стали пользоваться, то сейчас пройдите в кабинет и получите Премиум бесплатно навсегда.
1👍9
❓ Зачем мне учить Webflow, если всё можно легко сверстать сейчас в нейросети?

Хочу разобрать частый вопрос на собеседовании при вступлении в клуб.

При этом важно очертить портрет человека, который его задаёт.

Умеет верстать в Тильде. Разбирается на пользовательском уровне в макетах Figma. Нет понимания правил вёрстки — Тильда этого не даёт. Никогда не имел дела с вёрсткой под CMS WordPress. Максимум — скачать тему и настроить.

⏩ Так вот зачем.

1. Понимание того, как устроена вёрстка.

Если у тебя нет опыта работы с Flex, Grid, z-index и так далее — ты не понимаешь, почему на выходе кривой макет с адаптацией.

Webflow учит понимать вёрстку. Сделай 3–5 крупных проектов — и можешь пробовать верстать через нейросеть.

2. Полный контроль над проектом.

Через нейросеть у тебя контроля нет. Она запросто может сломать то, что недавно починил. Поэтому нужно нарабатывать навыки ограничения её действий через скилы и правила.

Работая в Webflow, ты держишь всё под контролем. А значит — быстрые правки и доработки без срыва сроков.

3. Нет зависимости от AI.

Не секрет: могут заблокировать аккаунт в нейросети, закончиться токены в неподходящий момент или модель сменится — и та, что отлично работала, начнёт выжигать лимиты с одного промта.

Webflow всегда под рукой. И с 2013 года ни разу не было блокировки аккаунта — даже бесплатного.

Я не топлю против AI. Только хочу показать: стоит освоить базовый и основной инструмент, прежде чем лезть в неизвестность без компаса.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍20❤4
Светлая тема в Webflow теперь наследует настройки основного раздела сайта с проектами.

Как вам наряд невесты?
🔥8
Media is too big
VIEW IN TELEGRAM
Обновление плагина меток WtW7.

На этой неделе немного задержались с выпуском уроков по конвертеру WtW7 — в связи с доработкой плагина расстановки меток.

Теперь в плагине появился каталог секций для быстрой вставки в Webflow. Каталог начнём скоро полностью наполнять, но пока появятся те блоки, которые идут по уроку. Сможете добавлять их и смотреть, как расставлены метки и как свёрстаны.

Обновление плагина — через раздел курса «AI Плагин расстановки меток WtW 7».
🔥9👍7
🔥🔥🔥 Бомба-Пушка

🔥🔥🔥 Бомба-Пушка!

На следующей неделе выкатываем решение для интеграции AI внутрь сайтов на WordPress.

У вас будет чат, в котором можно попросить нейросеть сделать любые настройки: создать записи, картинки, оптимизировать SEO, написать нужный плагин, поправить настройки ACF и многое другое.

В чём отличие нейросети внутри WordPress от того, чтобы просто дать доступ к хостингу?

Дело в том, что нейросеть внутри CMS работает с WordPress как разработчик. Она может создавать записи, проверять работу плагина, править нужные страницы и тут же смотреть, как они выглядят.

Если попросите сделать плагин — она соберёт его безопасно в песочнице, проверит работу и только потом выкатит на сайт.

Теперь, если у вас что-то не получается реализовать, — просто попросите нейросеть это сделать.

На следующей неделе выкачу интеграцию и уроки в школе клуба.

Хороших выходных!🤝
🔥56👍8
Выкатили MCP 2.1, который умеет работать с контентом CMS Webflow.

Ну что тут сказать, на неделе я дам уже такую нейронку, которая тоже самое будет делать внутри Wordpress.
🔥13😁2
Обновление курса «Справочник WtW7».

Выкатил урок по пагинации.

Это один из самых сложных элементов. Теперь вы можете не верстать его с метками, а просто добавить из каталога в плагине и кастомизировать под свой дизайн.
🔥10
Ключевые выводы по конференции Webflow Conf Keynote 2026. (собрано через AI)

1. MCP 2.1 — агенты получили доступ к ключевым механикам конструктора
Раньше ИИ-агенты могли только править текст и простые блоки. Теперь они могут:
— создавать сложные анимации и интерактивы (Webflow Interactions) через обычный промпт. Агент строит таймлайны, триггеры, переходы — всё нативно, без ручного копания в панели
— работать с CMS-контентом на уровне фильтрации и поиска (но это мы пропускаем)
— следить за деплоем и ошибками — агент видит логи при публикации, может сам исправить ошибку и передеплоить

2. Присутствие агента на канве (Agent Presence)
Агент теперь отображается как живой участник в интерфейсе:
— видно, на какой странице он работает
— какие элементы редактирует
— его действия синхронизируются в реальном времени
Это не просто «сгенерировать код», а полноценное совместное редактирование на визуальном холсте.

3. Контроль действий ИИ (Activity Log)
— все правки, сделанные агентом, маркируются как AI-generated и привязываются к источнику
— если агент подключается через MCP извне (Claude, ChatGPT и т.п.), его действия тоже логируются
— это даёт полный аудит изменений — важно для отката и контроля

4. Releases — безопасная работа с агентами
— введена система полноценных бранчей для всего сайта
— любое изменение (от человека или ИИ) сначала попадает в ветку, затем проходит ревью, и только потом мержится в прод
— это решает проблему, когда агент «решил сделать лишнее» — его правки изолированы до утверждения

5. Генерация инструкций для агентов (Instruction Generation)
— агенты работают на основе набора правил: как использовать дизайн-систему, компоненты, переменные
— раньше это приходилось писать вручную. Теперь ИИ сам генерирует эти инструкции, анализируя текущий проект
— инструкции обновляются автоматически при перестройке сайта

6. Source by Webflow — работа с «сырым» кодом
Главный технический сдвиг:
— конструктор теперь работает напрямую с исходным кодом (например, Next.js), а не через свою визуальную прослойку
— это позволяет ИИ-агентам видеть реальную архитектуру проекта, а не только визуальное представление
— для человека интерфейс остаётся визуальным — агент переводит промпт в код и обратно на холст
— по сути, Webflow становится обёрткой над кодом, где нейросеть — переводчик между человеком и файловой структурой

7. Персонализация интерфейса через промпты
— любая команда может через текстовый запрос создать собственный рабочий интерфейс под конкретную задачу
— агент генерирует не только контент, но и сами инструменты управления: панели, фильтры, визуализации данных
— это превращает конструктор из статичного набора кнопок в адаптивную среду

8. Агенты как «реальные тиммейты»
— агенты не просто выполняют одноразовые команды — они работают автономно в фоне: мониторят аналитику, предлагают улучшения, создают задачи для людей
— в Source агенты могут инициировать проекты сами — создать бриф, позвать коллег, подключить внешние инструменты без повторного промпта
🔥10❤1
🚀 Запускаем новый курс — «AI WordPress».

Как и обещал, выходит новый курс по настройке нейросети внутри WordPress.

Курс состоит из 5 уроков по 10 минут — справитесь быстро.

Суть простая: подключаем провайдера Hubris, который даёт 500 моделей для работы внутри WordPress. Далее через отдельный плагин настраиваем взаимодействие — как внутри WordPress в форме чата, так и через внешний MCP.

Также показал, как работать через MCP на примере Cursor. Без проблем подключаете терминал, Codex, Antigravity — любую IDE, которая нравится.

Что сможете делать:

— писать плагины внутри WordPress, сразу тестировать, допиливать и запускать
— создавать и править контент
— анализировать SEO-настройки и править их
— настраивать любые плагины
— создавать поля и править их в плагине ACF
— править и создавать дизайн отдельных страниц
— генерировать калькулятор внутри любой страницы

Вариантов много. Здесь больше работаете с тем, что просит клиент.

📎 Курс — в разделе «Плагины WordPress».
🔥22🙏4
This media is not supported in your browser
VIEW IN TELEGRAM
😅😅😅 Не могу не поделиться.
Please open Telegram to view this post
VIEW IN TELEGRAM
😁29
Please open Telegram to view this post
VIEW IN TELEGRAM
Каждый день в школе выходят новые уроки по конвертору WTW7.

Следите за уведомлениями в школе. Тут уже не спамлю каждый урок.
👍11
This media is not supported in your browser
VIEW IN TELEGRAM
🔥10👍4