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

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

Ви ніколи не замислювалися, як зробити заголовки рубрик на головній сторінці сайту більш впізнаваними та незабутніми?

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

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

Як це зробити вручну

Дуже просто. Перейменуйте потрібні іконки так, щоб вони мали вигляд 1.jpg, 2.jpg, 3.jpg і так далі. Цифри 1,2 та 3 в іменах файлів повинні відповідати номеру ID кожної рубрики. (Як дізнатися ID кожної рубрики – див. WordPress Codex). Помістіть іконки до папки та завантажте на сайт.

Тепер просто додайте цей шматочок коду у вашу тему там, де ви хочете відобразити іконки.

<?php
foreach((get_the_category()) as $category) {
    echo '<img src="http://example.com/images/' . $category->cat_ID . '.jpg" alt="' . $category->cat_name . '" />';
}
?>

Тільки замість example.com/images потрібно вказати повну URL-адресу до папки з вашими іконками на сайті.

Як це зробити за допомогою плагіна

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

Як відобразити різні іконки для окремих рубрик

ось основні можливості цього плагіна:

  • відображення однієї або кількох іконок перед заголовками записів або у довільному місці;
  • відображення іконок у сайдбарі із заголовком або без заголовка рубрики;
  • налаштування іконок через додатковий віджет;
  • відображення рубрик іконок в RSS стрічці новин.

Завантажити плагін можна по цій засланні. Якщо ви не знаєте як встановлювати та активувати плагіни, ознайомтеся з нашим уроком.

Тепер ви знаєте, як урізноманітнити нудні та однотонні заголовки рубрик на своєму сайті.

Як відобразити різні іконки для окремих рубрик

Джерело: wplift.com
inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!
Олексій Шевченко
редактор wpcafe
Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, що спеціалізується на створенні сайтів WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/

Коментарі до запису: 4

Макс:

Якщо роблю вручну, виводиться лише одна іконка для рубрики, яка в меню стоїть на останньому місці. Як це виправити? Чи може бути інша функція, яка б робила вибірку із заданих рубрик?

WordPresso:

Якщо вам не вдається зробити це вручну, спробуйте за допомогою плагіна Category Icons https://hostenko.com/wpcafe/goto/http://wordpress.org/extend/plugins/category-icons/

Думати:

Існує необхідність призначення іконки для сторінок. Грубо кажучи, я змінюю в коді «категорії» на «пост» і так само додаю картинки до id? Хтось пробував ручним способом їх встановлювати? Поділіться досвідом

WordPresso:

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

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