Рубрики WordPress — це стандартна таксономія, яка дозволяє групувати контент сайту з окремих тематиками. За замовчуванням всі рубрики на сайті оформлені однаково. Фонове зображення, колір тла, текст тощо — все в одному стилі для всіх рубрик.
Але якщо на вашому сайті дуже багато контенту і різних рубрик, і ви хочете візуально виділити якусь окрему рубрику? WordPress це дуже легко зробити, і в цьому уроці ми покажемо вам як.
Дивіться також:
- Як відображати різні Сайдбари для різних Записів та Сторінок у WordPress (через плагін)
- Як додати та відобразити опис для Рубрик на сайті WordPress
- Різна структура теми оформлення для різних рубрик в WordPress
- Як в WordPress перетворити Мітки на Рубрики і навпаки
- Оформляємо пости за рубриками на головній сторінці вашого WordPress сайту
- Як вивести останні пости з кожної рубрики WordPress на одній сторінці
Навіщо оформляти рубрики в WordPress по-різному?
Як ми сказали вище, більшість WordPress тим використовує той самий шаблонний файл для кожної рубрики або архівної сторінки. Це частково тому, що розробники не в курсі того, як ви налаштовуватимете і використовуватиме рубрики на своєму сайті.
Але якщо на сайті багато рубрик, зміна зовнішнього вигляду однієї з них може значно привернути увагу відвідувачів, що піде на руку для вас і для них.
Наприклад, якщо у вас проект новин або сайт онлайн-журналу, ви можете індивідуально налаштувати показ реклами для кожної окремої рубрики.
Або якщо ви продаєте товари для дітей, ви можете виділити колірне оформлення кожної рубрики, щоб більше відповідати товару.
Створюємо окремий файл шаблону для нової рубрики
WordPress використовує певний файл шаблон для відображення ваших рубрик. Йдеться про конкретний PHP файл у вашій темі оформлення.
Наприклад, для відображення сторінки рубрик використовується файл category.php. Якщо такого файлу у вашій темі немає, тоді завантажується файл archive.php.
Основний фокус тут полягає в тому, що ви можете створювати дублікати цих файлів для індивідуальних рубрик.
Наприклад, у вас є рубрика з назвою "Apple", і ви хочете зробити для неї інше оформлення. Якщо за виведення рубрик у вашій темі оформлення відповідає файл category.php, то ви можете створити його копію, назвавши новий файл категорія-apple.php.
Якщо ваша рубрика називається "Магазин", вам потрібно назвати файл category-shop.php, Думаю логіка тут ясна.
Якщо ім'я вашої рубрики пишеться російською мовою, тоді потрібно дивитися по ID номеру цієї рубрики і називати файл якось так: категорія-17.php, де 17 - це ID рубрики.
Просто підключіться FTP до вашого сайту, зайдіть в каталог /wp-content/themes/ваша-тема/ скопіюйте і перейменуйте файл:
З цього часу за відображення рубрики "Apple" відповідатиме файл category-apple.php.
Тепер ви можете використовувати будь-який редактор коду та змінити код цього файлу будь-яким чином, наприклад, ви можете підключити інший сайдбар або відключити його взагалі, використовувати full-width макет для сторінки тощо.
Оформляємо новий шаблон рубрики за допомогою CSS
WordPress автоматично додає класи CSS для різних елементів по всьому сайту.
Якщо ви перейдете на сторінку вашої рубрики "Apple" та відкриєте режим Developer Tools у браузері (F12 у Chrome), то можна буде дізнатися ім'я класу для кожного елемента.
У нашому випадку для рубрики Apple використовується окремий CSS клас. category-apple:
Після того, як ми дізналися ім'я класу, що нас цікавить, ми можемо додати індивідуальне оформлення цього класу в таблиці CSS стилів style.css.
Наприклад, ми використовували такий код, щоб змінити кольори основних елементів сторінки:
body.category-apple {
background-color:#EEE;
background:url("http://example.com/wp-content/uploads/2017/background.jpg") no-repeat fixed;
color:#FFFFFF;
}
.category-apple .site {
background:#232323;
}
.category-apple a {
color:#CCCCCC;
} 
Не забудьте змінити ім'я для класу, якщо копіюватимете наш код.
На цьому все! У цьому невеликому уроці ми показали, як створювати окремі файли шаблонів теми для окремих рубрик та застосовувати для них індивідуальне оформлення за допомогою CSS.
Джерело: wpbeginner.com
Коментарі до запису: 6
Щось незрозуміло як скопіювати файл. Адже якщо натиснути «створити новий файл», створюється просто порожній файл.
Витягуєте по FTP із сайту вихідний category.php на комп'ютер, на комп'ютері перейменовуєте його, відкриваєте, редагуєте, зберігаєте та заливаєте назад на сайт по FTP.
тлумачна стаття - дякую!!
до цього просто хтмл прописував для айді кожної рубрики, а це ж на багато швидше якщо рубрик багато
Дякую! Виникли питання:
1) А через дочірню тему, як це зробити?
2) у моїй темі немає category.php. Значить, підхоплює архів. Якщо я зроблю цей файл буде мати пріоритет? І category-apple.php буде мати пріоритет над архівом?
Добрий день.
Шаблони у дочірній темі замінюють відповідні файли батьківської теми. Дочірня тема може замінити будь-який батьківський файл шаблону, просто створивши файл з таким же ім'ям. Ця особливість WordPress дозволяє вам змінювати файли шаблонів батьківської теми без безпосереднього їх редагування, тому всі зміни збережуться при оновленні батьківської теми.
Ієрархія, у разі послідовна перевірка, свідчить, що з виведення однієї сторінки на сайті, підходять кілька назв файлів. Перевірка, який файл буде використаний йде по черзі. Тобто. є список файлів, кожен з них по черзі перевіряється на фізичне існування, як тільки знайдено існуючий файл перевірка припиняється і знайдений файл використовується як шаблон.
Наприклад, ми заходимо на сторінку рубрики «Apple» з ярликом apple та id 25. Тоді для генерації коду цієї сторінки WordPress по черзі перевірятиме наявність наступних файлів (перевірка перерветься на першому існуючому файлі):
категорія-apple.php
категорія-25.php
category.php
archive.php
index.php
Дякуємо за розгорнуту відповідь!