Схожі записи з картинками на WordPress

Зміст

  • Як поставити картинки до схожих записів?
    • Що повинно вийти?

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

Схожі записи з картинками на WordPress – це відмінний спосіб поліпшити свій ресурс, адже зображення завжди привертають підвищену увагу.

Існує кілька плагінів для установки мініатюр до схожих записів, але як відомо, велика кількість додаткових розширень погано позначається на швидкості завантаження ресурсу. Ми розповімо вам, як встановити картинки до схожих записів без використання плагіна.

Як поставити картинки до схожих записів?

Щоб не залежати від розробників плагіна і не боятися можливих помилок, можна просто додати спеціальний код на сайт і схожі записи будуть супроводжуватися картинками.
Для початку потрібно буде перейти до редагування файлу single.php, що відповідає за представлення основних статей.

У движку WordPress є спеціальний код, що відповідає за мініатюри, тому в більшості випадків необхідна сходинка вже прописана:

Поряд з цим рядком повинна перебувати ще одна:

Тут ви можете задати розміри мініатюр. Зверніть увагу, якщо при додаванні зображення в статтю ви не позначали «Використовувати як мініатюру», вона не буде відображатися. Якщо ви перевірили наявність необхідних рядків, а також встановлювали використання мініатюр, то можете приступати до додавання основного коду:

Цей код необхідно встановити в single.php. Зверніть увагу, що в рядку між 25 і 26 встановлений код, що відповідає за розміри мініатюр.

Після додавання цього коду, вам потрібно модифікувати CSS файл, який відповідає за оформлення блоку з подібними записами. Якщо його загальний розмір буде 640 пікселів, то можете скористатися наступним кодом:

Як бачите, тут використовується два класу. Relatedposts використовується для оформлення самого блоку, relatedthumb відповідає за мініатюри і посилання. Можете підкоригувати цей код на свій розсуд, використовуючи різні кольори, розміри шрифтів та фонові зображення.

Що повинно вийти?

Якщо ви все зробили правильно, то під кожною статтею вашого сайту повинен з’явитися новий блок:

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

попередня статтяЯк створити Ківі гаманець?
наступна статтяЯк залучити партнерів у свою партнерку?