Как добавить автоматическое обновление в WordPress для страницы/поста или встроенного кода OneDrive/Excel HTML?

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

Я добавил встроенный Excel на главную страницу своего сайта. Он всегда показывает данные в реальном времени, которые постоянно меняются. Но когда я или мои коллеги просматриваем эту страницу, им нужно обновлять страницу каждую секунду, чтобы увидеть измененные данные в Excel.

Я думаю, что есть два способа сделать это:

  1. Либо отредактировать встроенный код Excel/OneDrive и добавить автоматическое обновление раз в секунду.
  2. Либо, возможно, установить плагин и добавить некоторый код в header.php, чтобы обновлять всю страницу через 1 секунду.

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

Возможно, эта небольшая функция ниже поможет вам.
Она автоматически добавит на главную страницу (и/или домашнюю страницу) мета-элемент, который позаботится об обновлении страницы после заданного временного интервала. (10 секунд в примере ниже)
Я не стал бы устанавливать время меньше 3 секунд, но это на ваш вкус.

Пожалуйста, сначала сделайте резервную копию functions.php перед добавлением кода ниже.

/**
 * Автоматически добавляет обновление страницы в <head> для домашней и/или главной страницы
 * 
 * Информация {@link https://en.wikipedia.org/wiki/Meta_refresh}
 *      {@link https://developer.wordpress.org/reference/hooks/wp_head/}
 *      {@link https://developer.wordpress.org/reference/functions/is_home/}
 *      {@link https://developer.wordpress.org/reference/functions/is_front_page/}
 *      
 * @since WordPress @version 1.5.0
 * Проверено на функциональность с WordPress @version 5.5.1
 */
 add_action( "wp_head", "add_meta_refresh_timer_wpse374042" );
 function add_meta_refresh_timer_wpse374042() { 
     // Измените/удалите по своему усмотрению
     if( is_front_page() || is_home() ) 
    {
        echo "<!-- Автообновление --> \n";
        // Отрегулируйте количество секунд по своему усмотрению
        echo "<meta http-equiv=\"refresh\" content=\"10\" />";
    }
}

Удачи.

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

Для того чтобы добавить автоматическое обновление страницы или встраиваемого кода Excel/OneDrive на сайте WordPress, можно воспользоваться двумя основными способами. Они включают в себя внедрение мета-тега обновления в код страницы или использование плагина для настройки автоматического обновления. Рассмотрим эти подходы более подробно.

Способ 1: Внедрение мета-тега для автоматического обновления

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

  1. Перейдите в админку WordPress.
  2. Выберите пункт меню "Внешний вид" -> "Редактор тем".
  3. Найдите файл functions.php в правой колонке и откройте его для редактирования.
  4. Вставьте следующий код в конец файла:
/**
 * Автоматическое обновление страницы для домашней / фронтовой страницы
 *
 * @since WordPress @version 1.5.0
 */
add_action( "wp_head", "add_meta_refresh_timer_wpse374042" );
function add_meta_refresh_timer_wpse374042() { 
    // Установите условие для домашней страницы
    if( is_front_page() || is_home() ) {
        echo "<!-- Автообновление --> \n";
        // Укажите количество секунд до обновления
        echo "<meta http-equiv=\"refresh\" content=\"10\" />";
    }
}

Этот код добавит мета-тег, который будет обновлять страницу каждые 10 секунд. Вы можете изменить значение в content="10" на любой другой интервал, который вам нужен (например, каждый 1 секунду).

Способ 2: Использование плагина для автоматического обновления

Если вы предпочитаете более удобный способ, вы можете использовать плагины для WordPress, которые предлагают функциональность автоматического обновления. Одним из таких плагинов является "WP Auto Refresh".

  1. Перейдите в админку WordPress и нажмите на "Плагины" -> "Добавить новый".
  2. Введите в поиске "WP Auto Refresh".
  3. Установите и активируйте выбранный плагин.
  4. Перейдите в настройки плагина и задайте интервал обновления страницы согласно вашим требованиям.

Встраивание Excel таблицы

Если вы используете встраиваемый код Excel из OneDrive, обратите внимание, что большинство подобного контента не обновляется автоматически при обновлении страницы. Использование мета-тега является наиболее эффективным решением для обновления данных, отображаемых в встраиваемом Excel документе. Для добавления встраиваемого кода Excel вы можете использовать следующие шаги:

  1. Скопируйте HTML-код для встраивания из OneDrive.
  2. Вставьте код в нужную страницу или запись WordPress через редактор.

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

Заключение

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

Оцените материал
Добавить комментарий

Капча загружается...