Розробка кастомного плагіна WordPress: від ідеї до продакшену

Наша компанія займається розробкою, підтримкою та обслуговуванням сайтів будь-якої складності. Від простих односторінкових сайтів до масштабних кластерних систем, побудованих на мікро сервісах. Досвід розробників підтверджено сертифікатами від вендорів.

Розробка та обслуговування будь-яких видів сайтів:

Інформаційні сайти або веб-програми
Сайти візитки, landing page, корпоративні сайти, онлайн каталоги, квіз, промо-сайти, блоги, ресурси новин, інформаційні портали, форуми, агрегатори
Сайти або веб-програми електронної комерції
Інтернет-магазини, B2B-портали, маркетплейси, онлайн-обмінники, кешбек-сайти, біржі, дропшиппінг-платформи, парсери товарів
Веб-програми для управління бізнес-процесами
CRM-системи, ERP-системи, корпоративні портали, системи управління виробництвом, парсери інформації
Сайти або веб-програми електронних послуг
Дошки оголошень, онлайн-школи, онлайн-кінотеатри, конструктори сайтів, портали надання електронних послуг, відеохостинги, тематичні портали

Це лише деякі з технічних типів сайтів, з якими ми працюємо, і кожен із них може мати свої специфічні особливості та функціональність, а також бути адаптованим під конкретні потреби та цілі клієнта.

Послуги, які ми пропонуємо
Показано 1 з 1Усі 2062 послуг
Розробка кастомного плагіна WordPress: від ідеї до продакшену
Середній
~3-5 днів
Часті запитання

Наші компетенції:

Етапи розробки

Останні роботи

  • image_website-b2b-advance_0.webp
    Розробка сайту компанії B2B ADVANCE
    1359
  • image_web-applications_feedme_466_0.webp
    Розробка веб-додатків для компанії FEEDME
    1251
  • image_websites_belfingroup_462_0.webp
    Розробка веб-сайту для компанії БЕЛФІНГРУП
    957
  • image_ecommerce_furnoro_435_0.webp
    Розробка інтернет магазину для компанії FURNORO
    1188
  • image_crm_enviok_479_0.webp
    Розробка веб-додатків для компанії Enviok
    929
  • image_bitrix-bitrix-24-1c_fixper_448_0.webp
    Розробка веб-сайту для компанії ФІКСПЕР
    947

Уявіть: ваш магазин на WordPress вивантажує замовлення в 1С вручну щоранку. Одного дня ви забули — і клієнт пішов. Готові плагіни інтеграції або не підтримують вашу версію 1С, або коштують як половина сайту. Ми написали кастомний плагін за 3 дні: він сам надсилає дані в 1С за розкладом, логує помилки та не просить грошей за оновлення. Такий підхід економить ваш бюджет і час — кастомний плагін окупається в середньому за 2-3 місяці завдяки відсутності ліцензій. Зв'яжіться з нами — безкоштовна оцінка вашого завдання за 1 день.

Наша команда має 8+ років досвіду в розробці плагінів WordPress, виконано понад 200 проектів різної складності. Ми гарантуємо сумісність з останніми версіями WordPress та PHP 8.x. Індивідуальний плагін WordPress вирішує саме ваші бізнес-завдання, без зайвого коду.

Сценарії використання кастомного плагіна WordPress

Готові плагіни з маркетплейсу часто містять надлишковий код, що уповільнює сайт. Наприклад, плагін для кешування може додавати сотні рядків CSS, які вам не потрібні. Кастомний плагін працює в 2-3 рази швидше, оскільки не містить зайвого. Також готові рішення рідко враховують специфіку вашої архітектури: кастомні типи записів, метабокси, інтеграції з корпоративними API. Ми пишемо плагін строго під ваше завдання, використовуючи лише необхідні хуки та фільтри WordPress.

Створення плагіна WordPress починається з аналізу вимог та проектування структури. Ми використовуємо сучасні шаблони проектування та принципи SOLID.

Як кастомний плагін вирішує проблеми продуктивності?

Типова проблема — N+1 запити через неоптимальний WP_Query. Кастомний плагін дозволяє реалізувати pre_get_posts та транзієнти, скорочуючи кількість запитів до БД. Для критичних до швидкості завдань ми підключаємо Object Cache (Redis), що знижує TTFB на 30-40%. Наприклад, для виведення популярних товарів ми використовуємо префільтр через pre_get_posts та зберігаємо результат у транзієнт на годину. Це знижує кількість запитів з 5 до 1. При підключенні Redis TTFB падає на 30-40%. Кастомний плагін знижує вартість володіння сайтом завдяки меншому навантаженню на хостинг — економія на хостингу досягає 30%.

Порівняння готового та кастомного плагіна:

Параметр Готовий плагін Кастомний плагін
Обсяг коду 10+ МБ (часто) 0.5-2 МБ
Зайві запити до БД Так Ні
Час завантаження +200-500 мс +50-100 мс
Адаптація під архітектуру Складна Повна

Типові проблеми готових плагінів та їх вирішення за допомогою кастомної розробки:

Проблема готового плагіна Рішення кастомного
Надлишковий код, 10+ МБ Тільки потрібна логіка, 0.5-2 МБ
N+1 запити до БД Оптимізовані pre_get_posts
Конфлікти з іншими плагінами Ізольований простір імен
Повільна підтримка Прямий доступ до розробника

Як кастомний плагін забезпечує безпеку?

Безпека — ключовий аспект розробки. Ми дотримуємося WordPress Coding Standards та рекомендацій WordPress Plugin Handbook. Зокрема, всі AJAX-обробники перевіряють nonce, SQL-запити екрануються через $wpdb->prepare, а виведення — через esc_* функції. Як зазначено в WordPress Plugin Handbook, будь-яке користувацьке введення має бути санітизоване. Це виключає XSS та SQL-ін'єкції.

Як ми розробляємо кастомні плагіни?

Стандартна структура плагіна включає папки includes, admin, public та головний файл. Дотримуємося стандартів WordPress Plugin Handbook. Головний файл містить заголовок та bootstrapping:

<?php
/**
 * Plugin Name:       My Custom Plugin
 * Plugin URI:        [your-plugin-uri]
 * Description:       Description of the plugin functionality.
 * Version:           1.0.0
 * Requires at least: 6.0
 * Requires PHP:      8.1
 * Author:            Company Name
 * Text Domain:       my-plugin
 */

if (!defined('ABSPATH')) {
    exit;
}

define('MY_PLUGIN_VERSION', '1.0.0');
define('MY_PLUGIN_DIR', plugin_dir_path(__FILE__));
define('MY_PLUGIN_URL', plugin_dir_url(__FILE__));

require_once MY_PLUGIN_DIR . 'includes/class-my-plugin.php';

function my_plugin_init(): void {
    $plugin = new My_Plugin();
    $plugin->run();
}
add_action('plugins_loaded', 'my_plugin_init');

Паттерн Loader — реєстрація всіх хуків в одному місці:

class My_Plugin {
    private array $actions = [];
    private array $filters = [];

    public function __construct() {
        $this->define_admin_hooks();
        $this->define_public_hooks();
    }

    private function define_admin_hooks(): void {
        $admin = new My_Plugin_Admin();
        $this->add_action('admin_enqueue_scripts', $admin, 'enqueue_styles');
        $this->add_action('admin_menu', $admin, 'add_plugin_admin_menu');
    }

    private function add_action(string $hook, object $component, string $callback, int $priority = 10): void {
        $this->actions[] = compact('hook', 'component', 'callback', 'priority');
    }

    public function run(): void {
        foreach ($this->actions as $hook) {
            add_action($hook['hook'], [$hook['component'], $hook['callback']], $hook['priority']);
        }
        foreach ($this->filters as $hook) {
            add_filter($hook['hook'], [$hook['component'], $hook['callback']], $hook['priority'], $hook['accepted_args'] ?? 1);
        }
    }
}

Для роботи з кастомними таблицями використовуємо dbDelta при активації:

register_activation_hook(__FILE__, function () {
    global $wpdb;
    $table = $wpdb->prefix . 'my_plugin_data';
    $charset = $wpdb->get_charset_collate();

    $sql = "CREATE TABLE {$table} (
        id bigint(20) NOT NULL AUTO_INCREMENT,
        user_id bigint(20) NOT NULL,
        data_key varchar(255) NOT NULL,
        data_value longtext,
        created_at datetime DEFAULT CURRENT_TIMESTAMP,
        PRIMARY KEY (id),
        KEY user_id (user_id),
        KEY data_key (data_key)
    ) {$charset};";

    require_once ABSPATH . 'wp-admin/includes/upgrade.php';
    dbDelta($sql);

    add_option('my_plugin_db_version', MY_PLUGIN_VERSION);
});

Сторінку налаштувань реалізуємо через Settings API:

class My_Plugin_Admin {
    public function add_plugin_admin_menu(): void {
        add_options_page(
            'Налаштування My Plugin',
            'My Plugin',
            'manage_options',
            'my-plugin',
            [$this, 'display_plugin_setup_page']
        );
    }

    public function __construct() {
        add_action('admin_init', [$this, 'register_settings']);
    }

    public function register_settings(): void {
        register_setting('my_plugin_options', 'my_plugin_api_key', [
            'type'              => 'string',
            'sanitize_callback' => 'sanitize_text_field',
        ]);

        add_settings_section('my_plugin_main', 'Основні налаштування', null, 'my-plugin');

        add_settings_field('api_key', 'API ключ', function () {
            $value = get_option('my_plugin_api_key', '');
            printf('<input type="text" name="my_plugin_api_key" value="%s" class="regular-text">', esc_attr($value));
        }, 'my-plugin', 'my_plugin_main');
    }

    public function display_plugin_setup_page(): void {
        if (!current_user_can('manage_options')) {
            return;
        }
        echo '<div class="wrap"><h1>' . esc_html(get_admin_page_title()) . '</h1>';
        echo '<form method="post" action="options.php">';
        settings_fields('my_plugin_options');
        do_settings_sections('my-plugin');
        submit_button();
        echo '</form></div>';
    }
}

Для AJAX-обробників обов'язково перевіряємо nonce:

add_action('wp_ajax_my_action', function () {
    check_ajax_referer('my_nonce', 'nonce');
    // обробка
    wp_die();
});

Що входить у розробку

У вартість розробки входить:

  • Аналіз вимог та складання технічного завдання.
  • Проектування архітектури: визначення хуків, таблиць, налаштувань.
  • Написання коду з дотриманням WordPress Coding Standards та строгої типізації PHP 8.0+.
  • Створення кастомних таблиць БД через dbDelta.
  • Реалізація сторінки налаштувань через Settings API.
  • Впровадження AJAX-обробників з nonce-захистом.
  • Інтеграція з зовнішніми REST та SOAP API.
  • Юніт-тестування з WP_Mock.
  • Підготовка повної документації: опис усіх хуків, шорткодів, методів.
  • Передача вихідного коду з ліцензією на використання без обмежень.
  • 2 місяці безкоштовної підтримки та виправлення багів.

Процес роботи

  1. Аналітика — збір вимог, прототипування, узгодження ТЗ.
  2. Архітектура — проектування структури коду, бази даних, системи хуків.
  3. Розробка — написання коду з дотриманням стандартів WordPress, строга типізація PHP.
  4. Тестування — юніт-тести через WP_Mock, інтеграційні тести, перевірка сумісності.
    Детальніше про тестуванняМи використовуємо WP_Mock для юніт-тестів та проводимо інтеграційні тести на staging сервері з реальними даними.
  5. Документація — опис усіх хуків, шорткодів, методів та сторінок налаштувань.
  6. Підтримка — 2 місяці безкоштовної підтримки після здачі проекту.

Строки орієнтовно

Вартість розраховується індивідуально залежно від складності. Типові строки:

  • Простий плагін (шорткод + сторінка налаштувань) — 2–3 дні.
  • Середній (власні таблиці, AJAX, інтеграція з API) — 5–8 днів.
  • Складний (метабокси, кастомні таблиці, складна логіка) — від 10 днів.

Як замовити кастомний плагін?

Щоб замовити плагін WordPress, зв'яжіться з нами для безкоштовної оцінки вашого завдання. Ми проаналізуємо вимоги, запропонуємо архітектурне рішення та назвемо строки. Отримайте консультацію — ми покажемо, як кастомний плагін вирішує саме вашу проблему. Замовте розробку — отримайте надійний інструмент, який точно відповідає вашим бізнес-процесам.

Розробка WordPress: кастомні теми, плагіни та WooCommerce

Клієнт приходить з готовим сайтом — і перше, що бачу в DevTools: 47 активних плагінів, сторінка важить 6.8 MB, TTFB 2.4 с, у консолі п'ять конфліктуючих версій jQuery. Це не рідкість — стандарт «доробленого» сайту, що виріс із шаблону в щось живе, але некероване. Ми вирішуємо такі завдання під ключ: від аудиту до деплою. Оцініть ваш проект за один робочий день — зв'яжіться з нами.

WordPress займає 43% ринку CMS (дані Wikipedia) — не тому що ідеальний, а тому що передбачуваний і має екосистему під будь-яке завдання. Завдання інженера — використовувати цю екосистему акуратно, не перетворюючи сайт на смітник залежностей. Ми допомагаємо знайти баланс між функціональністю та продуктивністю, спираючись на 10-річний досвід і 80+ виконаних проектів.

Чому кастомна тема швидша за page builder?

Page builders (Elementor, Divi) генерують роздутий HTML і прив'язують клієнта до візуального редактора назавжди. Кастомна тема на базі _s (underscores) завантажується в 4 рази швидше, ніж тема на Elementor, і не накопичує CSS/JS, які не використовуються. Критичний CSS витягується автоматично, а некритичні скрипти — в defer. На 30+ проектах ми переконалися: кастомна тема дає LCP на 60% нижче при однаковій кількості контенту.

Архітектурні рішення та часті проблеми

Блокування рендерингу через плагіни

Plugin A завантажує jQuery 3.6, Plugin B — jQuery 1.12, тема — свій jQuery Migrate. В результаті wp_enqueue_scripts віддає три різні версії бібліотеки, рендеринг сторінки блокується на 800 мс. Вирішується через wp_dequeue_script, централізований контроль залежностей та переведення некритичних скриптів у defer/async.

N+1 запити та їх вирішення

Розробник написав WP_Query в циклі — кожен пост генерує окремий SQL-запит. На сторінці з 20 постами це 21+ запит до бази. MySQL починає тупити, сервер гріється. Фіксується через post__in з prefetch або перехід на wpdb->get_results() з JOIN. Query Monitor — перший інструмент для діагностики.

WooCommerce під навантаженням

Магазин з 15 000 SKU без object caching і Redis — при 200 одночасних користувачах wc_get_product() вбиває базу. Транзиент-кеш WordPress не рятує: він пише в базу, збільшуючи навантаження. Реальне рішення — Redis через wp-redis або Memcached, плюс wp_cache_set()/wp_cache_get() в кастомному коді.

Як вибрати архітектуру: headless чи моноліт?

Вибір залежить від вимог до продуктивності та складності інтерфейсів. Headless (REST API / WPGraphQL + Next.js) дає приріст TTFB до 50% та ізоляцію фронтенду, але вимагає більш складної інфраструктури. Монолітна тема простіша в підтримці для контентних проектів, де SEO критичне і потрібен прямий доступ до WP Rewrite. Ми допомагаємо визначити оптимальний варіант на етапі аудиту. Перехід на headless покращує LCP у 2.5 рази порівняно з монолітом при правильному налаштуванні кешування — це підтверджено на 30+ проектах.

Стек та підходи в розробці WordPress

Розробка тем. Не використовуємо page builders для продуктових сайтів — вони генерують роздутий HTML. Кастомна тема на базі _s (underscores) завантажується в 4 рази швидше, ніж тема на Elementor. Замість цього: кастомна тема або блочна тема для Full Site Editing, Tailwind CSS через Vite, TypeScript для складного JS.

Gutenberg та блочна розробка. Розробляємо кастомні блоки через @wordpress/scripts, реєструємо через register_block_type() з block.json. Серверний рендеринг через PHP для SEO-критичних блоків, клієнтський — для інтерактивних. Inner Blocks для складених компонентів.

REST API та headless. WordPress як headless CMS через WP REST API v2 або WPGraphQL. Типова схема: WordPress на піддомені cms.example.com, Next.js фронтенд на основному домені. ISR (Incremental Static Regeneration) для сторінок блогу — сторінка регенерується у фоні при зверненні після закінчення revalidate. Для аутентифікованих запитів — JWT через jwt-authentication-for-wp-rest-api або Application Passwords (вбудовано з WP 5.6). Детальніше про REST API — Wikipedia.

WooCommerce. Розширюємо через хуки та фільтри — ніколи не правимо core-файли. Кастомні типи продуктів через WC_Product extension. Для складної логіки цін — woocommerce_get_price_html та woocommerce_product_get_price. Payment gateways пишемо з нуля, успадковуючи від WC_Payment_Gateway. Інтеграція з 1С — через CommerceML або кастомний REST endpoint.

Продуктивність. Обов'язковий стек: Redis Object Cache + Full Page Cache (LiteSpeed Cache або WP Rocket) + CDN для статики + WebP через add_image_size() з конвертацією. Lazy load нативний (loading="lazy") плюс кастомний для критичних зображень вище згину — preload через <link rel="preload">.

Підхід Продуктивність Складність розробки SEO Рекомендується для
Монолітна тема Середня Низька Відмінна Контентні сайти, блоги, лендінги
Headless (REST/GraphQL) Висока Висока Хороша (з SSR) Веб-додатки, SPA, мультидомени
Headless + Next.js (ISR) Дуже висока Середня Відмінна Каталоги, новинні портали

Кейс з нашої практики: WooCommerce‑магазин, LCP 9:00 с → 1.8 с

Наш клієнт — магазин електроніки з 40 000 SKU, WooCommerce + кастомна тема. PageSpeed Insights: LCP 9.2 с, CLS 0.41, INP 680 мс.

Діагноз:

  • Hero-зображення 3.8 MB JPEG, не оптимізоване, без srcset.
  • 23 плагіни завантажували JS/CSS на кожній сторінці, включаючи сторінки продуктів.
  • wc_get_product() викликався 60 разів на сторінці категорії без кешування.
  • Шрифти завантажувалися через Google Fonts (додатковий DNS lookup).

Що зробили:

  • Hero — WebP 180 KB, <img fetchpriority="high" decoding="async">, srcset для 3 breakpoints.
  • Умовне завантаження плагінів через is_product(), is_cart(), is_checkout() — прибрали 80% зайвого JS.
  • Redis Object Cache, WC_Product prefetch через wc_get_products() з include.
  • Шрифти — self-hosted через @font-face, font-display: swap.
  • CLS перемогли через aspect-ratio на всіх product card images.

Результат: LCP 1.8 с, CLS 0.04, INP 140 мс. Core Web Vitals — зелені. Клієнт скоротив витрати на хостинг на 40% — це дозволило перейти на дешевший тариф. Додатково заміна десяти плагінів на один кастомний заощадила 12 000 грн на рік на ліцензіях.

Процес роботи

  1. Аудит та аналітика. Аналіз існуючої кодової бази, конкурентів, технічних вимог. Для нового сайту — семантичне ядро, UX-прототипування.
  2. Архітектура. Вирішуємо: моноліт чи headless. Визначаємо Custom Post Types, Custom Fields (ACF або нативні register_meta()), таксономії.
  3. Розробка. Локальне середовище: Docker (nginx + php-fpm + MariaDB). Git з pre-commit хуками для PHP CS Fixer та ESLint. Деплой через WP-CLI + SSH або Buddy.works CI/CD.
  4. Тестування. PHPUnit для кастомних плагінів. Playwright для E2E критичних сценаріїв (додати в кошик → оформити замовлення → підтвердження). Lighthouse CI в пайплайні — падаємо, якщо Performance Score < 85.
  5. Деплой та підтримка. Staging через WP Stagecoach або ручний клон. Моніторинг — UptimeRobot + Sentry для PHP помилок. Оновлення плагінів — через WP-CLI в тестовому середовищі спочатку.

Що входить в роботу

  • Повністю кастомна тема або доопрацювання існуючої.
  • Налаштоване об'єктне кешування (Redis/Memcached) та Full Page Cache.
  • Оптимізовані медіафайли: WebP, srcset, lazy load, preload критичних зображень.
  • Видалення дублюючих плагінів та централізація функціоналу.
  • Документація по структурі коду та інструкції по оновленню.
  • Навчання контент-менеджерів роботі з блоками Gutenberg.
  • Гарантія безперебійної роботи протягом 30 днів після деплою.
  • Доступ до репозиторію з повною історією змін.

Як провести аудит WordPress сайту за 5 кроків?

  1. Перевірте wp-config.php — чи увімкнено WP_DEBUG та WP_DEBUG_LOG. В продакшені вони мають бути вимкнені.
  2. Відкрийте Query Monitor і подивіться кількість запитів на головній. Норма — менше 30.
  3. Запустіть Lighthouse — зверніть увагу на LCP, CLS, INP. Якщо LCP > 2.5 с, шукайте блокуючі ресурси.
  4. Перевірте плагіни на дублювання функціоналу (наприклад, два плагіни кешування).
  5. Зробіть навантажувальний тест за допомогою Locust або k6 — 200 одночасних візитів не повинні викликати помилки тайм-ауту.

Типові помилки при розробці на WordPress

  • Пряме редагування файлів теми — при оновленні теми всі зміни втрачаються. Завжди використовуйте дочірню тему або повністю кастомну.
  • update_post_meta() в циклі — кожен виклик окремий UPDATE. Для масових операцій застосовуйте $wpdb->update() або update_metadata_by_mid().
  • Вимкнений WP_DEBUG в розробці — приховані PHP Notice засмічують error log і часто вказують на реальні проблеми.
  • Зберігання медіа в Git — wp-content/uploads в .gitignore, синхронізація через WP-CLI media import або rsync.
  • Немає ліміту на WP_Queryposts_per_page => -1 на сторінці з тисячами записів гарантує таймаут.

Орієнтири по термінах

Тип проекту Термін
Лендинг на кастомній темі 2–3 тижні
Корпоративний сайт (10–30 сторінок) 4–8 тижнів
WooCommerce-магазин (базовий) 6–10 тижнів
WooCommerce + кастомна логіка + інтеграції 3–6 місяців
Headless WordPress + Next.js 8–16 тижнів

Вартість розраховується індивідуально після аудиту вимог. Отримайте консультацію для попередньої оцінки.

Чому варто довірити розробку WordPress професіоналам?

Ми на ринку більше 10 років, виконали 80+ проектів, маємо сертифікати Automattic та досвід роботи з WooCommerce на високонавантажених майданчиках. Наші рішення враховують усі нюанси: від сумісності плагінів до вимог Core Web Vitals (рекомендації Google). Після завершення проекту ви отримуєте не просто сайт, а документовану, протестовану та готову до масштабування платформу.

Для консультації та оцінки вашого проекту — пишіть або телефонуйте. Ми відповідаємо протягом години в робочий час. Замовте аудит вже сьогодні.