Как создать и вывести счетчик просмотров постов с помощью шорткода

355

Для создания счетчика просмотров постов с использованием function.php и шорткода вам потребуется выполнить следующие шаги:

  1. Откройте файл function.php вашей WordPress темы для редактирования.

  2. Добавьте следующий код в файл function.php:

				
					// Создаем функцию для увеличения счетчика просмотров
function increase_post_views() {
    if (is_single()) {
        global $post;
        $views = get_post_meta($post->ID, 'post_views', true);
        $views = ($views == '') ? 0 : $views;
        $views++;
        update_post_meta($post->ID, 'post_views', $views);
    }
}

// Вызываем функцию increase_post_views при загрузке поста
add_action('wp_head', 'increase_post_views');

				
			

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

  1. Добавьте шорткод в файл function.php:
				
					// Создаем шорткод для вывода счетчика просмотров
function display_post_views($atts) {
    global $post;
    $views = get_post_meta($post->ID, 'post_views', true);
    return $views;
}
add_shortcode('post_views', 'display_post_views');


				
			

В этом коде мы создаем шорткод 355, который будет выводить счетчик просмотров текущего поста.

  1. Сохраните файл function.php и загрузите его обратно на сервер вашего сайта.

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

Например, чтобы вывести счетчик просмотров в шаблоне одиночного поста, вы можете добавить следующий код в файл single.php вашей темы:

				
					<div class="post-views">Просмотры: <span style="color: white;">355</span></div>



				
			
Теперь, когда посетитель просматривает пост, счетчик просмотров будет увеличиваться и выводиться на странице. Если вы хотите добавить стиль прямо в коде шорткода 355, вы можете использовать атрибут style для указания цвета текста. Вот пример, как вы можете обновить функцию display_post_views в коде шорткода:
				
					// Создаем шорткод для вывода счетчика просмотров с белым текстом
function display_post_views($atts) {
    global $post;
    $views = get_post_meta($post->ID, 'post_views', true);
    return '<span style="color: white;">' . $views . '</span>';
}
add_shortcode('post_views', 'display_post_views');

				
			

В этом коде мы добавили обертку <span> вокруг значения $views и установили стиль color: white; для текста. Теперь счетчик просмотров будет выводиться с белым цветом.

Сохраните файл function.php и загрузите его обратно на сервер вашего сайта.

Теперь, когда вы используете шорткод 355, счетчик просмотров будет отображаться с белым текстом.

Получить консультацию

Мы свяжется с вами в ближайшее время