Кейс

Slesar3D — сайт мастерской 3D-моделирования и FDM-печати

Сайт мастерской 3D-печати на кастомной блочной теме WordPress (FSE): лендинги услуг, портфолио на CPT, форма заявки с загрузкой STL/STEP/3MF, встроенный SEO-модуль и воспроизводимый деплой.

Дизайн, разработка блочной темы и плагина заявок, контент, SEO, деплой 2026
Slesar3D — сайт мастерской 3D-моделирования и FDM-печати

Какую задачу решал проект.

Инженерная услуга продаётся иначе, чем обычный товар: клиент не всегда может сформулировать задачу словами — у него есть фото, эскиз, сломанная деталь или готовый CAD-файл. Сайт должен подсказать сценарий и собрать достаточно данных для оценки: загрузить файл, описать размеры и требования. При этом владелец — инженер, а не верстальщик: контент (кейсы, статьи, материалы) должен редактироваться в админке без кода.

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

Ограничения и требования
  • Спроектировать структуру под три сценария клиента: идея, готовый файл, сломанная деталь.
  • Разработать кастомную блочную тему на FSE: theme.json, паттерны, шаблоны — без страниц-конструкторов.
  • Сделать портфолио на CPT «Проекты» с архивом /portfolio и таксономией типов.
  • Реализовать форму заявки с загрузкой STL/STEP/STP/3MF, изображений и PDF до 20 МБ.
  • Защитить форму от спама: nonce, honeypot, rate-limit, проверка реального MIME-типа.
  • Встроить SEO-базу: мета-теги, Open Graph, Twitter Card, schema.org ProfessionalService.
  • Обеспечить воспроизводимый деплой: bin-скрипты установки и git-репозиторий.

Результат

Живой сайт slesar3d.ru: лендинги услуг, портфолио из шести реальных изделий, справочник материалов, блог и рабочая форма заявки с приёмом CAD-файлов. Контент редактируется в админке, SEO-база встроена в тему, установка на новое окружение повторяема из репозитория.

Решение

Как устроена архитектура.

Кастомная блочная тема (FSE) + CPT «Проекты» + собственный плагин заявок. Ни одного конструктора страниц: контент собирается из паттернов и редактируется в редакторе сайта.

Блочная тема на FSE

Тема написана с нуля: theme.json с дизайн-токенами (тёмная палитра, типографика, отступы), паттерны для всех секций главной — hero, сценарии, услуги, процесс из пяти шагов, материалы, оборудование. Шаблоны лендингов услуг в templates/.

Портфолио на CPT «Проекты»

register_post_type('project') с архивом /portfolio, таксономией project_type и поддержкой миниатюр и кастомных полей. Каждая карточка — фотографии изделия, задача, материал и параметры печати.

Плагин slesar3d-leads

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

Инженерные файлы и безопасность

Приём STL/STEP/STP/3MF, JPG/PNG/WEBP и PDF до 20 МБ: whitelist расширений, проверка реального MIME-типа, nonce, honeypot-поле и rate-limit по HMAC-хэшу IP с солью wp_salt.

SEO-модуль в теме

inc/seo.php отдаёт description, Open Graph и Twitter Card; JSON-LD ProfessionalService с реквизитами ИП. OG-изображение 1200×630 готовит скрипт подготовки сайта.

Воспроизводимый деплой

bin-скрипты: preinstall создаёт базу, setup наполняет страницы, меню и демо-портфолио, verify проверяет окружение. Локально — Open Server (PHP 8.4 + MySQL), в проде — те же файлы через git.

Экраны

Сайт в работе.

Главная страница Slesar3D — услуги 3D-моделирования и FDM-печати

Главная страница Slesar3D — услуги 3D-моделирования и FDM-печати

Лендинг услуги 3D-печати на заказ — Slesar3D

Лендинг услуги 3D-печати на заказ — Slesar3D

Страница услуги 3D-моделирования в FreeCAD — Slesar3D

Страница услуги 3D-моделирования в FreeCAD — Slesar3D

Архив портфолио проектов мастерской — Slesar3D

Архив портфолио проектов мастерской — Slesar3D

Карточка проекта «Шаровый шарнир с защёлкой и зажимной гайкой» — Slesar3D

Карточка проекта «Шаровый шарнир с защёлкой и зажимной гайкой» — Slesar3D

Справочник материалов и технологий печати — Slesar3D

Справочник материалов и технологий печати — Slesar3D

Блог Slesar3D о CAD-моделировании и производстве

Блог Slesar3D о CAD-моделировании и производстве

Форма заявки с загрузкой STL/STEP/STP/3MF — Slesar3D

Форма заявки с загрузкой STL/STEP/STP/3MF — Slesar3D

Мобильная версия главной страницы Slesar3D

Мобильная версия главной страницы Slesar3D

Итог

Что получила мастерская.

Сайт, который объясняет процесс инженерной работы и собирает заявки с файлами: от первой формулировки до готовой детали.

Кастомная FSE-тема

без конструкторов страниц

theme.json, паттерны, шаблоны — весь контент редактируется в админке без кода.

STL·STEP·3MF

CAD-файлы в форме заявки

До 20 МБ плюс изображения и PDF. Whitelist расширений и проверка реального MIME.

3 уровня

защиты формы заявки

nonce, honeypot и rate-limit по HMAC-хэшу IP с солью wp_salt.

0 плагинов

сторонних для SEO

Мета, Open Graph, Twitter Card и schema.org ProfessionalService — в коде темы.