Как вывести популярные записи в wordpress. Счетчик просмотров записей на WordPress: установка и настройка

Здравствуйте, дорогие читатели блога. Сегодня мы с Вами узнаем как выводить список самых популярных записей на , а самое главное, что эти записи будут с миниатюрами. Естественно мы не будем использовать никакие плагины. Всего лишь несколько строчек php кода и стилей CSS.

Хочется сказать, что такой список, как оказывается, делается очень просто. Но немного нагружает сервер. Хотя если не выводить более 5 записей, то нагрузки практически нет.

Список популярных записей будет сортироваться по количеству комментариев к записи. Получается чем больше комментариев в записи тем она популярнее и будет выводиться самая первая в списке.

Ну а теперь давайте приступать.

Список самых популярных записей с миниатюрами на WordPress без плагинов

PHP код записей

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

have_posts()) : $pc->the_post(); ?>

И после это остаётся добавить только переменные названия поста, а так же его миниатюру:

" title=""> " title="">

Таким образом вот, что у нас получилось:

    have_posts()) : $pc->the_post(); ?>
  • " title=""> " title="">

Здесь Вы сможете изменять количество выводимых записей, меняется оно здесь posts_per_page=5, в данном случае постов будет 5.

Вот видите как всё просто:-) Но это ещё не всё. Теперь нужно не много украсить список. Пример Вы сможете посмотреть у меня на блоге в сайдбаре.

Украшаем список с помощью CSS.

Для начала нам нужно придумать какой нибудь класс, например popular. И теперь для этого класса зададим вот такие настройки:

Popular ul li{ line-height:16px; display:block; border-bottom:1px solid #e9e9e9; padding:15px 0px 20px 0px; height:50px; font-size:12px; }

Как видите что мы ещё задали настройки для списков ul li, в которые будут окружены наши популярные посты. Здесь я добавил линию, которая отделяет список, затем задал отступы, которые Вы сможете изменить под себя.

Теперь давайте зададим настройки для наших миниатюр.

Popular ul li img { width: 50px; height: 50px; border:1px solid #ccc; background:#fff; padding:2px; float:left; margin:0 10px 0 0px; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); /* Для Firefox */ -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); /* Для Safari и Chrome */ box-shadow: 2px 2px 2px rgba(0,0,0,0.1); /* Параметры тени */ -moz-transition: border 0.3s 0.05s ease; -o-transition: border 0.3s 0.05s ease; -webkit-transition: border 0.3s 0.05s ease; } .popular li img:hover { border:1px solid #888; }

Здесь для миниатюр заданы рамки, которая при наведении плавно темнеет. Это сделано с помощью transition и.popular li img:hover. Так же добавлена не большая тень для изображений, так смотрится более красиво чем без неё. Ещё по умолчанию задан размер в 50 на 50 пикселей. Естественно это значение Вы можете с лёгкостью менять.

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

Куда вставлять код в WordPress?

В админке Вашего блога нужно зайти в редактор, затем находим Боковая колонка (sidebar.php) и в желаемое место вставляем следующее:

Popular ul li{ line-height:16px; display:block; border-bottom:1px solid #e9e9e9; padding:15px 0px 20px 0px; height:50px; font-size:12px; } .popular ul li img { width: 50px; height: 50px; border:1px solid #ccc; background:#fff; padding:2px; float:left; margin:0 10px 0 0px; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); /* Для Firefox */ -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); /* Для Safari и Chrome */ box-shadow: 2px 2px 2px rgba(0,0,0,0.1); /* Параметры тени */ -moz-transition: border 0.3s 0.05s ease; -o-transition: border 0.3s 0.05s ease; -webkit-transition: border 0.3s 0.05s ease; } .popular li img:hover { border:1px solid #888; }

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

Раскрою вам небольшой секрет:

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

То же самое касается и блогеров. Лучшие из них на своем сайте имеют раздел «Популярные статьи».

Посетители, читая самые успешные статьи блога:

  • Увеличивают среднее время пребывания на сайте
  • Уменьшают показатель отказов
  • Начинают уважать автора и ценить его контент.

Но как БЫСТРО и без лишних хлопот реализовать раздел «Популярные статьи» на своем блоге?

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

1. Jetpack

Данный плагин является, пожалуй, одним из самых популярных. Цифра в более чем 1 млн установок говорит сама за себя. Также стоит отметить, что автором этого плагина является Automattic, - команда разработчиков самого Вордпресса.

Плагин имеет много других возможностей помимо отображения популярных постов. Кстати говоря, для этого дела в Jetpack включен отдельный виджет. Включить его можно перейдя в раздел Jetpack→Настройки.

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

2. WP Most Popular

Данный плагин заточен только на одном - нахождении самых популярных статей и предоставлении доступа к ним пользователям сайта. WP Most Popular имеет более 10 тыс. установок и рейтинг в 4.9 звезд. Видимо, со своей задачей этот плагин справляется на отлично.

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

3. WP Tab Widget

Этот плагин является, пожалуй, одним из самых удачных. С его помощью вы можете добавить в сайдбар виджет с 3 вкладками - популярные посты, недавние посты и комментарии. Также этот виджет имеет адаптивную верстку и загружается по мере необходимости (lazy load). Не зря Wp Tab Widget имеет более 80 тыс. установок и рейтинг в 5 звезд.

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

4. WordPress Popular Posts

WordPress Popular Posts - следующий на очереди плагин. Как и предыдущие, данный плагин имеет хорошие показатели: 200 тыс. установок и рейтинг в 4.5 звезд. Среди его особенностей можно выделить простоту в настройке и использовании.

Данный плагин предусматривает использование нескольких виджетов с разными характеристиками, а также возможность сортировать посты по периодам времени (за последние 24 часа, 7 дней и так далее) и типу записей. Плюс, есть поддержка мультиязычности (WPML) и возможность включать/отключать миниатюры.

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

5. Top 10

Следующий плагин, Top 10 , подсчитывает количество просмотров страниц, постов и отображает их в виде самых популярных. Он имеет установок более чем на 30 тыс. сайтах и рейтинг в 4.6 звезд.

Top 10 подсчитывает количество просмотров ежечасно и отображает посты в соответствии с обновленными статистическими данными. Предоставляемый виджет очень гибок в настройке, которая включает в себя количество отображаемых постов, их тип, формат отображения информации и период времени публикации.

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

6. Most And Least Read Posts Widget

Особенностью данного плагина является то, что он предоставляет список не только самых популярных, но и список наименее популярных постов. Это может стать для вас неплохой возможностью продвигать статьи с низкой посещаемостью. Стоит отметить, что при подсчете просмотров статей Most And Least Read Posts не берет в расчет посещения Googlebot и других популярных поисковых роботов.

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

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

7. Popular Widget

Как и WP Tab Widget, данный плагин позволяет отображать популярные посты, последние комментарии и метки в одном виджете. Popular Widget имеет более 10 тыс. установок и рейтинг в 4.6 звезд.

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

Как выбрать подходящий плагин

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

Я считаю что ответ зависит от того, какого типа посты есть на вашем блоге, как вы хотите их отбирать и какие критерии гибкости плагина требуете.

Универсальным вариантом для вас может стать Jetpack, который, кроме всего прочего, имеет много дополнительных возможностей. Также хорошими вариантами могут стать WordPress Popular Posts и WP Most Popular, у которых есть возможность выбирать период времени публикации постов.

Если вы любите максимум пользы, для вас скорее подойдут WP Tab Widget и Popular Widget. Как вы знаете, данные плагины не ограничиваются лишь популярными статьями. WP Tab Widget будет особо ценен при необходимости CSS кастомизации. А Popular Widget больше порадует возможностью сортировать посты по автору, дате публикации и рубрике.

Вывод

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

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

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

А на этом у меня все. Надеюсь, данная статья была вас полезной. Если это так:

  1. Сделайте репост этого поста в социальных сетях, чтобы больше людей получили от нее пользу;
  2. Подписывайтесь на мою рассылку, чтобы не пропустить полезные и интересные публикации на блоге.

На этом я с вами не прощаюсь. Спасибо за внимание и до встречи в следующих публикациях!

Для размещения наиболее популярных записей на сайте используется 2 метода установка плагина WP-PostViews и размещение кода .


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

Размещение кода для вывода популярных записей

Популярные статьи в блоге могут отбираться по двум критериям:

  • количество просмотров посетителями
  • количество комментариев

Для этих способов используются разные кода, рассмотрим каждый.

Популярные статьи по количеству просмотров

1. В папке с вашей темой откройте файл functions.php и вставьте код:

Function setPostViews($postID) { $count_key = "post_views_count"; $count = get_post_meta($postID, $count_key, true); if($count==""){ $count = 0; delete_post_meta($postID, $count_key); add_post_meta($postID, $count_key, "0"); }else{ $count++; update_post_meta($postID, $count_key, $count); } } function getPostViews($postID){ $count_key = "post_views_count"; $count = get_post_meta($postID, $count_key, true); if($count==""){ delete_post_meta($postID, $count_key); add_post_meta($postID, $count_key, "0"); return "0"; } return $count; }

Данный код будет использоваться для подсчета количества просмотров статьи посетителями.

Примечание: numberposts’ => 5 — количество статей выводимых в блоке сайдбара.

В результате получаем:

Лучшие записи с миниатюрами по количеству комментариев

1. Откройте файл sidebar.php и разместите такой код:

Примечание: posts_qty = 5 — количество статей, period = 90 — количество дней

При желании вы можете указать свои настройки.

2. Откройте файл style.css и добавьте стили. Для этого вставьте код:

Popular ul li{ line-height:16px; display:block; border-bottom:1px solid #ECECEC; padding:15px 0px 20px 0px; height:50px; font-size:12px; } .popular ul li img { width: 55px; height: 55px; padding: 2px; float: left; margin: 0 13px 0 0px; background: #FFFFFF; border: 1px solid #D0D0BB; border-radius: 5px; box-shadow: 0 0 5px #666666; } .popular li img:hover { border: 1px solid #ffffff; padding: 2px; margin: 0 5px 0 4px; }

Важно: для того что бы все работало правильно, каждой статье должна быть присвоена своя миниатюра.

Получаем такой перечень лучших статей с миниатюрами

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

Для этого в файл functinos.php добавьте такой код:

Function get_PostViews($post_ID){ $count_key = "post_views_count"; $count = get_post_meta($post_ID, $count_key, true); return $count; } function post_column_views($newcolumn){ $newcolumn["post_views"] = __("Просмотры"); return $newcolumn; } function post_custom_column_views($column_name, $id){ if($column_name === "post_views"){ echo get_PostViews(get_the_ID()); } } add_filter("manage_posts_columns", "post_column_views"); add_action("manage_posts_custom_column", "post_custom_column_views",10,2);

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

И . В этой статье речь пойдет о том, как отслеживать и показывать самые популярные посты на сайте без использования каких-либо плагинов для WordPress.

Пример такого кастомизированного отображения самых популярных постов приведен на следующем скриншоте:

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

Function wpb_set_post_views($postID) { $count_key = "wpb_post_views_count"; $count = get_post_meta($postID, $count_key, true); if($count==""){ $count = 0; delete_post_meta($postID, $count_key); add_post_meta($postID, $count_key, "0"); }else{ $count++; update_post_meta($postID, $count_key, $count); } } //To keep the count accurate, lets get rid of prefetching remove_action("wp_head", "adjacent_posts_rel_link_wp_head", 10, 0);

Теперь после вставки функции на нужное место нам надо вызвать эту функцию для отдельных страниц с публикациями. Так функция будет "знать", какой из постов выбрать и дать ему наивысшую оценку на базе числа собранных просмотров. Для этой цели следующий код надо поместить в цикл для записей в файле single.php :

Wpb_set_post_views(get_the_ID());

Если вы используете дочернюю тему или просто хотите облегчить себе задачу, то просто добавьте отслеживающий параметр в заголовок поста при помощи wp_head . Добавьте следующий код в файл функций вашей темы под названием functions.php :

Function wpb_track_post_views ($post_id) { if (!is_single()) return; if (empty ($post_id)) { global $post; $post_id = $post->ID; } wpb_set_post_views($post_id); } add_action("wp_head", "wpb_track_post_views");

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

Примечание : Если вы используете кэширующий плагин, этот способ по умолчанию работать НЕ будет.

Мы используем плагин W3 Total Cache , в нем есть опция под названием "фрагментированное кэширование" (Fragmented Caching ). Вы тоже можете использовать этот плагин и данную опцию, чтобы все работало как следует. Вот что надо изменить:

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

Function wpb_get_post_views($postID){ $count_key = "wpb_post_views_count"; $count = get_post_meta($postID, $count_key, true); if($count==""){ delete_post_meta($postID, $count_key); add_post_meta($postID, $count_key, "0"); return "0 View"; } return $count." Views"; }

Затем в цикл записи файла single.php добавьте следующий код:

Wpb_get_post_views(get_the_ID());

Если вы хотите отсортировать записи по количеству их просмотров, вы можете это легко сделать с помощью wp_query post_meta параметра. Простой пример такого цикла будет выглядеть вот так:

4, "meta_key" => "wpb_post_views_count", "orderby" => "wpb_post_views_count", "order" => "DESC")); while ($popularpost->have_posts()) : $popularpost->the_post(); the_title(); endwhile; ?>

Чтобы добавить другие параметры WP_Query (такие, как промежуток времени), воспользуйтесь рекомендациями из раздела WP_Query в Codex.

Надеемся, эти советы вам помогут.

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

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

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

Function devise_set_post_views($postID) { $count_key = "devise_post_views_count"; $count = get_post_meta($postID, $count_key, true); if($count==""){ $count = 0; delete_post_meta($postID, $count_key); add_post_meta($postID, $count_key, "0"); }else{ $count++; update_post_meta($postID, $count_key, $count); } } remove_action("wp_head", "adjacent_posts_rel_link_wp_head", 10, 0);

Теперь, когда функция на месте, нужно ее вызвать для отдельных записей в блоге. Таким образом функция будет точно знать, каким записям нужно увеличить счетчик просмотров. Для этого нуэно вставить следующий код в в цикл для отдельной записи (скорее всего в файл single.php вашей темы):

Devise_set_post_views(get_the_ID());

Если же вы используете дочернюю тему (child theme) или же просто хотите упростить все это, тогда вам нужно добавить трекер для отслеживания в хидер, используя хук wp_head. Вствьте следующий код в файл functions.php вашей темы или в :

Function devise_track_post_views ($post_id) { if (!is_single()) return; if (empty ($post_id)) { global $post; $post_id = $post->ID; } devise_set_post_views($post_id); } add_action("wp_head", "devise_track_post_views");

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

Примечание : Есл вы используете плагин кеширования на вашем блоге, то такой способ НЕ будет работать по-умолчанию. У плагина W3 Total Cache есть функция под названием Fragmented Caching. Нужно ее задействовать, и проблема исчезнет. Нужно изменить следующее:

Теперь можно вытворять разные интересные вещи, такие как отображение количества просмотров записи, или сортировать по этим самым просмотрам… Давайте посмотрим как их можно реализовать:

Function devise_get_post_views($postID){ $count_key = "devise_post_views_count"; $count = get_post_meta($postID, $count_key, true); if($count==""){ delete_post_meta($postID, $count_key); add_post_meta($postID, $count_key, "0"); return "0 просмотров"; } return $count." просмотров"; }

Затем вставить внутрь цикла записи следующее:

Devise_get_post_views(get_the_ID());

Если нужна сортировка записей по количеству просмотров, это можно реализовать с помощью параметра post_meta wp_query. Самый простой пример цикла запроса будет выглядеть так:

4, "meta_key" => "devise_post_views_count", "orderby" => "meta_value_num", "order" => "DESC")); while ($popularpost->have_posts()) : $popularpost->the_post(); the_title(); endwhile; ?>

Для добавления других параметров WP_Query, таких как диапазон времени, обратитесь на

Похожие статьи

  • Обалдеть, реально тикают!

    Информация о марке, модели и альтернативных названиях конкретного устройства, если таковые имеются. ДизайнИнформация о размерах и весе устройства, представленная в разных единицах измерения. Использованные материалы, предлагаемые цвета,...

  • ЕИС: Информация об обновлении версии программного обеспечения Единая информационная сеть

    Заказчики обязаны размещать извещения, документацию, протоколы — все тендеры на официальный сайт закупки гов ру.Официальный сайт госзакупок расположен по адресу zakupki.gov.ru .На портале размещены все тендеры и госзакупки. Официальный...

  • Как исправить ошибки на компьютере?

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

  • Утилита для создания загрузочной флешки

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

  • Windows: интересное (Spotlight) не работает – решение

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

  • LG Optimus L7 II - Технические характеристики

    Live-фотографии LG Optimus L7 II Dual Комплект поставки: Телефон Аккумулятор Зарядное устройство USB-кабель Инструкция Введение Традиционно большая часть устройств, которые будут продаваться на протяжении всего года, представили...