Статьи

Создание отзывчивых графиков в реальном времени в WordPress: функции и данные

В первой части этой серии мы рассмотрели основы настройки пользовательских функций WordPress. Вот краткий обзор шагов, если вы пропустили:

  1. Мы установили плагин Flot для WordPress
  2. Мы загрузили файл custom-workout.php в папку плагина ( получите файлы ресурсов ).
  3. Мы сказали WordPress, где найти файл custom-workout.php с помощью include (); вызов

В этой части мы рассмотрим эти шаги в трех разделах:

  1. Создание пустого поста с шорткодом-заполнителем
  2. Рассказывая WordPress о вашем шорткоде
  3. Создание таблицы базы данных для сбора данных

Для некоторых из вас это будет очень сложное учебное пособие — таблицы базы данных, как правило, являются серьезным источником страха и отвращения для новичков. Но не парься. Я расскажу вам, как создать новую таблицу только для этих данных, чтобы вам не пришлось беспокоиться о взломе вашего текущего сайта WordPress. С этим, как говорится, давайте катиться!

Шаг 1: создайте пустую запись

Теперь один из самых простых шагов этого процесса! Перейдите в «Посты»> «Добавить новый» и создайте пост под названием «Отжимания» или что угодно. В теле добавьте только следующий код:

[sourcecode language = ”html”]

[Pushups_sc]

[/исходный код]

Вы только что добавили шорткод в свой пост, который мы назовем и определим позже. Когда вы нажимаете «Опубликовать» и просматриваете сообщение, он покажет этот шорткод в виде точного текста «[pushups_sc]». Этого следовало ожидать.

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

Шаг 2. Создание функции и шорткода

Этот шаг — больше, чем просто получение опыта, но он важен, если вам необходимо устранить неполадки позже. Откройте этот пустой файл custom-workout.php в области «Плагины»> «Редактор». Мы собираемся создать нашу первую функцию и зарегистрировать шорткод, чтобы вы могли увидеть, как работает этот процесс.

Открыв пустой файл custom-workout.php, вставьте следующий код:

[sourcecode language = ”php”]

<? PHP

функция pushups () {

echo ‘<h1> Pushups </ h1>’;

};

add_shortcode (‘pushups_sc’, ‘pushups’);

?>

[/исходный код]

Сохраните его (или загрузите в свою папку wp-content / plugins / flot-for-wp / flot, заменив пустой файл, который мы добавили ранее). Теперь перейдите и обновите созданный нами пост «Добавить отжимания». Вы увидите, что «[pushups_sc]» был заменен кодом <h1> Pushups </ h1>, который мы вставили в функцию!

Если он все еще показывает шорткод [pushups_sc], то вам нужно проверить свой код и пути к файлам. Вам также может понадобиться отключить ваш WP-кэш в разделе «Настройки» на панели инструментов WordPress. Наконец, вам, возможно, придется сделать Shift + Refresh вашей страницы.

Позвольте мне рассказать вам о том, что мы только что сделали:

  1. Мы создали функцию под названием отжимания.
  2. Затем мы добавили некоторый код для выполнения этой функции, а именно, чтобы распечатать « отжимания » в тегах заголовков.
  3. После закрытия функции мы сказали WordPress, что создали шорткод. Первый атрибут — это имя шорткода, за которым следует функция, которую он вызывает.

Шаг 3: Создайте таблицу отжиманий в вашей базе данных WordPress

Войдите в phpMyAdmin и вы увидите экран, который выглядит примерно так:

(Нажмите, чтобы увидеть весь вид)

Слева у нас есть список таблиц в стандартной установке WordPress. Справа у нас есть различные инструменты администратора. Я работаю с базой данных WOT, которая обозначает трекер тренировок. Ваше имя базы данных, скорее всего, будет иметь другое имя.

Сейчас я хочу, чтобы вы прокрутили вниз до нижней части экрана поле «Создать новую таблицу…». Для имени используйте «pushups», для количества полей используйте 5 и нажмите «Go».

Теперь мы готовы сообщить вашей базе данных, какие данные ожидать. Настройте пять строк данных, используя следующие имена, типы, длину / значения и дополнительные параметры:

поле Тип Длина / Вал дополнительный По умолчанию
pushups_id INT 10 автоматическое приращение (оставить пустым)
pushups_count INT 3 (оставить пустым) (оставить пустым)
pushups_date VARCHAR 15 (оставить пустым) (оставить пустым)
pushups_wpuser VARCHAR 100 (оставить пустым) (оставить пустым)
активный INT 2 (оставить пустым) 1

Вот скриншот установки для ясности:

(Нажмите, чтобы увидеть весь вид)

Давайте сделаем шаг назад ради обучения. Рассматривая строку pushups_id в качестве примера, мы попросили базу данных ожидать число (INT) со значением до 10 символов и автоматически увеличивать каждую строку. Это наш уникальный идентификатор для каждого показателя отжиманий, который мы записываем. Pushups_wpuser будет именем пользователя, вошедшего на сайт WordPress, поэтому ваши пользователи должны будут зарегистрироваться на вашем сайте, чтобы это работало, но это хорошо!

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

Нажмите «Сохранить», чтобы добавить эти поля, и вы почти закончили с этим этапом.

Надеюсь, вы заметите, что внизу страницы у вас есть небольшое красное поле с красным предупреждением. Нажмите кнопку «Перейти» в этой области, так как нам нужно очень быстро определить индекс.

В раскрывающемся списке «Поле» выберите опцию pushups_id и оставьте размер пустым. Нажмите «Сохранить», и вы готовы начать добавлять данные!

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

Итак, я принял решение сделать эту настройку базы данных простой и понятной. Когда вы узнаете больше о том, как настроить таблицы и другие вопросы, связанные с базой данных, вы узнаете много нового о тонкостях проектирования и обслуживания баз данных. Но сейчас давайте перейдем к более интересным вещам, таким как использование форм для добавления данных в эти новые таблицы.

резюмировать

Вот это да! Мы покрыли много земли здесь. На данный момент между WordPress и шорткодами и таблицами базы данных вы делаете действительно продвинутые вещи. Вы уже проделали самую тяжелую работу. Все остальное только строит нашу функциональность.

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

Повесить там! Вы приближаетесь!