Рассмотрим, как сделать калькулятор на сайте wordpress. И поможет нам плагин WPcalc.
Устанавливаем плагин из админки сайта.
После активации появится соответствующий пункт меню, заходим в него и нажимаем «Add new» для создания нового калькулятора.
В текстовое поле вбиваем название будущего калькулятора и жмем «Add new field«, чтобы добавить первое поле.
Первым сделаем числовое поле.
В графе «Title» пишем название и поставив галочку, делаем текст видимым. Выбираем тип поля «input«. В «placeholder» пишем, то что будет подсказкой в пустом поле. В «value» можно установить значение по умолчанию.
Для добавления следующего поля нажимаем на кнопку «Add new field«.
Второе поле будет «Select«, то есть выбор.
В строке «value» выставляем числовое значение, а в «Text» — название. «Selected» дает возможность установить нужную строку по умолчанию. Нажав «Add new value«, добавляется следующий элемент выбора.
Третье поле сделаем чекбокс или радио. Настраиваются они аналогично «Select«, но есть еще выбор расположения элементов — вертикально или горизонтально (Colom или Inline)
И наконец поле «Result» — результат вычислений.
В строке «Formula» пишем формулу расчета такого вида «field_1 * field_2 / field_3«, ну или какую либо другую. В строке «Result» обязательно вставляем {result} и после или перед добавляем единицу измерения.
Теперь поднимаемся вверх и переходим в раздел «Style«.
Здесь мы настраиваем дизайн калькулятора. Я выставил ширину 600, выравнивание сделал по центру, отступы сделал по 10 px, рамку 1 px и установил цвета фона с рамкой.
После всех настроек сохраняем калькулятор, нажав кнопку «Save«.
В разделе «List» появился результат нашего труда. Копируем шорт-код, тот, что в квадратных скобках и вставляем его в страницу или запись.
Нажав «Edit», переходим в режим редактирования, «Delete» — удаление, а кликнув «Duplicate», получаем копию калькулятора.
Вот такой получился калькулятор. Это не скрин, можете потыкать.
Из плюсов — плагин простой и понятный, формулу можно реализовать практически любую. Результатов можно вывести несколько, подставляя не одну формулу, применяя разные поля.
Минусы — в бесплатной версии можно создать не более трех калькуляторов. Редактируя дизайн, результат сразу не увидите, видимо кэшируется.
