Условные теги являются великолепным инструментов для создания динамичного проекта, определяющего дизайн в зависимости от того, в какой секции в текущий момент находится посетитель.
Чаще всего условные теги применяются для вывода каких-либо сообщений на основе расположения пользователя на сайте. Рассмотрим небольшой пример, используемый в теме Notes Blog Core:
<?php
if (is_category()) {
echo '<h1>';
_e("Category", "notesblog");
echo ' <strong>';
single_cat_title();
echo '</strong></h1>';
} if (is_tag()) {
echo '<h1>';
_e("Tag", "notesblog");
echo ' <strong>';
single_tag_title();
echo '</strong></h1>';
} if (is_search()) {
echo '<h1>';
_e("Your <strong>search result</strong>", "notesblog");
echo '</h1>';
}
?>
Условные теги is_category (), is_tag () и is_search () позволяют вывести заголовки h1, в том случае если пользователь находится на соответствующей странице сайта. Насколько вы помните, условные теги возвращают логический результат – истину или ложь, и в зависимости от этого выполняется та или иная ветка цикла.
Создание меню, зависящего от условий
Условные теги идеально подходят для создания меню, в котором какой-либо из пунктов будет подсвечен.
1. Создадим базовую разметку для меню.
<ul>
<li>a menu item</li>
</ul>
2. Добавим к меню несколько ссылок:
<ul>
<li><a href="/">Home</a></li>
<li><a href="/category/music/">Music</a></li>
<li><a href="/category/books/">Books</a></li>
<li><a href="/category/games/">Games</a></li>
<li><a href="/about/">About</a></li>
</ul>
3. Добавим в стилевые таблицы класс «activemenu». Он будет применяться к тому элементу списка, который отвечает текущему местонахождению пользователя на сайте.
li.activemenu { background: yellow; }
4. Теперь добавим к пунктам меню условные теги:
<ul>
<li <?php if (is_front_page()) echo 'class="activemenu"'; ?>><a href="/">Home</a></li>
<li <?php if (is_category('music')) echo 'class="activemenu"'; ?>><a href="/category/
music/">Music</a></li>
<li <?php if (is_category('books')) echo 'class="activemenu"'; ?>><a href="/category/
books/">Books</a></li>
<li <?php if (is_category('games')) echo 'class="activemenu"'; ?>><a href="/category/
games/">Games</a></li>
<li <?php if (is_page('about')) echo 'class="activemenu"'; ?>><a href="/about/">About</a></li>
</ul>
Наше меню готово к работе. Просто и удобно!