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

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

Урок №1. Вступление.

Среда, 20 мая 2009 - Создание тем

Вступление - это первый урок нашего "учебного пособия" по созданию тем для WordPress. Я не буду пытаться учить вас всему и сразу − вы только запутаетесь. Это не справочник: мои уроки предназначены для постепенного, пошагового обучения. Если вам просто нужны определения и справочные материалы по темам WordPress, тогда почитайте  WordPress.org's documentations, Design and Layout. В противном случае смело учитесь по моему пособию.

Этот урок включает:

  • основные правила;
  • терминологию WordPress;
  • иерархию и структуру WordPress.

Основные правила:

- Правило №1. Закрывайте все теги в обратном порядке тому, в котором вы их открывали.

<!-- Правильно закрытые теги: -->
<ul>
<li>
</li>
</ul>

<!-- Неправильно закрытые теги: -->
<ul>
<li>
</ul>
</li>

Во втором случае тэг ul был закрыт в неправильном порядке.

В начале и в конце каждого тэг ставятся знаки "<" и ">" соответственно. Наличие слэша "/" определяет к какому типу относится тэг - открывающему или закрывающему: < > значит открывающий , < /> − закрывающий. В примере я использовал тэги ul (unordered list - неупорядоченный список) и li (list item - элемент списка). Обратите внимание, как отркывающие и закрывающие тэги li помещены между открывающими и закрывающими тэгами ul.  Это называется вложением (nasting).

- Правило №2: Каждая тема включает в себя по крайней мере два файла - style.css и index.php.

C помощью index.php вы задаете вашей теме порядок  - куда все идет, а как все будет выглядеть решаете с помощью файла стилей - style.css.

Ниже приведен полный список файлов (не волнуйтесь по поводу количества файлов):

  • style.css
  • index.php
  • home.php
  • single.php
  • page.php
  • archive.php
  • category.php
  • search.php
  • 404.php
  • comments.php
  • comments-popup.php
  • author.php
  • date.php

Термины:

- Шаблон - набор кодов, который вы можете использовать в нескольких местах, без необходимости писать одинаковый код снова и снова.

- Файл шаблона - файл, котрый включает один или несколько наборов кодов (шаблонов). Каждая страница состоит из нескольких файлов-шаблонов. Например: файл index.php, файл style.css, файл sidebar.php и др.

- Тема или тема WordPress - это все файлы, которые вы используете: тексты, картинки, коды и др. Обратите внимание: тема WordPress и шаблон WordPress - это совершенно разные вещи, хотя некоторые люди считают, что это одно и тоже.

- Пост - в данный момент вы читаете пост. То есть, фактически, это запись в вашем блоге. Или перефразируя - страница дневника.

- Страница - особый тип поста, который не объединен  по категориям. Страница отделена от остальных ваших постов. Обратите внимание: WordPress чувствителен к регистру, поэтому, homepage и HomePage - это разные вещи. Если вы пишете с большой буквы, значение сразу же меняется.

Иерархия

Диаграмма внизу  показывает, что будет искать система WordPress в случае, если не хватает какого-либо файла темы. Я перечислил только шесть файлов в диаграмме,  вместо тринадцати, потому что, это основные файлы, на которых вам стоит сосредоточиться сейчас. В следующих уроках мы рассмотрим остальные файлы.

ierarchiya

Я определил уровень важности каждого файла в зависимости от его позиции. Верхний левый - наиболее важный.

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

Таким же образом, если не хватает файла single.php, к какому файлу-шаблону обратиться WordPress, чтобы отобразить отдельный пост? Конечно же, к файлу index.php.

Если у вас возникли вопросы, вы можете задать их в комментариях. Таким образом, кто-то сразу сможет увидеть ответ на свой вопрос, и не повторяться.  Я буду рад ответить на все ваши вопросы!

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

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

  1. m__i__s__t пишет:

    Отличный сайт! так держать!

  2. vizzzor пишет:

    А я опечатку нашел ;)
    …тема WordPress и наблон(ы) WordPress…

  3. wp-admin пишет:

    vizzzor, спасибо, случается иногда ;)

  4. Игорь пишет:

    Спасибо за интересный и информативный сайт. Вы не могли бы хоть немного подсказать как сделать нестандартную тему, очень хотелось бы что-то в стиле “The New Yorker 1.0 Premium WordPress theme” (например как это выглядит здесь – http://www.baltic-review.com). Подсмотреть в оригинальных файлах этой темы нчего не удалось – они зашифрованы. Было бы классно, если бы Вы помогли разобраться!

  5. IngArt пишет:

    В лучших традициях хорошего учебника – от простого к сложному.

  6. pashkey пишет:

    Очень полезная информация. Изучаю :-)

  7. Сергей пишет:

    опечатка:
    “- Тема или тема WordPress – это все фалы, которые вы используете: тексты, картинки, коды и др. “

  8. terabucks пишет:

    Теги нужно закрывать в ОБРАТНОМ порядке тому, в котором их открывали.

  9. Сергей пишет:

    Здравствуйте прочитал и теперь пробую все материалы уроков есть одна проблема не могу изменить размер шрифта в рубриках как это сделать и главное когда займемся стилями без них полная каша и ж……

  10. Максим пишет:

    Спасибо за уроки. Долго искал подобное.

  11. didgugan пишет:

    всегда думал что шаблон и тема – одно и то же.

    • wp-admin пишет:

      didgugan, часто подразумевают одно и тоже. Но среди разработчиков нужно как-то разделять тему оформления и шаблон для конкретной страницы или раздела например.

  12. jaZZa пишет:

    Спасибо, нужный ресурс.

  13. Михаил пишет:

    Да много полезного узнаю.
    Пока я теретически.
    Но уже скоро начну и практику.

  14. alex пишет:

    Оу! как раз понадобилось этакое пособие. Нашел в гугле. А тут еще и оказывается что буквально на начало попал! Спасибо Вам! Надеюсь очень пригодятся и помогут Ваши уроки.

  15. Proget пишет:

    Начал с начала, поверхностных знаний оказалось не достаточно ! Спасибо за полезный ресурс.

  16. Николай пишет:

    Актуально. Сейчас играюсь с ВП. замечание не по теме (слегка): дошёл до конца страницы, а кнопки “следующая” нет. приходится возвращаться и нажимать след ссылку. неудобно. Но, это мелочи. Первая глава понравилась, кое-что новое почерпнул.

  17. Андрей пишет:

    хороший материал, давно хотелось не искать шаблоны, а научиться делать самому

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

    Интересненько ) читаю следующий урок!

  19. Алтынбек пишет:

    Я администрирую блог в веб-браузере. Как то не сразу дошло что многие изменения делаются по ftp. Практически на всех тематических блогах по WP — это по умолчанию. Наверное про таких чайников как я — надо упоминать что ли… и как это делается.
    Я так понял что далеко не все плагины можно установить или будут работать через веб браузер?

  20. Алла пишет:

    Мне понравилось! Все просто а самое главное понятно новичку в wp!

  21. Где веб-студии набрать клиентов? | Сигнатура бога от Евгения Кузина пишет:

    [...] http://wp-config.ru/sozdanie-tem/urok-1-vstuplenie – обалденный мануал по нарисованию собственной темы на WordPress. Ничего лучше и проще я пока не встречал. Настоятельно рекомендую. Несмотря на мелкие огрехи (забудет сказать например, как настроить базу мискул на локальном сервере) – автору респект. Скидка на панель-Х Bookmark and Share: sociallist_6e219508_url = 'http://art-kurgan.ru/blog/web-design/gde-veb-studii-iskat-klientov/'; sociallist_6e219508_title = 'Где веб-студии искать клиентов?'; sociallist_6e219508_text = ''; sociallist_6e219508_tags = 'seo,Web-дизайн,WordPress,достижение целей,из болота,мотивация,разное,раскрутка,Раскрутка блога,товары Х'; Tags: SEO, seo, Web-дизайн, Web-дизайн, WordPress, WordPress, Дневник эксперимента, достижение целей, из болота, Мотивация, мотивация, Новости, разное, разное, раскрутка, Раскрутка блога, Раскрутка блога, товары Х, Товары Х [...]

  22. BagiraL пишет:

    Добрый день! Не боюсь показаться тупицей, но мне нужно перевести свой ОБЫЧНЫЙ сайт на wordpress! Ничего не могу понять, объясните, если можете, как это влияет на индексацию страниц, как сделать это безболезненно… HELP!

    • terabucks пишет:

      Никогда не бойтесь показаться тупицей.

      На индексацию, это конечно как-то и повлияет, но скорее всего не существенно по сравнению с другими более значимыми факторами (такими как раскрутка, контент…) и в неизвестную сторону, а следовательно матожидание равно нулю, т.е. можете смело считать, что не повлияет.

  23. dzyo-san пишет:

    Данные уроки я сохранил на компьютере давно, на всякий случай. И вот случай наступил. Решил поближе познакомиться с уроками.
    Тема по умолчанию в wordpress что-то слишком бедноватая и header слишком уродский.
    Созданная тема в Artisteer вдруг не пошла: сначала в Опере неправильно начала отображаться, а после обновления до wordpress3.0.3 вообще не появляется (сайт становится недоступным).
    Ну и прокомментирую заодно, так как сайт хоть и nofollow, но не noindex.

  24. Дмитрий пишет:

    Спасибо за уроки, сейчас как раз начну править свою тему на блоге.

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

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