Дизайн в зависимости от условий



Условные теги являются великолепным инструментов для создания динамичного проекта, определяющего дизайн в зависимости от того, в какой секции в текущий момент находится посетитель.

Чаще всего условные теги применяются для вывода каких-либо сообщений на основе расположения пользователя на сайте. Рассмотрим небольшой пример, используемый в теме 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>

Наше меню готово к работе. Просто и удобно!

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Отправить ответ

Оставьте первый комментарий!

avatar
wpDiscuz