В этом видео я покажу, как создать плагин для WordPress, который добавляет плавающую иконку-кнопку Telegram на страницы сайта. Мы рассмотрим полный процесс создания этого плагина с помощью ИИ.
Таймкоды
00:00 Введение
- Алексей Кальцин рассказывает о создании плагинов с помощью ChatGPT.
- Он показывает, как создать плавающую иконку Telegram на сайте.
- Алексей делится своим опытом использования ChatGPT для создания плагинов.
01:41 План урока
- План урока включает получение доступа к ChatGPT и регистрацию аккаунта.
- Важно подробно описать задачу для искусственного интеллекта.
- Размещение плагина на хостинге и запуск.
03:53 Создание плагина
- Алексей показывает, как он описывает задачу для ChatGPT.
- ChatGPT генерирует код, который нужно адаптировать под нужды пользователя.
- Процесс включает итерации для достижения желаемого результата.
07:18 Размещение плагина
- Алексей размещает плагин на хостинге Biget.
- Он создает папку и файл для плагина в директории wp-content.
- Копирует код и сохраняет изменения.
08:44 Настройка плагина
- Алексей показывает настройки плагина в админку WordPress.
- Он демонстрирует работу плагина на сайте.
- Подчеркивает, что создание плагина занимает меньше времени, чем раньше.
09:56 Бизнес-идея
- Алексей предлагает бизнес-идею для технарей и не только.
- Он объясняет, как создать копию западного плагина для российского рынка.
- Призывает подписываться на его телеграм-канал для обсуждения идей и партнерства.
Ссылка на пересказ от нейросети https://300.ya.ru/v_aGwT1iiV
Расшифровка видео
0:00
друзья Всем привет С вами кальсон
0:02
Алексей и в этом видео оно будет
0:04
коротенькое Я хочу рассказать вам как вы
0:06
можете создавать плагины с помощью чата
0:10
gpt у меня уже давно располагается на
0:13
сайте Вот такая вот плавающая иконка
0:16
телеграма при клике давайте я нажму
0:20
открывается окошко начало
0:22
чата до недавнего времени я пользовался
0:26
плагином который нашёл где-то Ну на
0:28
просторах интернета
0:30
сейчас же я просто с помощью чата gpt
0:33
создал такой простой плагин для себя и
0:36
уже использую его на нескольких своих
0:37
сайтах в этом видео я покажу вам как
0:40
любой желающий если у него есть
0:42
достаточно мотивации может создавать
0:45
плагины выбрал на примере телеграма
0:47
потому что это просто показать и
0:49
последние несколько недель Я изучаю
0:54
легра как инструмент для вообще
0:58
взаимодействия с аудиторией
1:00
и в этой связи хочу во-первых Если у вас
1:03
до сих пор нету сайта то вы можете на
1:07
сайте школы в бесплатных уроках появился
1:09
появилась новая страница мини-курс
1:11
Создай свой собственный сайт за 3 дня
1:14
здесь это обучающий курс в телеграме
1:17
автоворонка и если вы хотите больше
1:19
узнать что такое автоворонки в Telegram
1:22
то пожалуйста можете попробовать Мою
1:23
первую автоворонку и заодно создать себе
1:27
сайт это полностью новое видео Я записал
1:30
этот курс специально для этой Воронки и
1:33
призываю вас попробовать и поделиться
1:35
своим мнением Хорошо давайте посмотрим
1:38
что у нас за план на сегодняшний урок на
1:42
ваших экранах вы видите план урока по
1:44
созданию плагина с помощью Chat gpt и
1:48
забавности этого плана в том что вы
1:50
потратите больше в текущих реалиях Да вы
1:53
потратите больше времени на то чтобы
1:55
получить просто доступ к этому
1:56
инструменту чем на то чтобы ну написать
2:00
плагин раньше было всё конечно же
2:02
абсолютно наоборот вам нужны были недели
2:05
а то и месяцы чтобы разобраться во всех
2:08
нюансах Кода да написания плагина А
2:11
сейчас всё что нужно – это получить
2:13
доступ к инструменту Итак первым пунктом
2:16
у нас будет получение доступа к Open ai
2:18
А вы можете использовать специальные
2:21
средства я не могу их называть а если вы
2:23
вообще не понимаете о чём идёт речь я
2:25
под видео оставлю ссылку на вот эту вот
2:27
на вот этот вот слайд а и можете узнать
2:33
больше следующее – это регистрация
2:35
аккаунта Open ai здесь у меня для этого
2:39
есть уже специальное видео опять же
2:41
оставлю ссылку в этом
2:43
слайде Если не хотите хотите сами да то
2:47
просто пишите на тубе нейросети Кан и
2:50
вот это вот видео нейросети на службе
2:51
вебмастера здесь о том как вы можете
2:54
получить доступ к чату gpt всё что там
2:56
нужно это немного желания да и 50 руб
3:00
нужно сделать один раз и навсегда я
3:03
где-то полгода назад уже сделал это и
3:06
всё И теперь имею доступ следующее
3:08
третье очень важный момент – это описать
3:11
подробно задачу для искусственного
3:13
интеллекта Дело в том что он чем больше
3:16
ему даёшь вводных данных тем точнее мы
3:19
получим результат но об этом ещё
3:21
поговорим по ходу урока и четвёртое –
3:23
это просто разместить плагин на хостинге
3:24
и запустить мы здесь не будем
3:26
разговаривать про добавление вашего
3:28
плагина в истории WordPress это немножко
3:31
другая история а но я расскажу вам
3:35
друзья Я думаю напрашивается идея Да я
3:38
расскажу бизнес-идею для технарей Да в
3:40
принципе не только технарей а тех кто
3:42
готов заниматься разбираться расскажу
3:45
вот ну кое-какие мысли о том как можно
3:48
построить софтвер бизнес Да в России в
3:51
текущих условиях Ну что давайте давайте
3:55
представим что вы прошли пункт один
3:59
пункт два нажмите паузу это видео да и
4:02
сделайте то что я вам здесь написал И
4:06
после этого мы будем переходить к
4:08
третьему пункту А я сразу же начну с
4:10
него Вот я открыл окно диалога с чатом
4:13
gpt и я ему пишу здоровайся начала затем
4:16
пишу ты можешь написать Для меня ты
4:18
можешь написать для меня код плагин для
4:19
WordPress который добавляет плавающую
4:21
иконку кнопку Telegram на странице сайта
4:23
при клике переход в чат со мной в
4:26
админке должна быть возможность изменять
4:27
размер иконки с помощью ползунка Выбор
4:30
места где будет располагаться плавающая
4:31
кнопка добавлять самую популярную
4:33
анимацию для этой кнопки должен быть
4:35
чекбокс для включения и выключения
4:36
плагина и возможность указать аккаунт в
4:38
Telegram с которым будет начинаться чат
4:41
А изначально когда я готовился к этому
4:44
видео когда вообще я разрабатывал плагин
4:46
Я сначала просто решил разработать для
4:48
себя плагин а уже впоследствии решил
4:50
записать по нему видео у меня конечно же
4:52
создание этого плагина Ну состояла не из
4:55
такого промто подробного А я сначала
4:57
написал Давай сделаем кнопку Telegram он
5:00
мне написал Код потом я говорю А давай
5:02
теперь сделать так чтобы я мог её размер
5:04
изменять он мне сделал код по новой
5:07
написал а затем он сделал неправильно он
5:09
сделал в пикселях где я должен был цифры
5:11
указывать числа то есть ну я говорю
5:13
Сделай теперь ползунок с помощью
5:16
которого я буду всё это менять он
5:17
говорит О’кей сейчас сделаю то есть если
5:19
вы изначально можете в голове у себя
5:22
какой-то мыс мысленный эксперимент
5:24
проделать Да представить как этот плагин
5:25
будет выглядеть что он будет делать уже
5:28
прямо с ходу то вы можете ть ему такой
5:30
подробный промт если не знаете то
5:32
начните по шагам то есть дорога
5:34
возникает под шагами идущего вы он пишет
5:37
Вам код вы его значит ну используете на
5:40
сайте запускаете плагин и видите что ага
5:43
здесь нужно изменить возвращаетесь к
5:45
чату говорите Смотри сделай здесь вот
5:46
так вот и он вам всё это переписывает То
5:49
есть а и через несколько итераций у вас
5:52
готовая версия вашего рабочего
5:54
плагина Всё Давайте я не буду э тянуть
5:57
кота за хвост и отправлю наш промт чату
6:00
gpt
6:03
нажимаю и в общем-то чат gpt начинает
6:07
мне кодить наш
6:10
плагин смотрите
6:12
он не просто он кот какой-то кусок кода
6:15
Да он ещё и пишет что мне нужно
6:18
конкретно сделать То есть он говорит
6:19
Создай папку для плагина в директории
6:22
пишет что за директория как её
6:24
предлагает её название и в общем дальше
6:29
говорит создай PHP файл и Скопируй туда
6:31
вот этот вот код вот он пишет нам код Я
6:36
даже не знаю В принципе что здесь
6:37
добавить Да какие-то комментарии
6:40
излишне То есть у меня в
6:43
распоряжении профессиональный
6:45
программист который знает всё любой язык
6:49
программирования которо которому при
6:51
этом не надо платить и который может за
6:53
меня делать всю
6:55
работу ещё пару лет назад если бы мне
6:58
всё вот это вот расказа
7:00
Я бы конечно не поверил и очень сильно
7:03
бы сомневался А сейчас же это всё
7:05
происходит я сам этим пользуюсь и Ну до
7:08
сих пор у меня такие осознания насколько
7:11
может вот современный мир измениться с
7:15
появлением такого инструмента как
7:16
искусственный интеллект закончил он
7:20
э разработку плагина и теперь мне нужно
7:23
соответственно сделать четвёртый пункт
7:26
разместить плагин на хостинге и
7:28
запустить Давайте сделаем это для своих
7:32
основных проектов я использую H Кто на
7:34
меня подписан Кто знает меня уже в курсе
7:37
Да и здесь в панели управления хостингом
7:40
есть такой вот классный файловый
7:41
менеджер нажимаю открывается у меня
7:44
новое окошко и дальше по сути Я просто
7:47
должен сделать то что мне gpt здесь
7:49
советует Создай папку в директории VP
7:51
Content plugins с названием и так далее
7:55
само собой нужно в директории Котен
7:57
создавать этого сайта Где вы хотите
8:00
плагин использовать вот я
8:05
захожу нахожу Значит до иду па HTML VP
8:09
Content Вот она папка здесь есть папка
8:12
плагины и соответственно я нажимаю здесь
8:14
просто новая папка пишу здесь название
8:17
Окей
8:18
Захожу Захожу в эту папку дальше пишу
8:23
создать файл и
8:25
создаю фай PHP такой и ads и затем
8:29
просто просто беру копирую отсюда код и
8:32
Вставляю в эти файлы и сохраняю и так по
8:34
порядку собственно дохожу до того
8:38
момента когда мне остаётся просто
8:39
активировать и настроить
8:42
Telegram кнопку эту Давайте перейдём
8:45
теперь в админку WordPress И я покажу
8:47
вам настройки Вот она админка пресса иду
8:51
в настройки и здесь у меня есть такой
8:53
телечат нажимаю и все те параметры
8:58
которые я задавал вот пожалуйста а когда
9:00
я первый раз это увидел Я просто офигел
9:02
если честно значит Включить выключить
9:05
Telegram username который нужен где
9:08
расположение кнопки размер смотрите
9:12
меняю Здесь тоже меняется анимация в
9:14
ожиданий анимация при наведении всё
9:18
нажимаю
9:21
сохранить перехожу на сайт Ну пожалуйста
9:24
кнопка работает видите анимация
9:26
пульсация в режиме ожидания
9:30
вот собственно вот такое вот видео
9:33
получилось смотрите Не знаю сколько там
9:36
у нас по записи 5-7 минут наверное и
9:38
плагин готов да это простой плагин
9:41
несомненно для написания более сложных
9:43
плагинов потребуется больше времени но
9:46
вам не нужно самому ничего изучать Если
9:49
вы просто можете давать задания на
9:52
понятном языке то вы сможете
9:55
разрабатывать плагины и теперь говоря о
9:59
идеи которую я в плане расскажу
10:01
бизнес-идею для технарей И не только
10:03
смотрите ситуация такая сейчас что
10:05
многие западные разработчики они уходят
10:10
из России и соответственно платные
10:12
плагины которые раньше были доступны нам
10:14
они становятся недоступны уже есть
10:16
барьеры потому что вы не можете оплатить
10:18
со своей карты Да а соответственно
10:21
э рынок
10:23
освобождается WordPress Я думаю он
10:26
никуда не денется WordPress
10:27
заблокировать нельзя
10:29
соответственно в России WordPress
10:30
останется так вот в чём
10:33
бизнес-идея вы
10:35
находите находите какую-нибудь плагин
10:37
который Западный и делаете его копию для
10:40
российского рынка создаёте сайт
10:45
создаёте значит ну размещаете всю
10:47
информацию об этом своём плагине и
10:49
делаете просто про
10:51
версию там конечно масса нюансов Да но
10:55
основное то есть написание кода уже не
10:57
ваша проблема Вот то есть такие больше
11:00
менеджерские задачи если у Вас кстати у
11:03
кого-то из вас при просмотре появились
11:05
какие-то идеи пишите мне в Telegram
11:07
Давайте обсудим А я готов в принципе
11:09
если вы готовы если у Вас классная идея
11:12
есть и вы готовы заниматься ей то мы
11:14
можем обсудить какое-то партнёрство
11:17
друзья на этом видео окончено пожалуйста
11:19
Поставьте лайк Если вам понравилось
11:21
подпишитесь на канал если этого не
11:22
сделали и обязательно подпишитесь на мой
11:25
Telegram канал школы там я бывает даю
11:28
информацию которая не попадает на
11:29
YouTube поэтому обязательно подпишитесь
11:31
на Telegram канал ссылка будет в
11:34
описании А на этом прощаюсь с вами был
11:36
каль Алексей и до встречи в новых
11:38
обучающих видео пока