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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Висновок

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

Також там є велика вкладкареклама", яка намагається змусити вас зареєструватися в рекламній мережі 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

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