Работает система Orphus

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

  • RSS

Учебник по WordPress

Полезные советы

Хитрости

Шоукейс

О проекте

Темы WordPress на русском!

Эволюция пользовательского интерфейса WordPress (2003 – 2009)

Четверг, 14 января 2010 - Рекомендуем, Статьи и советы

WordPress каким мы видим его сейчас – это продукт любви, которой наградило его сообщество. Без идей, пожеланий, рекоммендаций и советов пользователей и тяжелой работы команды разработчиков, которая воплощала это всё в жизнь, из него никогда бы не получилось того, что есть сейчас. Сегодня WordPress предстает перед нами мощной полноценной CMS, подходящей почти под любые нужды. [...]

читать дальше

Продвинутые советы по разработке сайтов на WordPress

Понедельник, 27 июля 2009 - Рекомендуем, Статьи и советы

Последние релизы дают понять, что WordPress расширил границы своих возможностей далеко за пределы блоггинга, приобретая все больше качеств серьёзной и мощной системы по управлению контентом. Изначально, WordPress предлагает довольно поверхностный, минимальный функционал. Но простота основы с лихвой компенсируется изобилием плагинов, которые значительно увеличивают потенциал движка.

читать дальше

5 полезных и оригинальных способов использования виджетов в WordPress

Четверг, 16 июля 2009 - Рекомендуем, Статьи и советы

Если вы создали хотя бы несколько сайтов на WordPress, то вы наверняка уже знаете, что WordPress это гораздо больше, чем просто блоггинговый движок. Он может быть также использован как и CMS, а виджеты WordPress – это мощный инструмент в арсенале WP-разработчика.

Многие думают, что WordPress виджеты это всего лишь способ реорганизовать структуру сайдбара вашего блога, не трогая код. Это действительно полезная способность видежтов, но это всего лишь верхушка айсберга всех возможностей, которые они предоставляют.

читать дальше

Урок №14. Поле поиска и календарь.

Пятница, 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>

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

search-test

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

  • <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>

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

calendar

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

  • <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>

add-meta

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

meta-logged-out

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

meta-logged-in

(Если зашли)

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

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

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

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

16 комментариев

  1. Lukich пишет:

    Спасибо что подробно все объяснили.

  2. Polyakoff пишет:

    Большое спасибо, а продолжение когда будет?

  3. Mishuta пишет:

    Полезная информация, попробую обязательно.

  4. Adelante пишет:

    Спасибо! Правда, я не совсем понимаю, почему вы вместо кавычек и стрелочек использовали в этом уроке “lt” и “gt”. Когда их вводишь в код – отображается ерунда. Может недоразумение какое-то? Заменил на ” и > – все заработало.

  5. Nyura пишет:

    Я тоже самое сделал и все пашет.

  6. Alegris пишет:

    Немного ошибок в коде… там знак на gt;

  7. Alegris пишет:

    заменяет триугольные скобки на код html.
    не все ж поймут что надо делать)

  8. Alexander пишет:

    чо за путаница в шаге 2?
    теги загрыты не правильно или я чо то не понимаю?

  9. Alex_la пишет:

    Солидарен с Александром, что то не то с 2 Шагом, у меня показевает 2 калиндаря… )

  10. Александр пишет:

    Тут автор наверно хотел показать 2 способа вывесить календарь. Ну впрочем

    первых двух строк будет достаточно ;) спасибо за материал

  11. Кирилл пишет:

    Я вот только не совсем пойму… судя по скрипту он вызывает два раза календарь.
    1 календарь

    2 календарь

    Т.е. я написал так, как здесь и у меня на страницы вылезло два календаря.

  12. Евгений пишет:

    Уважаемый, администратор, исправьте плз код календаря на этот.

  13. Евгений пишет:

    Ой, простите. Думал что код влезет комент, но не получилось.
    Вообщем там последние три строчки лишние кроме закрывающего li

  14. Ruslan пишет:

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

    У вас там ошибки:
    1) два раза вызывается одна и та же функция get_calendar();
    2) div’ы с одинаковыми id
    3) неправильно закрытые теги div и li
    4) пустой ‘div id=”_mcePaste”‘

    Рассказываете нууу оооооочень медленно. Зачем писать по сто раз, что такое закрывающий тег. Вы пишете(сорри, уже написали) туториал по созданию тем для wordpress или мануал по html/css/php?
    ИМХО. Ну просто оооочень сильно разжовано

  15. Anonimous пишет:

    Господа, функция wp_specialchars() считается устаревшей с версии ВП 2.9, рекомендуют вместо нее использовать esc_html() с теми же аргументами. Подкорректируйте код searchform.php.

Ваш комментарий

Этот домен продается здесь: telderi.ru, и еще много других