Мініатюра рубрики wordpress, установка і висновок, створення сайтів на cms wordpress, верстка сайтів

Додавання мініатюр до рубрик wordpress!

Крок 1 - установка плагіна Category Thumbnails. Сподіваюся мені не потрібно пояснювати вам як встановлюють плагіни вордпресс. Якщо ви цього не знаєте гугл вам на допомогу, матеріалу на цю тему повно в мережі, про це напевно тільки ледачий не писав, вже все «гуру вордпресу» до дірок списали рунет цією темою.

Мініатюра рубрики wordpress, установка і висновок, створення сайтів на cms wordpress, верстка сайтів

Крок 2 - Додавання спеціальної функції в functions.php. Після встановлення плагіну скоріше за все у вас у верхній частині вікна з'явиться попередження про те, що ваша тема не підтримує мініатюри рубрики.

І що для того щоб все коректно працювало потрібно додати спеціальну функцію в файл functions.php вашої теми. Власне кажучи так і вчинимо. Йдемо в файли вашої теми (wp-content / themes / імя_папкі_теми), відкриваємо файл functions.php і десь внизу, перед закриває тегом php (?>) Вставляємо наступний код:

Даний код додає підтримку мініатюр рубрик для вашої теми (шаблону) вордпресс.

Крок 3 - реєструємо розмір мініатюри рубрики. В принципі цей крок можна сміливо припустити якщо ви будете самі «ручками» вирізати потрібний розмір зображень для рубрик. Але зазвичай я залишаю цю роботу на PHP, щоб він сам зменшував фізичний і фактичний розмір картинки і показував ту частину зображення яку необхідно, а все зайве обрізав.

Для цього вам потрібно знову ж у файлі functions.php вашої теми прописати наступний код:

$ Name - назва встановлюваного розміру;
$ Width - ширина реєструється мініатюри;
$ Height - висота реєструється мініатюри;
$ Crop - тип кадрування зображення. Сюди передається логічний оператор true або false. Якщо буде передано true: мініатюра створюють строго по зазначених розмірах вся що ні потрапляє в дане співвідношення сторін обрізається.

Якщо буде передано false: мініатюра кадруються по одній з відповідних сторін, якщо співвідношення сторін завантажується картинки не відповідає зазначеним параметром ширини і висоти, один з параметрів ігнорується, тому мініатюра частіше за все не буде на 100% відповідати зазначеним розмірам.

Я зазвичай застосовую в якості останнього параметра true, щоб мініатюра точно відповідала заданим мною параметрам, нехай навіть якщо побічний ефект цього - обрізка зайвий частини зображення.

У підсумку в своєму тестовому шаблоні в файл functions.php я вставляю код з наступними параметрами:

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

Крок 4 - Завантажуємо зображення для рубрики. Йдемо в адмінку і необхідної нам рубриці призначаємо мініатюру (відповідна кнопка з'явиться після установки плагіна Category Thumbnails), тобто завантажуємо зображення в медіабібліотеку.

Мініатюра рубрики wordpress, установка і висновок, створення сайтів на cms wordpress, верстка сайтів

Ну і не забуваємо оновлювати рубрику.

Тут використовуючи стандартну вордпресовскую функцію ми виводимо зображення виходячи з переданих параметрів функції, а саме: $ img_info → id - ідентифікатор зображення, який ми отримуємо завдяки інформації отриманої раніше про зображенні рубрики. І другим параметром є назва зареєстрованого раніше розміру (див. Крок 3) 'img_cat'. Сподіваюся тут все зрозуміло.

Підсумковий код, який вам потрібно буде вставити в ваш файл category.php виглядає так:

Мініатюра рубрики wordpress, установка і висновок, створення сайтів на cms wordpress, верстка сайтів

Тобто, як бачите, зображення виводиться, ніяких помилок немає.

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

Мініатюра рубрики wordpress, установка і висновок, створення сайтів на cms wordpress, верстка сайтів

На сьогодні у мене все. Як завжди сподіваюся даний матеріал вам був корисний і тепер ви знаєте як призначати і виводити мініатюри для рубрик в CMS WordPress. Всього найкращого.

Схожі статті