Обзор на практике WordPress Telex: Соответствует ли этот ИИ инструмент ожиданиям?

Опубликовано: от Jos Velasco
Обзор на практике WordPress Telex: Соответствует ли этот ИИ инструмент ожиданиям? thumbnail

В конце 2025 года основная команда, стоящая за WordPress, выпустила новинку под названием Telex.

Этот инструмент на базе ИИ позволяет тебе описать любой блок на твоём родном языке и увидеть, как он кодируется с нуля на твоих глазах.

Мы знаем, что ты думаешь… использование ИИ для создания сайтов не ново. У нас даже есть наш собственный инструмент для клиентов DreamHost!

Но многие говорят, что Telex представляет собой огромный скачок вперёд. Этот AI-кодер может создавать пользовательский функционал — такой, который обычно требует плагина или помощи опытного разработчика.

Звучит захватывающе. Но соответствует ли Telex ожиданиям? Мы решили сами это проверить.

Ваш Сайт. Создан Для Вас.
100% Бесплатно

Без навыков дизайна. Без конструкторов. Без хлопот. Только результаты.

Начать
DreamHost Liftoff thumbnail

Что Такое WordPress Telex?

По словам Automattic (одной из компаний, стоящих за WordPress):

«Telex — это экспериментальный инструмент от команды Automattic AI, который превращает запросы на естественном языке в работающие блоки WordPress. Ты просто описываешь, что тебе нужно, и Telex генерирует блок.»

Telex работает на WordPress Playground: платформе, которая позволяет тебе экспериментировать с WordPress без необходимости хостинга.

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

Как Работает WordPress Telex?

Как и большинство инструментов кодирования с ИИ, Telex использует большую языковую модель (LLM) для интерпретации ваших текстовых инструкций. Затем он разрабатывает план построения блока, а затем пишет необходимый код.

Давай рассмотрим приложение в действии.

1. Создание Твоего Запроса

Процесс работы довольно прост. У тебя есть текстовое поле для запросов и возможность добавить изображения (до пяти), чтобы иллюстрировать твой запрос.

Скриншот интерфейса Telex с маркированными полями ввода и прикрепления изображений, показывающий шаг 1: Добавьте запросы и изображения.

После того как ты начнешь писать свой запрос, появится кнопка «Улучшить запрос»; она использует ИИ, чтобы доработать твой исходный запрос.

🤓Заметка для гиков: Усилитель запросов не работает, если к вашему запросу уже прикреплено изображение. Мы рекомендуем использовать эту функцию перед добавлением визуальных материалов.

2. Телекс Пишет Код

Как только ты задействуешь Telex, ты можешь наблюдать за тем, как ИИ «думает» в терминале в нижней части экрана. Это действительно мило.

Интерфейс Telex, показывающий Шаг 2 с подсказкой и предпросмотром кода, поскольку платформа генерирует блок WordPress.

Телекс начинает писать код, как участник хакатона, который выпил слишком много кофе. Обычно ты получаешь окончательный результат в течение двух минут.

3. Тестирование и Усовершенствование

Как только первая сборка завершена, ты можешь протестировать реальную, работающую версию твоего творения в редакторе блоков. Эта область также позволяет тебе увидеть предварительный просмотр frontend и административной зоны.

Не совсем то, что нужно? Ты можешь попросить Telex внести исправления или переключиться на вкладку «Code», чтобы внести изменения самостоятельно.

Интерфейс Telex, показывающий Шаг 3 с активным окном чата помощника и пошаговой настройкой таймера обратного отсчёта для футбольного матча.

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

Практическое Занятие С Telex: Создание 5 Пользовательских Блоков С Нуля

Из блога о выпуске продукта можно узнать не так уж много. Поэтому мы решили сами испытать Telex.

Это правда или просто еще один вздох в пузыре искусственного интеллекта? Давай разберемся.

Проект 1: Анимированный Футбольный Таймер Обратного Отсчёта

Кто любит футбол? Для настоящих фанатов следующий день игры не может наступить достаточно скоро. Если бы только был какой-нибудь способ отслеживания времени до начала матча…

Введите таймер обратного отсчёта футбольного матча.

Цель этого проекта блока заключалась в создании веселых анимированных часов, которые будут отображать дни, часы и минуты до следующего матча. (Идеально подходит для фанатского блога или главной страницы вашей команды по флаг-футболу…)

Наше первоначальное задание было довольно простым:

Создай блок, который отображает анимированный таймер обратного отсчета до заданной в настройках блока будущей даты. Таймер должен показывать дни, часы и минуты. Каждый раз, когда меняются минуты, графика в виде футбольного мяча должна «лететь» слева, отскакивать от счетчика минут и продолжать движение вправо, имитируя реалистичный полет мяча.

Мы использовали опцию Enhance Prompt для добавления немного больше деталей, а затем запустили Telex в действие. Инструменту потребовалась около одной минуты, чтобы запустить новый блок.

Первый проход был неплохим. Telex создал рабочий таймер обратного отсчёта с запрашиваемыми настройками блока. Он даже добавил дополнительную функцию — выбор цвета для таймера.

Редактор блоков Telex, показывающий активный таймер обратного отсчета для футбола с синими блоками таймера и чатом помощника, описывающим логику анимации подпрыгивающего футбольного мяча.

С другой стороны, Telex не смог добиться нужной анимации. Вместо того чтобы футбольный мяч прилетал каждую минуту и менял таймер, мы получили постоянно подпрыгивающий мяч на часах. Неплохо, но это явно не тачдаун.

Мы попробовали несколько разных подсказок для исправления проблемы. Ни одна из них не сработала полностью. Но хотя бы таймер заработал.

  • Улучшение запроса: C+
  • Первый проход: B-
  • Исправления: C-

Общая оценка: C+

Получайте контент прямо в свой почтовый ящик

Подпишитесь сейчас, чтобы получать все последние обновления прямо в свой почтовый ящик.

Проект 2: Инструмент Сравнения Размеров Смартфонов

Заметил, как смартфоны становятся всё больше?

Чтобы облегчить задачу поиска карманного устройства, мы решили, что будет полезно создать инструмент для сравнения размеров — чтобы ты мог видеть, как различаются телефоны в размерах.

Вот задача, с которой мы начали:

Создай блок, который позволит пользователям видеть сравнение размеров двух смартфонов рядом. Блок должен отображать две силуэта в форме телефона с каждой стороны: один с фронтальной перспективы, а другой с бокового вида.
Каждый силуэт должен быть отображён в том же соотношении к реальной жизни, что и размеры, заданные в настройках блока. Настройки блока должны включать поля для ввода высоты и ширины в миллиметрах, с возможностью изменения на дюймы в качестве меры измерения.

Уже есть некоторые детали, как ты можешь видеть (мы попытались скопировать стиль примера из блога о запуске Telex).

Но функция «Enhance Prompt» расширила инструкции до трех абзацев, перечислив как точные элементы управления, так и технические детали («Отображать одинаковые масштабируемые силуэты в отзывчивом контейнере, который сохраняет правильные пропорции на разных устройствах»).

Высшие оценки здесь.

С прикреплённым изображением, показывающим подобную функцию на существующем сайте, мы начали работу с Telex. Эта сборка заняла чуть больше времени — около двух минут — но результат оказался действительно хорошим.

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

Предварительный просмотр блока сравнения смартфонов, показывающий силуэты двух телефонов с метками Телефон 1 и Телефон 2, с размерами и вертикальными полосами, обозначающими толщину.

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

  • Улучшение запроса: A+
  • Первый проход: A-
  • Корректировки: A+

Общая оценка: A+

Проект 3: Калькулятор Динамического Ценообразования

Давай попробуем что-то более серьезное теперь. Если ты ведешь бизнес, ты захочешь, чтобы клиенты могли видеть, сколько они заплатят в зависимости от своих потребностей.

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

Вот наша начальная подсказка для калькулятора:

Я веду бизнес по разработке сайтов и хочу добавить блок с калькулятором стоимости. Посетитель выбирает опции и видит, как в реальном времени обновляется цена. Опции следующие: количество страниц (выпадающий список: 1–5, 6–10, 11–20), необходимость в электронной коммерции (да добавляет $500), нужна ли настройка SEO (да добавляет $300) и тарифный план хостинга (ежемесячно $29 или ежегодно $299). Показывать итоговую сумму внизу и иметь кнопку «Запросить предложение», которая на самом деле ничего не отправляет, а просто показывает сообщение, что мы свяжемся с тобой.

Это довольно подробное задание, если мы можем так сказать. Telex согласился; были внесены лишь незначительные изменения, когда мы улучшили задание.

Результат был точным. Не очень красивым, но аккуратным и полностью функциональным. Нам особенно понравилось, что в Telex добавили ползунки в опции блока, что упрощает настройку цены на отдельные элементы списка.

Предварительный просмотр блока калькулятора цен с выпадающими списками, флажками, радиокнопками и отображением общей цены на фиолетовом фоне.

Мы попросили сделать две небольшие правки: сделать метки опций выбираемыми и изменить основную цветовую схему на фиолетовый. И обе корректировки были выполнены идеально за 30 секунд.

В целом, очень впечатляюще.

  • Улучшение команды: C+
  • Первичная проверка: A+
  • Редактирование: A+

Общий рейтинг: A+

Проект 4: Рейтинги фильмов с функцией перетаскивания

Если хочешь познакомиться с киноманом, просто попроси его оценить коллекцию фильмов. Отличный способ начать разговор.

Он работает и в интернете. Поэтому большинство блоггеров о кино регулярно делится опросами. Похоже на хороший проект для тестирования Telex, не так ли?

На этот раз мы использовали очень «реальное» задание. Что-то, что мог бы написать обычный человек, а не работа фаната ИИ:

Создай блок, который позволит посетителям ранжировать список элементов, перетаскивая их в нужном порядке. Например, я могу перечислить 5 фильмов и попросить людей расставить их от самого любимого до наименее предпочитаемого. После завершения ранжирования должна быть кнопка отправки, и она должна показывать сообщение с благодарностью. В редакторе я хочу ввести элементы для списка и добавить вверху заголовок/вопрос.

Telex отлично справился с доработкой этих инструкций, сделав их более конкретными и специфичными. Готовая подсказка детально описывала, как должен работать блок, включая описания всех элементов frontend.

В очередной раз Telex предоставил необходимое. Первоначальный результат точно соответствует нашим ожиданиям, с возможностью редактирования меток, хорошим расстоянием между элементами списка и настраиваемым подтверждающим сообщением.

Интерфейс блока рейтинга с возможностью перетаскивания, редактируемыми метками элементов, корректным расстоянием между полями ввода и полем для настраиваемого подтверждающего сообщения.

Конечно, пользователям, вероятно, захочется узнать, как голосовали другие люди. Поэтому мы попросили Telex о пересмотре:

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

Это, очевидно, требует какого-то способа хранения отправлений. Telex быстро это понял, обновив frontend и backend.

Проблема? Telex не совсем правильно настроил серверный код. В результате блок мог отслеживать результаты каждого пользователя, но не сохранял общий итог.

Чтобы немного расширить возможности Telex, мы попросили добавить еще один раздел в административную зону — панель управления для анализа входящих голосов. Но ИИ подтвердил наши подозрения: Telex на самом деле не может вмешиваться во что-либо за пределами одного конкретного блока.

Хотя ты можешь добавить эту функцию вручную поверх блока, возможно, будет проще просто воспользоваться готовым плагином!

  • Улучшение запроса: A-
  • Первичная проверка: A+
  • Корректировки: B-

Общая оценка: A-

Проект 5: Онлайн-трекер цен на криптовалюту

Ладно, хватит с простыми вещами. Чтобы на самом деле проверить возможности Telex, мы решили попробовать что-то действительно амбициозное: трекер цен на криптовалюту, работающий на основе данных с живого рынка.

Чтобы сделать это возможным, нам, конечно, потребовался источник данных. Мы выбрали работу с API CoinMarketCap, потому что он предлагает щедрый бесплатный план.

Затем мы обратились к Telex. Сможет ли он работать с API третьей стороны? Наши первоначальные инструкции:

Создай блок, который показывает текущую цену Биткойна и Эфириума. Цена должна автоматически обновляться каждые несколько минут и показывать, повысилась ли цена или упала с момента последнего обновления (возможно, зелёная или красная стрелка). Я хочу иметь возможность выбирать, какие криптовалюты отображать в настройках блока. Я буду использовать API ключ от CoinMarketCap, поэтому включи поле для этого ключа в блок.

Как ты видишь, мы оставили Telex разобраться с деталями. Функция «Enhance Prompt» действительно произвела на нас впечатление: инструмент расширил наш запрос до трех абзацев, добавив некоторые дополнительные функции и тщательно описав frontend.

К сожалению, Telex не смог разобраться с API. Мы попробовали несколько раундов отладки, но так и не смогли преодолеть ошибки. Мы даже попробовали переключиться на другого поставщика API — но без успеха.

Редактор блоков WordPress, показывающий сообщение об ошибке трекера цен на криптовалюты с красным баннером, гласящим «Ошибка: неизвестная ошибка API» из-за отсутствия или недействительного ключа API CoinMarketCap.

Единственный способ спасти этот проект — это самостоятельно исправить код. Это не критичная проблема, но это показывает, что ИИ не идеален.

  • Улучшение запроса: B+
  • Первый проход: C-
  • Исправления: F

Общая оценка: D+

Вердикт: Как Telex Работает в Реальном Мире?

Оглядываясь на наши пять проектов, становится ясно, что Telex действительно полезен для любого, кто владеет, поддерживает или создаёт веб-сайты.

Хотя результаты могут отличаться по качеству, Telex может создавать уникальные блоки из относительно простых инструкций. Тебе не нужно быть опытным разработчиком WordPress, чтобы создавать пользовательские блоки с этим инструментом. К тому же он может строить эти блоки быстрее, чем любой человек.

В целом, мы действительно впечатлены Telex — это отличное дополнение к инструментарию WordPress, и, вероятно, со временем оно будет только улучшаться.

Тем не менее, мы не думаем, что Telex уже готов полностью взять на себя веб-разработку.

Почему Telex еще не может заменить плагины

Для большинства простых проектов Telex работает идеально. Но по мере увеличения сложности могут возникнуть проблемы.

Как показали наши тесты, Telex не всегда справляется с задачей. Ему не удалось корректно воспроизвести анимацию футбольного мяча, а извлечение данных API из внешнего источника оказалось слишком сложной задачей. Сложная логика — еще один его недостаток.

Telex также склонен придерживаться проверенных макетов блоков, и внесение тонких корректировок в дизайн может быть трудоемким.

Затем, стоит подумать о безопасности. Хотя большинство разработчиков плагинов тестируют свой код, Telex не заботится. Если блок работает, значит задача выполнена.

Самое важное, что Telex не разрешено делать:

  • Ты не можешь добавлять новые разделы в свою административную область. 
  • Ты не можешь загружать файлы, кроме изображений, чтобы помочь ИИ. 
  • Ты не можешь строить блок внутри блока (хотя можешь соединять два отдельных блока). 

В итоге: Telex не заменяет профессиональных разработчиков WordPress — это еще далеко до этого.

Итак, Когда Следует Использовать Telex?

Сейчас мы считаем, что Telex заполняет пробел между фрагментами кода и мощными плагинами.

ИИ позволяет тебе выйти за рамки готовых шаблонов, добавив пользовательские функции и варианты дизайна — но есть технические ограничения.

Возьмите Проект 1 (таймер обратного отсчёта) в качестве примера. Самый простой способ добавить таймер обратного отсчёта на ваш сайт — это найти готовый шаблон и скопировать код. Однако это может не дать вам большой гибкости в плане дизайна или функциональности.

С Telex ты можешь вставить свою собственную анимацию, добавить варианты цветов и решить, что произойдет, когда счетчик достигнет нуля. Это по-прежнему быстро и просто, но ты имеешь гораздо больше контроля.

Но что, если ты хочешь загрузить расписание всего сезона через страницу администратора WordPress и получать актуальные результаты в день игры? В таком случае, тебе, вероятно, лучше использовать специально созданный плагин или написать собственный код.

Копировать-Вставить КодТелексПолный Плагин/Пользовательский Код
Быстро и легко, но что видишь, то и получаешь.Быстро и гибко, с пользовательскими стилями и настройками, которые контролируешь ты.Мощные функции, но требуется больше знаний и управления.

В конечном итоге мы рекомендуем тебе попробовать Telex самостоятельно. Мы не можем дождаться, чтобы увидеть, что ты создашь с помощью этого впечатляющего нового инструмента ИИ!

Хостинг WordPress

Непобедимый Хостинг WordPress

Надежные, молниеносные решения для хостинга, специально оптимизированные для WordPress.

Узнать больше

Часто Задаваемые Вопросы О WordPress Telex

Всё ещё любопытно о новом ИИ инструменте WordPress? Вот ответы, которые ты искал!

Нужно ли быть разработчиком, чтобы использовать WordPress Telex?

Нет, любой может создавать блоки с помощью этого инструмента. Единственное замечание: это хорошая идея просмотреть и отладить код перед тем, как размещать блоки Telex на важном сайте. Так что, технические навыки в этом смысле полезны.

Можешь ли ты использовать WordPress Telex офлайн?

На данный момент нет. Доступно только через WordPress Playground. Тебе также потребуется аккаунт WordPress.com для доступа к инструменту.

Можешь ли ты использовать блоки, созданные Telex, на продуктивных сайтах?

Да, но с осторожностью. WordPress подчеркивает, что Telex — это экспериментальный инструмент и что время от времени он может выдавать полную чушь. Поэтому, обязательно проверь код перед тем, как опубликовать его.

Какие модели ИИ использует WordPress Telex?

Мы не знаем точно, какие технологии ИИ использует Telex. Но генеральный директор Automattic, Мэтт Малленвег, сказал, что проект был вдохновлён V0 и Lovable: двумя платформами ИИ, которые позволяют создавать приложения через запросы.

Эти похожие приложения используют сочетание передовых моделей для интерпретации запросов и написания кода. Вероятно, Telex делает что-то подобное.