Создание темы для WordPress. День 1.
Как и было обещано на прошлой неделе, мы начинаем курс по созданию тем для WordPress. За пять дней мы вникнем в основы шаблоностроения под WordPress и будем уверенно ориентироваться в коде шаблонов. Перед началом обучения хочу напомнить то, что нас ожидает в процессе изучения курса:
- Воскресенье: Введение в вопрос создания тем для WordPress;
- Понедельник: Редактирование Index.php и style.css, двух важнейших фалов шаблона;
- Вторник: Редактирование header.php, sidebar.php и footer.php
- Среда: Выводим содержимое сообщения: single.php
- Четверг: Завершаем тему: archive.php, home.php и functions.php
Как вы уже догадались, сегодня у нас будет день введения в создание тем для WordPress. Мы настроим наш компьютер для удобной работы и изучим основные тонкости в шаблоностроении для WordPress. Итак, приступим:
1. Самоподготовка
Прежде всего, перед началом разработки темы для WordPress вам нужно убедиться, что у вас есть хотя бы начальные знания HTML и CSS, которые понядобятся вам непосредственно для верстки шаблона. Если таких знаний у вас нет, советую ознакомиться с сайтами htmlbook.ru и css-school.ru. Недели на поверхностное ознакомление и пробы себя в верстке вам вполне должно хватить.
2. Подготовка компьютера
Следующим нашим шагом будет выбор текстового редактора для редактирования кода. Подсветка синтаксиса здорово облегчает верстку и экономит время. Для пользователей Windows советую редактор Notepad++. Этот свободнораспространяющийся редактор с поддержкой десятков языков программирования и огромного колличества плагинов.
Кроме этого нам нужно установить WordPress на локальный сервер для удобства работы и экономии времени. Подробный проецесс я описал в этом посте.
3. Основные особенности создания тем
Тема для WordPress состоит из множества файлов, каждый из которых отвечает за определенную область страницы. Главые 4, не считаю файлов стилей и картинок,– это index.php, single.php, header.php, sidebar.php и footer.php.
Index.php отвечает за вывод списка статей. Single.php — за вывод одной статьи. Header.php и footer.php отвечают за вывод шапки и подвала сайта. А sidebar.php отвечает за вывод сайдбара, в котором обычно отображается различная служебная информация.
Примерно так выглядит список файлов стандартной темы для WordPress:
При редактировании любого файла изменения сразу становятся доступными на сайте. Это очень удобно и позволяет вносить быстрые и точные правки.
В следующих частях курса мы подробнее остановимся на работе и функциях вышеуказанных файлов. Также советую подписаться на нашу rss-ленту для удобства слежения за новыми частями курса.
Последние комментарии