Здравствуйте, дорогие читатели блога. Сегодня мы с Вами узнаем как выводить список самых популярных записей на , а самое главное, что эти записи будут с миниатюрами. Естественно мы не будем использовать никакие плагины. Всего лишь несколько строчек 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) и в желаемое место вставляем следующее:
-
have_posts()) : $pc->the_post(); ?>
- " title=""> " title="">
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; }
Вот и всё, теперь в Вашем сайдбаре отображаются популярные записи с миниатюрами:-) Друзья, если возникнут какие либо вопросы спрашивайте в комментариях, до скорых встреч.
Сегодня вы узнаете, как установить счетчик просмотров страницы на WordPress, для того чтобы количество посещений выводилось для каждого поста. Мы разберем основные плагины, которые для этого предназначены, а также приведем варианты решения данного вопроса без плагинов.
Нужно ли устанавливать счетчик просмотров статей?
Вывод количества посещений перед постом или под статьей – в большей степени вопрос имиджа. Ведь лично вам для анализа количества просмотров будет достаточно открыть статистику в , или в . Потому, как и открытый , счетчик просмотров страниц в первую очередь показывает статистику для ваших посетителей и потенциальных рекламодателей. Положительная динамика роста просмотров опубликованной записи может позитивно повлиять на доверие читателей к вашему контенту. Напротив, небольшое количество посещений может негативно сказаться на . Нулевое значение счетчика, который виден для всех, может отпугнуть посетителей, снизить доверие к опубликованному материалу.
Перейдем к рассмотрению плагинов для подсчета посещений для сайта на WordPress.
Плагины для установки счетчика просмотров страниц
Первый плагин, который рассмотрим – PageViews.
Его основное преимущество перед другими плагинами той же категории – он не нагружает сайт. Потому плагин подойдет даже для ресурсов с высоким траффиком и, по словам разработчиков, никак не замедлит их работу. Каким образом работает Pageviews? Это плагин с открытым кодом, основанный на JavaScript. Подсчет просмотров происходит на стороннем ресурсе, без задействования мощностей сайта, на котором установлен Pageviews.
Последнее обновление плагина – 5 месяцев назад. Активных установок 40 000+. Совместимость вплоть до версии 4.7.5.
У плагина Post Views Counter есть три метода сбора информации по просмотрам: PHP, JavaScript или REST API. Среди дополнительных функций – возможность быстро импортировать данные из WP-PostViews, а также устанавливать значение на счетчике вручную.
Установка плагина стандартная.
В настройках есть две закладки: Общие (General) и Отображение (Display).
В общих можно выбрать тип страниц, для которых будет производиться подсчет просмотров, метод подсчета (PHP, Javascript), время между учетом просмотров одного и того же пользователя, тип посетителей.
На вкладке Display можно указать надпись счетчика (Post View Label), выбрать тип страниц, на которых будет отображаться статистика, выбрать позицию и стиль иконки счетчика. Также можно спрятать счетчик от определенного типа посетителей.
Разумеется, это не все плагины для подсчета количества просмотров записи на WordPress. Кроме описанных выше, также есть Page View Count, Page Visit Counter. Выбирайте тот, который больше соответствует вашему запросу и потребностям.
Счетчик просмотров страниц на WordPress без плагина
Теперь разберемся, как можно выводить количество посещений без подключения плагинов. Для этого потребуется внести изменения в файл функций functions.php.
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 . " просмотров" ; } 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 ) ; } }
Здесь первая функция считает количество просмотров страницы в WordPress, а вторая выводит их. Теперь в файлах single.php, page.php, index.php (по аналогии с тем, как мы прописывали код для плагина) в том месте, где вы хотите выводить счетчик нужно прописать следующее:
В файле стилей для данного элемента можно указать такие параметры:
| 1 2 3 4 | .views { margin-left : 18px ; font-size : 15px ; background : url ("images/image.png”); padding: 0px 0px 2px 33px;} |
Views{margin-left: 18px; font-size: 15px; background: url("images/image.png”); padding: 0px 0px 2px 33px;}
Здесь мы задаем размер шрифта, величину поля, фон и т.п.
Наверняка в сети вы неоднократно на каждом, что есть, шагу встречали множество сайтов у которых красовался раздел популярные записи. Это создано для того, чтобы показать читателям лучшие статьи и заметки вашего блога.
И сегодня вашему вниманию ваш покорный слуга предлагает выбор из 5 плагинов wordpress для вывода популярных записей на своем сайте.
Бежим на кухню, завариваем чай, кофе и приступаем к обзору – изучению.
WordPress Popular Posts
Уже с первого взгляда видно предназначение этого решения для популярных записей на блоге вордпресс. Он является самым популярным плагином вывода заметок на странице. Об этом можно судить исходя из количества скачиваний – 715 951 раз. Цифра впечатляет.
Его можно вставить в любом месте вашего сайта, добавить в виджеты сайдбара. Он поставляется с настройками опций отображения ваших популярных постов. Вы можете выбрать временной диапазон, тип заметок, авторов. Также можете оставить просто превьюшку для показа и задать ей произвольный размер.
Вы без проблем можете показать своим читателям самые просматриваемые записи по дням, неделям, месяцам или за все время использования этого плагина.
Чтобы просмотреть статистику по просмотрам ваших популярных статей, вам нужно зайти в Настройки -> WordPress Popular Posts. Там же вы найдет блок с часто задаваемыми вопросами и другие возможности и инструменты.
Плюсы: WordPress плагин для записей является мощным инструментом со всеми параметрами для отображения популярных заметок на вашем блоге. Поддержка пользовательских типов сообщений и возможность добавлять виджеты позволяет многократно создавать различные наборы просмотров, например Популярные Заметки, Обзоры и так далее.
Минусы: Создает две дополнительных таблицы в базе данных для хранения таких сообщений и кэш. Хотя многие люди могут утверждать, что такой подход лучший, чтобы сохранить таблицы по умолчанию, но для других это является существенной нагрузкой и немного замедляет работу блога. Также вам нужно добавлять свои стили для внешнего вида.
TOP 10 – плагин популярных записей для wordpress
Не отстает от претендента выше по своим характеристикам и способностям. Также есть возможность создавать и добавлять популярные заметки в настраиваемые виджеты.
Несмотря на свое название, плагин способен выводить большее количество популярных статей на странице. Вы сами задаете диапазон, который хотите увидеть. Вы можете показать количество просмотров заметок, авторов, отрывок текста и превьюшку картинку к посту.
В отличие от предыдущего плагина, который позволяет выбрать тип поста из настроек виджета, top 10 не имеет такой особенности. Вы можете выбрать тип сообщения, посетив страницу настроек плагина на панели администратора блога.
Там вы найдете много других опций для настройки. Сам блок разделен на 4 секции для глобальных настроек, опции вывода записей, пользовательские CSS стили и другие. Вы можете выбрать категории, размер картинки — миниатюры, какой исключить контент и многое другое.
Плюсы: Является самым простым и быстрым способом показать ваши wordpress популярные записи на блоге. Не создает нагрузку на сервер, благодаря постоянному интенсивному кэшированию.
Минусы: Возможность выбрать тип записи в виджете позволит пользователям создавать различные наборы популярного контента на своем сайте.
Nrelate Most Popular
При использовании плагинов выше все ваши заметки как правило хранились на вашем сервере, создавая определенную нагрузку. Главным достоинством решения является то, что все данные он хранит на своих серверах, не замедляя скорость загрузки страниц вашего сайта, сохраняя его производительность. Этот факт очень подкупает, чтобы его использовать на своем ресурсе.
Также как и свои собратья, он обладает возможностью отображения разных типов сообщений, поддерживает вывод миниатюр, сниппетов текста, временной диапазон, и так далее.
Вы также можете отфильтровать тот контент, который вы не хотите видеть на сайте. После настроек вам нужно какое-то время подождать, по крайней мере, часа два, чтобы ваш контент и начать размещение популярных записей.
Nrelate поставляется с несколькими шаблонами на выбор. В отличие от других плагинов, которые предлагают для размещения только виджеты, теги шаблона, шорткоды, nrelate автоматически может показывать популярные статьи либо на отдельной странице, либо главной или даже в архивах.
Из плюсов: Встроенные шаблоны, несколько вариантов размещения.
Минусы: Информация о ваших заметках, проходит через третьих лиц (через сервер). Но им можно доверять.
Popularity Posts Widget
Легкое и простое решение wordpress для вывода записей на блоге. Отличается от первых двух кандидатов тем, что не поставляется с выделенной страницей настроек, но имеет мощный виджет, которые можно просто перетащить и настроить параметры.
Из отдельных его преимуществ, в него входит фильтр по категориям, отображение количества комментариев и другие функции о которых вы уже знаете из предыдущих плагинов.
Плюсы: Очень прост в установке, имеет все самое необходимое, чтобы не обременять пользователей и не заставлять их тратить лишнее время на настройки.
Минусы: Отсутствие определенных функций отдельно хорошо для некоторых пользователей, любящих и ценящих минимализм, а для других может стать неудобством. Также например вы не можете выбрать отображать миниатюру до или после заголовка. Может показывать прикрепленные вложения как популярные заметки, что не соответствует пользовательским типам сообщений.
Popular Widget
Судя из названия показывает ваши самые популярные заметки и записи в виджете. Среди остальных отличается тем, что имеет изящный переключатель вкладок. Может отображать самые комментируемые записи, делает все, что только способны делать плагины этого класса. Есть разделение по настройкам под конкретные разделы.
Позволяет пользователю выбрать как показывать wordpress популярные записи: или по количеству просмотров или по количеству визитов. Есть функция фильтрации по категориям и пользовательским таксономиям. Вполне адекватно и корректно обрабатывает CSS стили.
Плюсы: Простой и эффективный способ показать популярные сообщения, благодаря элегантным вкладкам, поддерживаемых технологией Jquery для Tabber.
Минусы: Если название вкладки превышает размер, в которых установлен сам блок с записями, он просто переносит вкладку на следующую строку, что выглядит некрасиво. Плагин дает возможность ограничить их количество до 2-3, чтобы все уместилось в пределах одной строки. Этого вполне достаточно и присутствует на большинстве интернет ресурсах.
На этом урок обзор завершен. Все они бесплатны, в вашей воле выбрать понравившийся. Спасибо за внимание. Увидимся в следующих уроках
Сегодня хочу поделится с вами очередной функцией вывода записей. Функция является прямым дополнением статьи "Считаем количество посещений страниц на WordPress без плагинов ". В задачу функции входит вывод записей отсортированных по произвольному полю, в котором собирается количество просмотров каждого поста. Проще говоря, функция выводит самые просматриваемые записи блога/сайта на WordPress.
Однако, чтобы применить эту функцию для начала необходимо использовать код из статьи, ссылку на которую я дал выше, именно тот код будет считать количество посещений страницы и записывать их в произвольное поле, а функция из этой статьи будет выводить записи по этому произвольному полю, т.е. по наибольшему количеству просмотров.
Итак, знакомьтесь.
Как обычно, этот код нужно поместить в ваш файл шаблона functions.php или в то место где будет использована эта функция. Если такого файла у вас нет, то его можно и даже нужно создать!
После того, как функция скопирована в functions.php её можно использовать. Как? Очень просто: открываете файл шаблона (темы) и в то место где нужно вывести список самых просматриваемых записей вызываете функцию (вставляете следующий код):
где, num=10 - это указание сколько записей показывать в списке.
Это все, функция должна работать.
Расширенное использование
Те, кто заглянул в код функции, наверняка увидели вначале строчку "Параметры передаваемые функции " и догадались что функция то не простая, вывод можно немного настроить, а как это сделать я, конечно, сейчас расскажу.
Параметры, которые можно передать функции:
- format - Формат выводимых ссылок. По умолчанию формат такой: {a}{title}{/a}. При изменении формата можно использовать, следующие шоткоды:
- {comments} - покажет колличество комментариев у статьи;
- {title} - заголовок статьи;
- {date:j.M.Y} - дата в формате j.M.Y (11.Апр.2010);
- {a} и {/a} - тег ссылки. Открывается и закрывается.
- echo - выводить на экран или возвращать для обработки. 1 - выводить на экран (по дефолту), 0 - вернуть для обработки (return).
num - количество выводимых ссылок в списке (постов). по умолчанию выводится 10;
key - название ключа произвольного поля, по значениям которого будет проходить выборка. Так как в функции для подсчета просмотров используется ключ "Просмотров", то этот параметр по умолчанию равен "Просмотров".
days - число последних дней, записи которых нужно вывести по количеству просмотров. Если указать год (2011,2010), то будут отбираться популярные записи за этот год.
cache - использовать кэш или нет. Варианты 1 - кэширование включено, 0 - выключено (по дефолту). Кэш будет работать только совместно с плагинами кэширования запросов. По умолчанию кэширование отключено.
Примеры использования
#1. Список из 15 самых просматриваемых записей
При этом в списке нужно указать дату записи и количество просмотров. Реализуется так:
выведет список в формате: Заголовок статьи - 11.Апр.2010 (2300, 25) где, 2300 - просмотры, 25 - комментарии.
#2. Изменим ключ произвольного поля
Для этого добавляем в параметры &key=<название нового ключа>
выведет список в формате: Заголовок статьи - 11.Апр.2010 (2300, 25) . Выборка постов будет проходить по произвольному полю со значением "views".
#3. Выведем 15 самых просматриваемых записей за последние 3 месяца (90 дней):
На этом все.
Если появятся вопросы по ходу прочтения или при установке этой функции, комментарии на блоге как раз для них.
Быстро, а главное - недорого купить подписчиков в группу Телеграмм Вам поможет сервис Avi1.ru . На страницах данного сайта Вы можете также получить различные услуги по развитию страниц в данной социальной сети. При желании, Вам помогут опытные и квалифицированные специалисты технической поддержки сайта.
2 голосаДоброго времени суток, уважаемые читатели моего блога. На любом сайте есть статьи, которые читают чаще остальных. Причина этого кроется не только в популярности поисковой фразы, но и качестве самой публикации. В топе поисковика может оказаться каждый, но окончательное решение принимает аудитория. Что-то не понравилось, и читатель покидает блог.
Небольшая подсказка для нового человека на вашем сайте поможет ему найти самые лучшие и полезные публикации на вашем сайте. Он может прийти случайно на сайт и внезапно наткнуться на что-то интересное и остаться. Это хорошо для вас, как для разработчика. Ведь тогда время, проведенное в блоге, будет увеличиваться.
Сегодня мы поговорим про WordPress популярные записи. Научимся выводить их простыми способами, при помощи виджетов, чтобы добиваться красивого результата быстро. Я также дам несколько полезных ссылок и тем новичкам, которые уже давно стремятся к самостоятельности и независимости.
Приступим?
Простой способ вывода
Для начала мне бы хотелось сделать небольшой обзор популярных плагинов, потом я расскажу как с ними работать на примере еще одного простенького варианта. Кстати, на мой взгляд, простота в данном случае ни коим образом не идет в ущерб качеству дизайна. Мне это расширение понравилось даже больше некоторых основных.
Думаю, что здесь для себя найдут интересное многие: и совсем неопытные новички, стремящиеся к простоте и стильности, и достаточно зрелые пользователи, жаждущие на основе чужого кода создавать свои, независимые и уникальные проекты.
Easy Popular Posts
Вы можете установить виджет в текстовую часть (колонка содержимого), основную панель или разместиться в футере (подвале).
Вот так выглядит панель настроек. Статьи могут отображаться с картинками или без них. Если ссылок на странице много и вы боитесь переспама, то можно поставить тег nofollow, чтобы поисковики не учитывали их.
Популярность может определяться по количеству комментариев, просмотров или репостов. Как установить соответствующие я уже рассказывал.
WordPress Popular Posts
Огромное количество скачиваний, невероятно простая установка и настройка, а также огромный выбор опций. Вы можете настроить вывод популярных в определенной категории на сайте.
Внушительное меню, с которым довольно просто разобраться, даже не зная английского.
Вы сами устанавливаете число вводимых постов, периодичность обновления.
Возможны различные варианты отображения.Без картинок или с иллюстрациями. Какого размера они будут. Показывать количество просмотров, автора, рубрику. Насколько большим будет сам блок и т. д.
Вы можете поставить посты, популярные сегодня, в течение недели, месяца, года. В зависимости от возраста ресурса.
Если захотите, можно отображать описания статьи по количеству слов или символов.
Открытый исходный код. При желании вы можете изучить Бесплатный курс по CSS (45 видеоуроков!) от Евгения Попова и настроить блок по собственному вкусу.
Popular Widget
Еще один интересный плагин — Popular Widget.
И снова большое количество настроек. Он подсчитывает количество просмотров, по которому создается список популярных статей на вашем блоге.
Показывает не только самые популярные статьи, но и последние просмотренные публикации, комментарии, теги и многое другое.
Код, опять-таки, открыт.
Как выводить новости
Давайте теперь я покажу вам как выводить новости и настраивать плагины. Действовать буду на примере Popularity Posts Widget. Он менее функциональный, чем предыдущие. Благодаря ему я смогу показать новичкам как работать с виджетами и не напишу для этой цели трехтомную статью. Возможно, кому-то понравится именно он.
Нахожу Popularity Posts Widget через «Плагин» – «Добавить новые» и активирую. С этим, убежден, что проблем не возникнет. Если что, ссылку на нужную публикацию я уже давал.
Открываем «Внешний вид» — «Виджеты».
Выбираем где будет размещаться блок. Можете попробовать по очереди все три варианта: основная колонка, содержимое или подвал.
Как только нажмете на «Добавить виджет», слева появится дополнительное окно. Оно мгновенно вылезет и привлечет ваше внимание.
Меняем заголовок, настраиваем условия выбора. Если сайт старый, а вы ставите длительный период выборки, сверху будут размещаться одни и те же статьи, набравшие тысячи просмотров.
Выбираем также количество символов в заголовке и что будет отображаться (дата, комментарии, количество просмотров).
Сейчас популярные записи выглядят вот так. На мой взгляд картинки слишком маленькие. Как изменить ситуацию?
Меня всегда удивляло, как дизайнеры смело и быстро определяют на глаз какой размер того или иного блока должен стоять. Понятное дело, за годы работы можно запросто обрести хороший глазомер. Но метод проб и ошибок меня не привлекает. Очень много времени потрачу.
Я скачал расширение для браузера MeasureIt. Это пиксельная линейка. Я просто щелкаю по иконке в браузере, затем выделяю область, где должна будет стоять иллюстрация.
Совершенно не важно в каком масштабе вы просматриваете страницу, показатели отображаются в пикселях.
Возвращаемся к панели настроек и ставим новые значения.
Теперь картинки отображаются совсем по-другому.
Если вам понравилась эта статья предлагаю вам прочитать , которые выводят последние (свежие) записи и публикации в случайном порядке (произвольные). Вы сможете добавлять себе на сайт новости с других сайтов: из Яндекса, престижных источников, имеющих отношения к профориентации портала.
Подпишитесь на рассылку новостей из моего блога и получайте полезные публикации с завидной периодичностью. Сегодня у вас родилась идея создать дополнительный блок с полезными публикациями, но сколько еще интересного можно сделать, чтобы усовершенствовать свой блог, сделать работу с ним легче, интереснее!
Позвольте мне дать вам новые идея для развития. Ну а если ждать не хочется, могу предложить книгу «Раскрутка. Секреты эффективного продвижения сайтов» . Здесь есть все, что необходимо разработчику: работа над и методы защиты текстов от воровства, наблюдение за поведением посетителей и работа с данными, в современных условиях и много чего еще.
Чем полезна это книга? Здесь очень много информации именно о Яндексе. Мы знаем о нем довольно мало. Сведений о Гугле куда больше и в книгах, и в журналах. Но сейчас, когда Яндекс становится все мощнее, полезнее для русских пользователей и все активнее выталкивает Гугл с просторов российского интернета пришла пора подробнее изучать именно этот поисковик.
Сколько времени на это уйдет и какие методы использовать — решать вам.
Ну вот и все. До новых встреч. Подписывайтесь на рассылку и читайте полезные книги. Я желаю вам удачи в ваших начинаниях.
