Більше результатів...

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
FAQ
Hostenko
Натхнення
Відео уроки
Новини
Плагіни
Теми
Уроки
Хакі

Створюємо віджет популярних постів у стилі Engadget

Engadget — великий блог про гаджети та технології. Хлопці використовують на своєму сайті одну візуально цікаву штуку — у сайдбарі вони показують, які статті популярні, за допомогою віджету, що відображає популярні статті вгорі в червоному кольорі, тоді як статті з меншою кількістю коментарів відображаються на тлі холодніших кольорів, ось так:

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!

Створюємо віджет популярних постів у стилі Engadget

Виглядає симпатично? Якщо ви хочете використовувати щось схоже на вашому блозі, є два безкоштовні плагіни, які ви можете використовувати для цього. Це Related Content та Most Popular . У цій статті ми розглянемо, як встановлювати та налаштовувати ці плагіни.

установка плагінів

Матеріали по темі

Створюємо віджет популярних постів у стилі Engadget

Ви можете завантажити плагін з офіційного каталогу розширень WordPress за цим посиланням.

Найбільш популярний

Створюємо віджет популярних постів у стилі Engadget

Ви можете завантажити плагін з офіційного каталогу розширень WordPress за цим посиланням.

Якщо ви не знаєте, що таке плагіни і як їх встановлювати, перегляньте цей урок.

Налаштування плагінів

Ви побачите, що плагіни додали пункт меню " nrelate ", який веде до " Most Popular " та " Related Content " - виберіть Most Popular (у плагінів однакові опції, так що це підходить для будь-якого з них). Перше, що потрібно зробити, щоб отримати стиль як у Engadget - вибрати зі списку " text " і потім вибрати інші опції, такі як заголовок для блоку або скільки записів показувати:

Створюємо віджет популярних постів у стилі Engadget

Після цього вам потрібно вибрати кілька опцій розмітки - ви можете вибрати, на яких сторінках показувати плагін, а також вибрати, як додати його до вашої теми (за допомогою віджету або вставивши код у файли вашої теми):

Створюємо віджет популярних постів у стилі Engadget

Коли ви закінчили з цими опціями, перейдіть у вкладку " Text Gallery " угорі, поставте галочку біля стилю " Engadget " і збережіть.

Створюємо віджет популярних постів у стилі Engadget

Плагін покаже повідомлення на зеленому фоні (його можна побачити на скришоті вище), повідомляє, що він індексує ваш сайт. Це може зайняти близько 20 хвилин - я думаю, плагін використовує свої власні сервери для індексування, тому процес займає багато часу.

Як тільки плагін закінчить індексування, ви зможете перейти в Вид → Віджети та розмістити віджети для обох плагінів, які на сайті виглядатимуть приблизно так:

Створюємо віджет популярних постів у стилі Engadget

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

Висновок

Цей плагін робить те, що він обіцяє, але я не впевнений, що робить це найбільш ефективно — використання зовнішніх ресурсів призводить до того, що плагіну знадобилося багато часу для індексування мого тестового сайту з двома записами. Якби це було зроблено внутрішніми ресурсами, це було б набагато швидше.

Також там є велика вкладка Advertising , яка намагається змусити вас зареєструватися в рекламній мережі nrelate advertising - я знаходжу це трохи нав'язливим. Звичайно, автори плагіна вільні рекламувати у своєму плагіні будь-що, але я б зробив це тонше.

Це кілька негативних сторін, позитивні для мене — актуальність віджету, мені подобається його вигляд, також є багато опцій для відображення популярних записів та схожих записів з іконками, ви також можете використати свій CSS , щоб підігнати віджет під свою тему. Загалом, я порадив би спробувати плагін, щоб зрозуміти, чи підходить він вам.

Джерело: WPLift.com
inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!
Олексій Шевченко
редактор wpcafe
Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, що спеціалізується на створенні сайтів WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/

Коментарі до запису: 4

Василь Єпіхін:

Дякую за статтю. Дуже знадобилася! +5 автору)

Dmitry:

Дякую за статтю. Є і платний аналог - https://1.envato.market/c/1308195/523002/4415?u=https://codecanyon.net/item/popular-posts-bar-widget/115225

Олена:

Мені дуже сподобалися популярні статті у такому виконанні, і Engadget чудово вписався у мій сайт. Велике спасибі. А ось Related Content працювати, на жаль, не хоче. Скажіть, будь ласка, який плагін виводить у вас схожі статті наприкінці статті?

WPcafe.org:

У нас цей блок реалізований вручну через шматок коду у functions.php, але є маса готових рішень та плагінів для цього: http://wordpress.org/plugins/search.php?q=related+posts

Додати коментар або відгук