WordPress для каждого на русском языке!

Пятница, 14 августа 2009 - Создание тем

Хотя название урока «Поле поиска и календарь», я немного расскажу и о блоке Meta. Давайте сегодня закончим рассматривать стандартный сайдбар и в следующий раз наконец узнаем, как его виджетировать. Ну что ж, поехали…

Шаг 1

Добавляем поле поиска. Перед тем, как я дам вам код, создайте новый файл в редакторе, оставьте его чистым и сохраните  под именем searchform.php (конечно, в той же папке, где находится файл index.php). Скопируйте код из файла searchform.txt в ваш файл searchform.php. Пока все, на этом временно оставим файл searchform.php в покое.

В файле index.php наберите следующий код, над всеми списками в сайдбаре:

<li id="search">
<?php include(TEMPLATEPATH . '/searchform.php'); ?>
</li>

Сохраните файл и обновите браузер. Вот результат:

Что произошло?

• <li id=”search”> - открыть элемент списка с ID search. Вы присваиваете ему ID, чтобы потом можно было стилизовать.
• include() – включить любой файл, который вы хотите. Эта функция отличается от  функции шаблона WordPress, потому что функция include() просто включает то, что уже есть там. В этом случае, это код из файла searhform.php.  Информация которая включается, не меняется вместе с блогом. Другими словами, мое поле «Поиск» выглядит точно так же, как и ваше.
• TEMPLATEPATH – место нахождения папки с вашей темой, wp-content/themes/tutorial
• ‘/searchform.php’ – место расположения и имя файла, /searchform.php
• Точка между TEMPLATEPATH и ‘/searchform.php’ связывает их, так что в итоге вы получите:
  wp-content/themes/tutorial/searchform.php
• </li> - закрыть элемент списка

Обратите внимание, что блок с полем поиска не имеет подзаголовка, как Категории, Архивы, Страницы или Лента блогов. Вы можете дать ему подзаголовок, если хотите, но для того, чтобы ваш сайдбар был как можно больше приближен к виджетизированой версии, не нужно делать подзаголовок.

Шаг 2:

Добавляем календарь. Введите следующий код под полем поиска или блоком списка страниц:

<li id="calendar"><h2><?php _e('Календарь'); ?></h2>
<div id="_mcePaste"><?php get_calendar(); ?></div>
<div id="_mcePaste"></li></div>
<li id="calendar"><h2><?php _e('Календарь'); ?></h2><?php get_calendar(); ?></li>

Сохраните и обновите окно. Вот результат:

Что же происходит?

• <li id="calendar"> - открыть элемент списка с ID, под именем “calendar”
• <h2> - начать подзаголовок
• <?php _e('Календарь'); ?> - напечатать слово Календарь
• </h2> - закрыть подзаголовок
• get_calendar() – вызвать календарь с помощью функции get_calendar()
• </li> - закрыть элемент списка

С календарем все предельно просто. Будем считать что мы закончили.

Шаг 3:

Добавляем Мета. Введите следующий код под get_links_list():

<li><h2><?php _e(’Meta’); ?></h2>
<ul>
<?php wp_register(); ?>
<li><?php wp_loginout(); ?></li>
<?php wp_meta(); ?>
</ul>
</li>

Сохраните и обновите окно. Вот результат:

(Если вы не зашли в админпанель WordPress)

(Если зашли)

Что произошло?
Вы открыли элемент списка (LI) с подзаголовком  (H2) Meta. Под подзаголовком вы разместили ненумерованный список (UL). И поставили вокруг него (для каждой ссылки) тэги элемента списка (LI).

Функция wp_register() генерирует собственный набор тэгов <li> и </li>; когда вы не авторизованы, отображается ссылка Register; когда вы авторизованы, вы видите ссылку Site Admin. Функция wp_loginout() не генерирует свои тэги элемента списка, так что вы их поставили вокруг нее; когда вы не авторизованы, вы видите ссылку Login; когда авторизованы – ссылку Logout. Пока что функция  wp_meta() ничего не делает; она невидима как на веб-странице, так и в исходном коде. Пока не думайте о функции wp_meta(); вы будете редко ее использовать.

Это все. Мы закончили с Meta и полностью рассмотрели стандартный сайдбар.

Перейти к следующему уроку »