Как добавить автоматическое сохранение записей в WordPress: практическое руководство

Автоматическое сохранение записей (autosave) — одна из важных функций, позволяющая избежать потери данных при создании или редактировании контента в WordPress. Несмотря на встроенный механизм автосохранения в WordPress, иногда требуется реализовать собственные решения для кастомных типов записей, метаполей или при работе с нестандартными редакторами. В этой статье мы подробно рассмотрим, как добавить и настроить автоматическое сохранение записей с помощью собственного кода и рекомендуемых плагинов.

Почему стандартное автосохранение WordPress может быть недостаточным

WordPress по умолчанию сохраняет черновики автоматически каждые 60 секунд при редактировании записи через классический редактор или Gutenberg. Однако этот механизм имеет ограничения:

Не всегда корректно работает с кастомными полями и мета-боксами.
Не сохраняет данные в нестандартных формах или в AJAX-интерфейсах.
Не подходит для некоторых сложных кастомных типов контента.

Поэтому разработчикам часто приходится создавать собственные решения автосохранения, особенно для сложных проектов.

Основы создания механизма автосохранения в WordPress

Чтобы реализовать автоматическое сохранение, нужно использовать AJAX-запросы, которые периодически будут отправлять данные на сервер и сохранять их как черновик или временную версию. Основные шаги:

Создать JavaScript-код, который будет отслеживать изменения и запускать AJAX-запросы.
Добавить PHP-обработчик для сохранения данных.
Обеспечить безопасность запросов с помощью nonce.
Синхронизировать сохранённые данные с интерфейсом пользователя.

Пример JavaScript-кода для вызова AJAX

jQuery(document).ready(function($) {
    let timer;
    $('#post').on('input change', function() {
        clearTimeout(timer);
        timer = setTimeout(function() {
            const data = {
                action: 'wpone_autosave',
                post_id: $('#post_ID').val(),
                content: $('#content').val(),
                _wpnonce: wpone_autosave_params.nonce
            };
            $.post(wpone_autosave_params.ajax_url, data, function(response) {
                if(response.success) {
                    console.log('Автосохранение выполнено');
                } else {
                    console.log('Ошибка автосохранения');
                }
            });
        }, 3000); // Сохраняем через 3 секунды после последнего изменения
    });
});

В этом примере используется задержка в 3 секунды для уменьшения нагрузки на сервер. Параметры ajax_url и nonce передаются из PHP с помощью wp_localize_script.

PHP-обработчик для сохранения данных

add_action('wp_ajax_wpone_autosave', 'wpone_autosave_handler');
function wpone_autosave_handler() {
    check_ajax_referer('wpone_autosave_nonce', '_wpnonce');

    $post_id = intval($_POST['post_id']);
    $content = wp_kses_post($_POST['content']);

    if (!current_user_can('edit_post', $post_id)) {
        wp_send_json_error('Нет прав на редактирование');
    }

    $post_data = [
        'ID'           => $post_id,
        'post_content' => $content,
        'post_status'  => 'draft', // сохраняем как черновик
    ];

    $updated = wp_update_post($post_data, true);

    if (is_wp_error($updated)) {
        wp_send_json_error($updated->get_error_message());
    }

    wp_send_json_success('Сохранено');
}

Этот код проверяет nonce, права пользователя и обновляет содержимое записи, сохраняя её как черновик.

Автоматическое сохранение кастомных полей

Если у вас есть кастомные поля (метаполя), которые нужно сохранять вместе с контентом, их тоже можно обрабатывать в AJAX-запросе. Например, если у записи есть поле «_wpone_custom_meta»:

// В JS добавьте сбор данных метаполя
const customMetaValue = $('#wpone_custom_meta').val();
data.custom_meta = customMetaValue;

// В PHP обработчике добавьте сохранение мета
if (isset($_POST['custom_meta'])) {
    update_post_meta($post_id, '_wpone_custom_meta', sanitize_text_field($_POST['custom_meta']));
}

Такой подход позволяет сохранять все необходимые данные без перезагрузки страницы.

Использование плагинов для расширенного автосохранения

Если вы хотите быстро добавить расширенное автосохранение без написания кода, можно воспользоваться плагинами:

Clearfy Pro — имеет опции для улучшения автосохранения и оптимизации работы редактора.
WPRemark — позволяет создавать кастомные интерфейсы с поддержкой автосохранения.

Эти плагины помогут не только добавить автосохранение, но и улучшить производительность и UX вашего сайта.

Итог

Автоматическое сохранение записей — важный элемент удобства работы с WordPress. При стандартных задачах встроенный механизм подходит, но для сложных кастомных решений лучше создавать собственные системы с использованием AJAX и безопасных серверных обработчиков. Используйте приведённые примеры кода и рекомендации, чтобы настроить автосохранение под свои нужды.

Как добавить автоматическое сохранение записей в WordPress