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

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

Урок №5. Еще о шаблоне хедера.

Вторник, 9 июня 2009 - Создание тем

Итак, это уже пятый урок курса «Создание тем для WordPress». Наверное, это уже не стоит говорить, но все же в последний раз напомню - не забудьте прочесть предыдущие уроки перед тем, как рассматривать следующий. Иначе, вы ничего не поймете. Сегодня на этом кратком уроке мы подытожим все, что узнали о шаблоне хедера и ознакомимся с блоковой версткой.

Шаг 1:

  • запустите сервер Apache
  • откройте папку с вашей темой, под именем Tutorial
  • откройте браузер, зайдите на http://wordpress/
  • вернитесь в папку с темой, откройте файл index.php в редакторе

Шаг 2:

На данном этапе вы должны увидеть:

<a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a>

Добавьте <h1> и </h1> в начале и в конце строки. Тэг <H1> означает заглавие №1. Вообще, существует 6 заглавий: Н1, Н2, Н3, Н4, Н5 и Н6. По умолчанию, Н1 - самый большой по размеру тэг, а Н6 - самый маленький.
Теперь строка кода выглядит так:

<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>

Сохраните файл, вернитесь в браузер и обновите окно.

Шаг 3:

Вызовите описание вашего блога, напечатайте <?php bloginfo('description'); ?> сразу под кодом ссылки на заголовок. Должно получиться так:

<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
<?php bloginfo('description'); ?>

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

<?php - начало PHP;
bloginfo('description') - вызвать информацию о моем блоге, в частности описание;
; - прекратить вызов описания;
?> конец PHP.

Шаг 4:

этот шаг ознакомит вас с новым тэгом - DIV.
Напечатайте <div> и </div> в начале и в конце всего, что уже есть в файле. Вот так:

<div>
<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
<?php bloginfo('description'); ?>
</div>

Сохраните это, обновите окно браузера. Вы не должны увидеть каких-либо изменений.

Представьте, что DIV - это невидимый блок. Он существует для того, чтобы отделить ссылку на заголовок блога и описание блога от всего остального. Если вы не оформляете его, он не исполняет никаких функций, кроме разделения контента. Позже, вы научитесь использовать файл style.css для придания невидимому блоку собственного стиля. DIV можно оформить границами, текстурами, полями, фоновыми цветами, картинками и прочим.

Шаг 5:

Добавьте id="header" к тэгу DIV, вот так:

<div id="header">

Сохраните файл, обновите окно браузера.

Это изменение также пока ни к чему не приведет. Мы присвоили ID тэгу DIV, потому что тот тэг не будет единственным - появятся еще такие же невидимые блоки. А ведь нужен способ, чтобы как-то их разграничить, так? Об этом в следующих уроках.

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

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

  1. Mixuha пишет:

    Как обычно, позновательно. Спасибо :)

  2. odessa_russia пишет:

    очень просто и доступно описывается

  3. Delirious пишет:

    Опечатка. href у ссылки =”?php bloginfo(‘url’); ?>, где отрывающую скобку потеряли?

    href=” Правильный вариант

  4. Ученик пишет:

    Вопрос по размерам шрифтов. Как сделать шрифт больше чем в тэге ?

  5. Ученик пишет:

    А вообще СПАСИБО! Очень понятно!

  6. Ученик пишет:

    Уточняю вопрос.
    Больше чем Н1, это к вопросу о размерах шрифта.

  7. фото блог пишет:

    Дальше..

  8. Собираетесь создать тему для WordPress? | Web Дизайн пишет:

    [...] Урок №5 Еще о шаблоне хедера. [...]

  9. yurazazik пишет:

    На данный момент это лучшее и подробнейшее описание по изготовлению шаблонам WordPress! Автору огромное спасибо!

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

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