Как добавить определенный внешний вид к ссылке на категорию

Как добавить определенный внешний вид к ссылке на категорию | n-wp.ru
👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

В любом блоге используются встроенные функции для вывода в посте ссылки на категорию. Однако у этих функций есть один недостаток — создаваемые ими ссылки имеют такой же внешний вид, как и все остальные. Если вам нужно придать ссылкам на категории индивидуальный стиль, то загляните во внутрь этого поста.

Как добавить определенный внешний вид к ссылке на категорию

Если разбирать внутренности темы, то не трудно заметить, что ссылка на категорию создается вот такой функцией:

</pre>
<p>Есть два способа добавить к ссылке, выводимой этой функцией, стиль — заключить ее в какой-нибудь контейнер со стилем, или же применить фильтр, добавляющий оформление непосредственно в код вывода ссылки.<br />
Сделать контейнер со стилем достаточно просто — нужно всего лишь заключить функцию в span:</p>
<pre><span style="color:#FF0000"></span>

Можно внедрить стиль непосредственно в контейнер, как это сделано строчкой выше, а можно создать в style.css класс, задающий вид контейнеру:

<span class="category"></span>

где класс category прописан в style.css:

span.category a{ color:#FF0000; }

Второй же вариант предполагает добавление специального кода в functions.php:

function add_class_for_categories($thelist) {
	return str_replace('">', '" class="category">', $thelist);
}
add_filter('the_category', 'add_class_for_categories');

где класс category описан в style.css:

.category { color:#FF0000; }

Первый способ локальный, изменяет только конкретную ссылку, второй — глобальный, изменяет все ссылки в теме, создаваемые функцией the_category, не нарушая кода самой темы. Выбирайте, какой вам способ удобнее использовать.

Создай свой первый сайт на WordPress

tiaurus

Автор n-wp.ru — блога о WordPress для новичков.

Оцените автора
Добавить комментарий