php скрипт в элементор

Вопрос или проблема

<?php

//если кнопка отправки нажата, следуйте логике для вставки записи
if (isset($_POST['submit'])) {

    $insert_value = 1;

    //установите соединение с базой данных
    $conn = mysqli_connect('localhost', 'myuser', 'mypassword', 'motordata');    

    //подготовленное выражение для вставки записи
    $stmt_insert_record = $conn->prepare("INSERT INTO MotorOn (command) VALUES (?)");
    $stmt_insert_record->bind_param("i", $insert_value);
    $stmt_insert_record->execute();
    $stmt_insert_record->close();
}
?>

<!-- Форма, которая будет отправлена на адрес документа, т.е. на ту же страницу-->
<form method="post">
    <input type="submit" value="Shutdown" style="background-color: red;">
</form>

Ответ или решение

Для того чтобы добавить PHP-скрипт в Elementor, важно понимать, что сам редактор Elementor не поддерживает вставку PHP-кода напрямую через его интерфейс. Вместо этого вам потребуется использовать шорткоды и файл functions.php вашей темы или создать собственный плагин.

Шаг 1: Найдите файл functions.php

Файл functions.php можно найти следующим образом:

1. Войдите в админку вашего WordPress-сайта.
2. Перейдите в меню «Внешний вид» → «Редактор тем» (или «Theme Editor»).
3. В правом боковом меню выберите файл functions.php.

Шаг 2: Создайте шорткод

Вам нужно будет добавить код для создания шорткода в файл functions.php. Вот пример кода, который вы можете вставить:

function motor_on_shortcode() {
    ob_start(); // Начать буферизацию вывода 
    ?>
    <form method="post">
        <input type="submit" name="submit" value="Shutdown" style="background-color: red;">
    </form>
    <?php
    // Если кнопка отправки нажата
    if (isset($_POST['submit'])) {
        $insert_value = 1;

        // Создание подключения к базе данных
        $conn = mysqli_connect('localhost', 'myuser', 'mypassword', 'motordata');

        // Подготовленный запрос для вставки записи
        $stmt_insert_record = $conn->prepare("INSERT INTO MotorOn (command) VALUES (?)");
        $stmt_insert_record->bind_param("i", $insert_value);
        $stmt_insert_record->execute();
        $stmt_insert_record->close();

        // Закрыть соединение
        mysqli_close($conn);
    }
    return ob_get_clean(); // Возвращаем содержимое буфера
}
add_shortcode('motor_on', 'motor_on_shortcode');

В этом коде мы создали функцию motor_on_shortcode(), которая будет обрабатывать форму и выполнение запроса к базе данных.

Шаг 3: Используйте шорткод в Elementor

После добавления шорткода в файл functions.php вы можете использовать его в Elementor:

1. Создайте или отредактируйте страницу с помощью Elementor.
2. Найдите виджет «Шорткод» в панели редактора.
3. Перетащите его на страницу и введите [motor_on] в текстовое поле.

Альтернативный подход: Создание собственного плагина

Рекомендуется также рассмотреть возможность создания собственного плагина для обработки данных формы. Это обеспечит большую гибкость и безопасность, а также упростит процесс обновления темы.

1. Создайте новую папку в каталоге wp-content/plugins, например, motor-on-plugin.
2. Создайте файл с названием motor-on-plugin.php в этой папке и добавьте в него заголовок плагина:

<?php
/*
Plugin Name: Motor On Plugin
Description: Plugin for Motor On feature.
Version: 1.0
Author: Ваше Имя
*/

3. Вставьте функцию шорткода, аналогичную вышеуказанной, в этот файл.
4. Активируйте плагин в разделе «Плагины» вашего WordPress.

Заключение

Следуя этим инструкциям, вы сможете интегрировать PHP-код в ваши страницы Elementor, используя шорткоды. Используйте файл functions.php для простых решений или создайте собственный плагин для более сложных задач. Это позволит вам не только поддерживать код в чистоте, но и упростит последующие обновления.