загрузить события WordPress в Full Calendar jQuery

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

include "wp-load.php";
global $wpdb;
header('Content-Type:application/json');
$events = array();
$result = new WP_Query('post_type=events&posts_per_page=-1');
foreach($result->posts as $post) {
$events[] = array(
'title'   => $post->post_title,
'start'   => '2018-03-12T20:00:00',

);
}
echo json_encode($events);
exit;

.

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

Чтобы загрузить события из вашего пользовательского типа записей WordPress в jQuery-плагин FullCalendar, вам необходимо убедиться, что вы правильно отлаживаете свой код и что он соответствует требованиям FullCalendar. Давайте рассмотрим ваш текущий код и возможные шаги для устранения проблем.

Шаг 1: Проверка PHP-кода

Ваш исходный код выполняет запрос к пользовательскому типу записей events, однако, чтобы убедиться, что он возвращает данные правильно, сделаем следующее:

1. Убедитесь, что файл PHP, который вы создали, действительно включает WordPress, и что он запускается на сервере. Например, ваш файл должен находиться в корнесной директории WordPress, если вы используете wp-load.php.

2. Измените запрос WP_Query, чтобы убедиться, что он правильно получает события. Например:

   include "wp-load.php";
   global $wpdb;
   header('Content-Type:application/json');
   
   $events = array();
   $args = array(
      'post_type' => 'events',
      'posts_per_page' => -1
   );
   $result = new WP_Query($args);
   
   foreach ($result->posts as $post) {
      $events[] = array(
          'title' => $post->post_title,
          'start' => get_post_meta($post->ID, 'event_start_date', true) // Предполагаем, что вы храните дату начала события в метаполе
      );
   }
   echo json_encode($events);
   exit;

   Убедитесь, что вы используете правильный ключ метаполя для даты начала события. Это может быть что-то, что вы настроили при создании пользовательского типа записей.

Шаг 2: Обработка JSON-данных на стороне клиента

Теперь, когда у вас есть корректный PHP-код, следующий шаг заключается в том, чтобы правильно интегрировать эти данные в ваш JavaScript-код, который использует jQuery FullCalendar.

Пример кода JavaScript, который загружает события из вашего PHP файла и отображает их в календаре:

$(document).ready(function() {
    $('#calendar').fullCalendar({
        events: 'URL_К_ВАШЕМУ_PHP_ФАЙЛУ', // Замените на адрес вашего файла PHP
        editable: true,
        eventLimit: true // Позволяет сократить количество событий в день
    });
});

Шаг 3: Устранение проблем и отладка

Если события все еще не загружаются, выполните следующие шаги:

1. Проверьте путь к файлу: Убедитесь, что events: 'URL_К_ВАШЕМУ_PHP_ФАЙЛУ' указывает на правильный путь к вашему PHP файлу.

2. Проверьте консоль браузера: Откройте инструменты разработчика (F12) и проверьте вкладку "Консоль" и "Сеть" (Network), чтобы убедиться, что запрос к вашему PHP файлу выполняется успешно и возвращает ожидаемые данные в формате JSON.

3. Сообщения об ошибках: Убедитесь, что включены сообщения об ошибках в PHP, добавив ini_set('display_errors', 1); error_reporting(E_ALL); в верхней части вашего PHP файла.

Альтернативный Подход

Если вы не хотите программировать с нуля, рассмотрите использование плагина WP Full Calendar, который позволяет вам настраивать отображение календаря с поддержкой пользовательских типов записей через настройки.

Заключение

Следуя указанным шагам и проверяя каждый аспект вашей интеграции, вы сможете успешно загрузить события из WordPress в FullCalendar. Если у вас есть другие вопросы или проблемы, не стесняйтесь задавать их.