Как установить и настроить Teplobot: чат-бот для WordPress и сайт с помощью конструктора Гигер

На митапе Теплицы рассказали о платине Teplobot и сайте-конструкторе Гигер. Фото: Лев Звягинцев. Автор: Мария Борисёнок.
На митапе Теплицы рассказали о плагине Teplobot и сайте-конструкторе Гигер. Фото: Лев Звягинцев. Автор: Мария Борисёнок.

20 июля 2016 года при под­держ­ке Impact Hub Moscow про­шел митап Теп­ли­цы соци­аль­ных тех­но­ло­гий с раз­ра­бот­чи­ком Теп­ли­цы Львом Звя­гин­це­вым. На мита­пе были разо­бра­ны про­дук­ты Теп­ли­цы: пла­гин Teplobot для Telegram и сайт-кон­струк­тор Гигер.

Что такое чат-бот плагин TeploBot

Отдел раз­ра­бот­ки Теп­ли­цы соци­аль­ных тех­но­ло­гий в июне 2016 года выпу­стил пла­гин TeploBot.

TeploBot (Telegram Bot for WP) – пла­гин для WordPress. Он авто­ма­ти­че­ски созда­ет на вашем сай­те про­стой чат-бот, кото­рый обща­ет­ся с посе­ти­те­ля­ми и пред­став­ля­ет резуль­та­ты поис­ко­вых запро­сов, анон­сы меро­при­я­тий и ново­сти.

Алиса Бабина и Алексей Клёсов, координатор программы «Пасека» в Теплице. Фото: Мария Борисёнок.
Али­са Баби­на и Алек­сей Клё­сов, коор­ди­на­тор про­грам­мы «Пасе­ка» в Теп­ли­це. Фото: Мария Бори­сё­нок.

Как работать с TeploBot

  1. Создай­те бот через внут­рен­ний бот в мес­сен­дже­ре Telegram – @BotFather. Подроб­ную инструк­цию о том, как это сде­лать, читай­те здесь. Это не тре­бу­ет навы­ков про­грам­ми­ро­ва­ния.
  2. TeploBot уста­нав­ли­ва­ет­ся как пла­гин для сай­та на WordPress. В адми­ни­стра­тив­ной пане­ли выби­ра­е­те «Доба­вить пла­гин».
  3. Пла­гин поз­во­ля­ет про­пи­сать коман­ды, через кото­рые бот будет общать­ся с вами. Их так­же необ­хо­ди­мо вне­сти в новый бот через @BotFather.
Фрагмент интерфейса настроек плагина TeploBot.
Фраг­мент интер­фей­са настро­ек пла­ги­на TeploBot.

Самая рас­про­стра­нен­ная функ­ция TeploBot – помощь в поис­ке нуж­ной инфор­ма­ции с сай­та и вывод ее через Telegram.

Центр под­держ­ки людей с аутиз­мом «Антон тут рядом» уже исполь­зу­ет TeploBot. Бот «Антон тут рядом» реа­ги­ру­ет на четы­ре коман­ды: в ответ на /q выда­ет слу­чай­ное выска­зы­ва­ние сту­ден­та; по коман­де /q + нуж­ное сло­во – выска­зы­ва­ние с этим сло­вом; по коман­де /s он ищет инфор­ма­цию по задан­но­му сло­ву на сай­те цен­тра, а по коман­де /m выда­ет спи­сок инте­рес­ных мест в горо­де, где мож­но помочь цен­тру.

Бот «Антон тут рядом» – @tutryadom_bot

Фрагмент интерфейса бота «Антон тут рядом»
Фраг­мент интер­фей­са бота «Антон тут рядом».

Функции плагина TeploBot:

  • полу­че­ние и обра­бот­ка авто­ма­ти­че­ских уве­дом­ле­ний от Telegram о сооб­ще­ни­ях боту;
  • под­держ­ка стан­дарт­ных команд Telegram;
  • отправ­ка резуль­та­тов поис­ка по сай­ту в ответ на поис­ко­вый запрос (коман­ду);
  • под­держ­ка до пяти соб­ствен­ных команд, отправ­ля­ю­щих спи­сок послед­них запи­сей или поль­зо­ва­тель­ских типов запи­сей;
  • блог сооб­ще­ний;
  • для раз­ра­бот­чи­ков – воз­мож­ность добав­лять соб­ствен­ные коман­ды или менять логи­ку суще­ству­ю­щих.

Ска­чать пла­гин.

Исход­ный код про­дук­та досту­пен на GitHub.

Лев Звягинцев, разработчик Теплицы социальных технологий. Фото: Мария Борисёнок.
Лев Звя­гин­цев, раз­ра­бот­чик Теп­ли­цы соци­аль­ных тех­но­ло­гий. Фото: Мария Бори­сё­нок.

Зачем нужен сайт-конструктор Гигер

Сайт-кон­струк­тор Гигер – это рас­ши­рен­ная тема для WordPress, сде­лан­ная по резуль­та­там ана­ли­за запро­сов более 500 НКО.

В отли­чие от стан­дарт­ных тем на WordPress, кото­рые нуж­но настра­и­вать под себя, Гигер содер­жит все основ­ные раз­де­лы, необ­хо­ди­мые НКО: ново­сти, про­ек­ты, кален­дарь собы­тий, про­фи­ли людей в коман­де, пла­гин для сбо­ра пожерт­во­ва­ний (пла­гин «Онлайн-лей­ка»), фор­мы под­пис­ки и кон­такт­ные фор­мы.

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

Сей­час с помо­щью Гиге­ра рабо­та­ют сай­ты сле­ду­ю­щих орга­ни­за­ций:

  • Бла­го­тво­ри­тель­ная орга­ни­за­ция помо­щи детям и взрос­лым с огра­ни­чен­ны­ми воз­мож­но­стя­ми «Шаг навстре­чу»;
  • Челя­бин­ское город­ское обще­ствен­ное дви­же­ние помо­щи онко­боль­ным детям «Искор­ка»;
  • Бла­го­тво­ри­тель­ный фонд «Боль­шая пере­ме­на»;
  • Бла­го­тво­ри­тель­ное бего­вое сооб­ще­ство «Бегу за ОРБИ».

Основные функции Гигера:

  • адап­тив­ный дизайн;
  • пред­уста­нов­лен­ный набор пла­ги­нов на базе WordPress;
  • воз­мож­ность изме­не­ния сти­лей и внеш­не­го вида темы через допол­ни­тель­ные инстру­мен­ты раз­ра­бот­ки (Gulp);
  • встро­ен­ные кноп­ки ико­нок соци­аль­ных сетей: Viber, Telegram, WhatsApp;
  • несколь­ко цве­то­вых схем оформ­ле­ния.
Фрагмент интерфейса настроек Гигера (оформление темы).
Фраг­мент интер­фей­са настро­ек Гиге­ра (оформ­ле­ние темы).

Гигер – инстру­мент для раз­ра­бот­чи­ков. Раз­ра­бот­чи­ки, созда­вая сайт, долж­ны зано­во настра­и­вать инфра­струк­ту­ру про­ек­та, что­бы он рабо­тал. Обыч­ные поль­зо­ва­те­ли об этом не заду­мы­ва­ют­ся. Мы сде­ла­ли попыт­ку закрыть от поль­зо­ва­те­ля тех­ни­че­ские слож­ные дета­ли и создать адап­ти­ру­е­мый кон­струк­тор для любой соци­аль­ной ини­ци­а­ти­вы. Лев Звя­гин­цев

Установка Гигера на Windows

Уста­нов­ка Гиге­ра вклю­ча­ет в себя 5 дей­ствий. Уро­вень слож­но­сти: сред­ний. Подроб­ная инструк­ция для раз­ных типов опе­ра­ци­он­ных систем нахо­дит­ся на стра­ни­це про­ек­та на GitHub.

Пошаговая инструкция по установке Гигер

  1. Вна­ча­ле нуж­но уста­но­вить про­грам­му Vagrant и вир­ту­аль­ную маши­ну VirtualBox. Обра­ти­те вни­ма­ние на путь (место­по­ло­же­ние папок) уста­нов­ки новых про­грамм.
  2. Добавь­те 192.168.13.37 giger.local в файл локаль­ных хостов. Дан­ный файл нахо­дит­ся по адре­су: WINDOWS\system32\drivers\etc\hosts (для Windows XP/2003/Vista/Seven(7)/8).
  3. Создай­те в вашей домаш­ней дирек­то­рии пап­ку про­ек­та и перей­ди­те в нее с помо­щью команд­ной стро­ки.
    Обыч­но поль­зо­ва­те­ли ред­ко исполь­зу­ют команд­ную стро­ку в повсе­днев­ной рабо­те, поэто­му этот пункт счи­та­ет­ся одним из самых труд­ных при уста­нов­ке. Что­бы вызвать команд­ную стро­ку, вам нуж­но зай­ти в меню «Пуск» и в поис­ко­вой стро­ке напи­сать «cmd». Для сме­ны дис­ка и пере­хо­да в нуж­ную пап­ку вам пона­до­бит­ся позна­ко­мить­ся с несколь­ки­ми коман­да­ми.
  4. Кло­ни­руй­те репо­зи­то­рий про­ек­та Гигер (ско­пи­руй­те запись ниже и вставь­те в команд­ную стро­ку): git clone https://github.com/Teplitsa/giger.git . Типич­ная ошиб­ка: поль­зо­ва­тель копи­ру­ет без точ­ки в кон­це.
  5. Запу­сти­те Vagrant коман­дой vagrant up
    Eсли запуск не сра­бо­тал, воз­мож­но, дело в нали­чии кирил­ли­цы в име­ни систем­но­го поль­зо­ва­те­ля, т.к. домаш­няя пап­ка vagrant по умол­ча­нию рас­по­ла­га­ет­ся в ней. Испра­вить это мож­но, создав пап­ку для vagrant (напри­мер: E:\vagrant) и уста­но­вив ее как домаш­нюю пап­ку vagrant, выпол­нить коман­ду set VAGRANT_HOME=E:\vagrant.
  6. Про­верь­те, что сайт отве­ча­ет по адре­су http://giger.local. Вход в адми­ни­стра­тив­ную панель http://giger.local/core/wp-login.php. Логин – giger, пароль – 121121.
Участники митапа. Павел Кочунов (справа), главный редактор A-Time Media. Фото: Мария Борисёнок.
Участ­ни­ки мита­па. Павел Кочу­нов (спра­ва), глав­ный редак­тор A-Time Media. Фото: Мария Бори­сё­нок.

Если вы гото­вы попрак­ти­ко­вать­ся с уста­нов­кой Гиге­ра для обще­ствен­ных орга­ни­за­ций, то при­гла­ша­ем заре­ги­стри­ро­вать­ся на плат­фор­ме IT-волон­тер.

Релиз облег­чен­ной вер­сии Гиге­ра состо­ит­ся осе­нью 2016 года.