Здравствуйте, на связи Фёдор Васильев, я специалист по WordPress. Сегодня начинаем большой путь: мы приступили к разработке собственного продукта — доска объявлений WordPress для российского рынка. Это будет плагин вместе с темой, из которых за один вечер собирается полноценный портал объявлений: со своими категориями, фильтрами, городами и личными кабинетами.
Эта статья — первая в серии. Дальше я буду показывать разработку изнутри: что уже работает, что переделывалось по три раза и почему, какие решения оказались удачными, а какие пришлось выбросить.
Зачем ещё одна доска объявлений на WordPress
Готовые решения обычно упираются в одно и то же. Либо это жёсткая витрина под конкретную тематику, где нельзя поменять поля объявления. Либо наоборот — универсальный конструктор, в котором до первого объявления нужно неделю всё настраивать вручную: создавать поля, заводить города, придумывать фильтры.
Мы идём другим путём. Ядро продукта — универсальная доска объявлений без единого намёка на тематику. А тематика приезжает отдельным демо-пакетом и ставится одной кнопкой.
Демо-пакеты: тематика в один клик
Это, пожалуй, главная идея всего продукта. Вы ставите плагин и в настройках видите плитки с готовыми тематиками. Нажали — и через минуту у вас работающий сайт с наполнением.
Что приносит с собой один такой пакет:
- справочники городов и регионов России — со всеми областями, краями и республиками;
- тематические справочники: породы, марки автомобилей, типы жилья — в зависимости от пакета;
- поля объявления: цвет, размер, состояние, мощность, площадь — что нужно именно этой тематике;
- типы объявлений и типы продавцов;
- готовые объявления с фотографиями, чтобы сайт не выглядел пустым;
- системные страницы: каталог, личный кабинет, избранное, подача объявления.
Передумали — удалили демо-данные одной кнопкой, и доска снова чистая и универсальная, будто её ставили под любую другую задачу.
Какие пакеты планируются
- Животные — питомцы, породы, возраст, документы, прививки, вязка, потеряшки.
- Автомобили — марки, модели, год, пробег, коробка, состояние.
- Недвижимость — тип жилья, комнаты, площадь, этаж, район.
- Работа и услуги — сфера, занятость, опыт, формат работы.
Список будет расти. Причём собрать свой пакет сможет любой: это папка с несколькими файлами данных, никакого программирования.
Что уже сделано
Работа идёт не с чистого листа — часть продукта уже живёт и проверена на реальном сайте.
Каталог и поиск
- Каталог с колонкой фильтров: цена, город, порода, возраст, произвольные поля — с подсчётом количества у каждого значения.
- Умный поиск, который прощает опечатки. Наберите «офчар» — найдёт овчарку, «шитцу» — ши-тцу, «ульянофск» — Ульяновск.
- Выбор города двумя уровнями: сначала регионы, потом города внутри. Выбранный город фильтрует весь сайт.
- Первый экран с крупной полосой поиска и вкладками по типам объявлений.
Произвольные поля
Одна из самых важных вещей. Вы создаёте поле один раз — например, «Окрас» со списком значений, — и оно само появляется везде: в форме подачи объявления, в карточке каталога, в самом объявлении и фильтром в боковой колонке. Никакого дублирования настроек.
Изображения
- Автоматический перевод загруженных фотографий в формат WebP — страницы грузятся ощутимо быстрее.
- Кадрирование под единую пропорцию, чтобы карточки в каталоге были ровными.
- Водяной знак: загружаете картинку, перетаскиваете её мышью прямо по фотографии — и знак встаёт так на всех новых загрузках.
Конструктор страниц
Главная и любые другие страницы собираются блоками в редакторе WordPress: поиск первого экрана, лента объявлений, промо-баннер, каталог. Блоки перетаскиваются, у каждого свои настройки. Кто работает в классическом редакторе — все блоки доступны шорткодами.
Реклама
Отдельная система рекламных мест: над каталогом, под ним, в колонке фильтров, внутри объявления и — самое интересное — прямо в сетке объявлений. Рекламный баннер встаёт между карточками, занимает ровно место одного объявления и не ломает ряд. С фоном, заголовком, текстом и кнопкой — или просто картинкой, как захотите.
Мелочи, которые заметны
- Собственные экраны входа и восстановления пароля — посетитель никогда не попадёт на служебную страницу WordPress.
- Красивые письма в дизайне сайта вместо голого текста по умолчанию.
- Страница 404 и окно «нет интернета» в едином стиле.
- Индикатор загрузки — несколько видов на выбор.
- Защита форм от спама без капчи: невидимая ловушка и ограничение попыток.
- Мобильная версия, продуманная отдельно: окна раскрываются во весь экран, как в приложении.
Как будут выходить версии
Разработку веду поэтапно и открыто. Порядок выпусков привычный для больших продуктов:
- Альфа — обкатка архитектуры. Функции появляются и меняются, что-то может ломаться. Версия для смелых и для меня.
- Бета — набор возможностей зафиксирован, идёт отлов ошибок на реальных сайтах.
- Кандидат в релиз — правим только критичное, новое не добавляем.
- Стабильная версия — то, что можно спокойно ставить на боевой сайт.
О каждом этапе буду рассказывать отдельно: что вошло, что перенесено и почему.
Публичный демо-сайт
Чуть позже я подниму открытый демонстрационный сайт. Там можно будет не только посмотреть витрину, но и войти в админку и потрогать настройки руками: поставить демо-пакет, создать свои поля, собрать страницу из блоков, поменять палитру.
Так гораздо честнее, чем красивые скриншоты: сразу видно, удобно вам с этим работать или нет. Адрес и доступы дам отдельной публикацией.
Доска объявлений WordPress: Что в работе прямо сейчас
- Форма подачи объявления на сайте — с загрузкой фотографий и полями, которые вы сами создали.
- Личный кабинет: свои объявления, статистика, роль продавца — частное лицо, заводчик, магазин.
- Переписка между покупателем и продавцом.
- Карты в объявлении и в каталоге.
- Переключатель вида каталога: сеткой и списком.
Следите за продолжением
Это только начало. В следующих статьях покажу подробнее, как устроены демо-пакеты изнутри, как работает конструктор страниц и почему доска объявлений для России требует отдельного внимания к городам и регионам.
Подписывайтесь на новости — буду держать вас в курсе разработки и показывать результат на каждом этапе, а не только готовый продукт в конце. Вопросы и пожелания пишите в комментариях: часть из них наверняка попадёт прямо в план работ. А сейчас пока можете посмотреть на наш каталог готовых расширений для WordPress.