Настя, взял с:

http://wp-config.ru/

http://wp-config.ru/sozdanie-tem/sozdanie-temi-dlya-wordpress/

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

• Урок №2 Файлы шаблона и шаблоны

• Урок №3 Начинаем index.php

• Урок №4 Шаблон хедера.

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

• Урок №6 Цикл – The Loop.

• Урок №7 Контент.

• Урок №8 Мета-данные поста.

• Урок №9 Использование Else, Post ID, Link Title.

• Урок №10 Функция Post Nav Link.

• Урок №11 Сайдбар (и категории).

• Урок №12 Работа с ссылками на страницы (wp_list_pages).

• Урок №13 Сайдбар: работа с архивами и ссылками blogroll.

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

• Урок №15 Сайдбар: добавляем виджеты.

• Урок №16 Футер.

• Урок №17 Валидация темы – проверка и подтверждение.

• Урок №18 Style.css и вступление к CSS

• Урок №19 HEX коды и стили ссылок

• Урок №20 Использование Width и Float

• Урок №21 Форматирование поста

• Урок №22 Стилизуем сайдбар

• Урок №23 Футер. Делим индекс на зоны.

• Урок №24 Файлы суб-шаблонов

• Урок №25 Шаблон комментариев. Последний урок курса.

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

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

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

• основные правила;

• терминологию WordPress;

• иерархию и структуру WordPress.

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

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

?

01 02 03 04 05 06 07 08 09 10 11

<!-- Правильно закрытые теги: --> <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 в случае, если не хватает какого-либо файла темы. Я перечислил только шесть файлов в диаграмме,  вместо тринадцати, потому что, это основные файлы, на которых вам стоит сосредоточиться сейчас. В следующих уроках мы рассмотрим остальные файлы.

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

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

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

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

Урок №2. Шаблоны и файлы шаблона.

Вы читаете второй урок курса «Создание тем для WordPress». Если вы еще не читали Урок№1, вам стоит остановиться и вернуться к нему, иначе вы можете не понять терминов и прочих вещей, которые используются в этом уроке.

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

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

На схеме, расположенной выше, ваша первая страница состоит из четырех файлов-шаблонов: header, index, sidebar и footer.

Файл-шаблон хедера (header.php):

Это шапка сайта — в этом файле находятся название и описание вашего блога. Обычно, они одинаковы для всех страниц.

Файл-шаблон индексной страницы (index.php):

Этот файл включает в себя название вашего поста, контент (текст и картинки каждой записи), а также метаданные вашего поста (информация о записи: автор, дата публикации, к какой категории относится, сколько комментариев).

Файл-шаблон сайдбара (sidebar.php):

Данный файл отвечает за списки ссылок на Страницы, категории, архивы, блогролл и др. (сайдбар не обязательно должен находиться с правой стороны вашего макета; пример, который я использую, является стандартным двухколоночным макетом блога).

Файл-шаблон футера (footer.php):

Как и файл header.php, файл-шаблон футера обычно не меняется от страницы к странице. Вы можете поместить все, что угодно в этот файл, но как правило, сюда вносят информацию о копирайте.

Сейчас позвольте мне объяснить, почему файл index.php выделен красным в примере выше. Это означает, что вы находитесь на индексной странице.

Если вы находитесь на странице отдельного поста, ваша страница будет включать в себя четыре файла-шаблона, но красным будет выделен уже файл single.php.

Урок №3 Начинаем index.Php

Темой третьего урока курса «Создание тем для WordPress» является index.php. Если вы не читали уроки №1 и №2, советую вам прочесть их, иначе вы не поймете, о чем идет речь в данном уроке.

Пришло время прекратить чтение и начать создавать вашу тему для WordPress :-) В этом уроке вам придется немного потрудиться с кодами WordPress. На этом этапе вам понадобиться WordPress блог, установленный на ваш компьютер, работать с онлайн версией будет неудобно.

Шаг 1. Установите у себя локальный сервер Apache.

Для этого я рекомендую использовать Denwer. Он прост, удобен и понятен даже новичку. Подробную инструкцию по установке читайте на сайте.

Установите Денвер на ваш компьютер, следуя инструкциям по установке. Потом дважды кликните на ярлык Start Denwer на рабочем столе. Сервер запустится.  Если ошибок при запуске не возникнет  окно свернется в трей:

Шаг 2. Установите WordPress на локальный сервер.

В папке home создайте папку wordpress и уже в ней папку www. Скачайте последнюю версию WordPress с сайта и залейте установочные файлы в корень папки www. Далее наберите в браузере http://wordpress/ и просто следуйте инструкции по установке WordPress. Этот шаг не доставит вам никаких трудностей.

Шаг 3. Создайте папку для вашей темы.

Зайдите в папку ваших тем для WordPress. Она должны быть в /home/wordpress/www/wp-content/themes. Создайте в ней новую папку. Назовите ее например tutorial.

Шаг 4. Создайте файлы index.php и  style.css.

Откройте текстовый редактор по вашему выбору. Я рекомендую Adobe Dreamweaver или Notepad++.

Скопируйте все из файла index.txt в ваш редактор.

Сохраните данный текстовый файл в папке tutorial под именем index.php.

Откройте новый текстовый документ. Оставьте его пустым. Сохраните его под именем style.css в той же папке и закройте.

Сейчас у вас есть два файла: index.php и style.css.

Пояснения к index.php:

(кликабельно)

Нажмите на рисунок сверху для полного отображения. Я объясню что значат понятия, обведенные красным.

Doctype — определяет какой тип кодов вы используете для кода вашей темы. Доктайп не так важен на этом этапе. Я отметил его, чтобы вы не гадали, зачем он существует.

<html> — начало веб-страницы

<head> — начало хэда моей веб-страницы.  У каждой веб-страницы есть хэд и боди.

</head> — конец хэда.

<?php bloginfo(‘stylesheet_url’); ?> это функция PHP, которая находит файл style.css, чтобы моя тема могла связаться с этим файлом и отобразить все на страницах. Когда вы видите, что перед и после кодов ставятся знаки <?php и ?>, вы должны знать, что это PHP, и они отличаются от остальных кодов.  В PHP — <?php значит начало и ?> значит конец.

Итак:

- <?php — начало РНР

- bloginfo(‘stylesheet_url’) — найти файл style.css

- ; — прекратить искать файл style.css. Точка с запятой является способом закрытия набора кодов в системе PHP.

?> — конец РНР

Двигаемся дальше.

<body> — начало боди. Боди это все, что я вижу и читаю на моей веб-странице. Чтение этого пособия означает, что я смотрю на боди веб-страницы. </body> — боди заканчивается.

</html> — конец моей веб-страницы. После этого ничего не может следовать.