Виводимо популярні записи wordpress без плагіна!

Сьогодні ми з Вами торкнемося таке питання, як висновок популярних записів без плагіна. Плагінів багато, все ними вміють користуватися, але якщо Ви так само негативно налаштовані по відношенню до плагінів, тоді цей урок для Вас! Ми торкнемося не тільки вставку коду, але і красиво оформимо сам висновок постів. Поїхали!

Перед тим, як приступати до реалізації поставленого завдання, завжди треба питати себе: "Що мені треба зробити?" і "Як мені це зробити?". Запам'ятайте ці 2 питання. Вони є ключем до успішного завершення будь-яких поставлених завдань.

Отже, нам потрібно постаратися вивести популярні записи wordpress без плагіна. Як ми будемо оцінювати популярність? Можна за кількістю відкриттів записів (але про це в інших уроках, заодно навчу і в адмінки виводити ці значення). Так що підписуйтесь і завжди будьте в курсі!

Звучить нескладно, правда?

Як вивести популярні записи WordPress без плагіна ?!

Виберіть місце, де хочете виводити популярні записи. Визначтеся, вони будуть розміщені горизонтально або вертикально? Зазвичай розміщують вертикально. Але ми розглянемо як зробити обидва варіанти.

Після того, як Ви вибрали підходяще місце, вставте наступний код:

І ось який результат у нас:

Краще? Набагато! У стилях я постарався торкнутися буквально всіх параметрів (відступи, розмір шрифту і тд), тому якщо Ви щось хочете змінити, просто відкрийте стилі, не обов'язково досконало знати css, можете просто поекспериментувати з різними значеннями і подивитися що з цього вийде.

Якщо Ви знайомі з англійським хоча б на базовому рівні - розібратися буде набагато простіше. Так font-size відповідає за розмір шрифту. І не обов'язково знати css для того, щоб це зрозуміти.

Висновок популярних записів WordPress горизонтально

Якщо Ви хочете, щоб пости виводилися приблизно ось так:

(Тут саме НЕ 2 колонки, а повноцінний горизонтальний список популярних постів. Просто ширина не дозволила б все 4 поста розмістити в 1 рядок, тому автоматично встало ось так. Якщо у Вас ширина більше, тоді всі пости будуть в одну лінію).

Так ось, якщо результат Вас влаштовує, тоді відкрийте style.css файл і додайте туди наступні стилі: