Это серия руководств, охватывающая основы разработки темы WordPress с нуля. Это для тех, кто немного поиграл в изменении других тем, желая знать достаточно, чтобы создать свою собственную, или пытался создать свою собственную тему с нуля, но с трудом понял основы того, что нужно теме. Этот учебник состоит из 12 уроков, которые помогут вам разработать собственную тему WordPress, а также изучить распространенные методы и основы работы WordPress. Цель этого урока не в том, чтобы закончить с потрясающе выглядящей и готовой к использованию или продаже темой, а в том, чтобы дать вам прочную основу, необходимую для ее создания и расширения.
Я рекомендую вам писать все самостоятельно, а не копировать+вставлять код. Это лучший способ учиться (не волнуйтесь, мы не говорим здесь о тысячах строк)! Уроки построены таким образом, чтобы вы шаг за шагом изучали, что делает каждый бит кода, чтобы вы могли изменять и добавлять его по ходу, чтобы вы могли сделать его таким, каким вы хотите, или выглядеть так.. В конце каждого урока я буду давать ссылки на страницы документации по каждому используемому методу, обычно на WordPress Codex.
В этом руководстве не рассматриваются какие-либо стили (CSS), однако в нем объясняется, как вы можете добавить свои таблицы стилей в свою тему, и рассказывается, как сказать WordPress динамически добавлять полезные классы в ваш HTML. Я призываю вас стилизовать свою тему для себя, когда вы будете следовать.
Предпосылки
Этот урок для вас, кто:
- Знание основ HTML и CSS
- Немного знать PHP. Вам не нужно быть экспертом, но вы должны знать основы
- Знакомы с использованием WordPress
- Хочу учиться!
Что вам нужно будет следовать этому руководству:
- Настройка локальной разработки. Вы можете разрабатывать, передавая по FTP в домен, но рекомендуется настроить его локально. Вам (очевидно) также необходимо установить WordPress на вашем сайте разработки. Я кратко объясню , как это сделать в Части 0.
- Хороший текстовый редактор. Вы можете использовать любой редактор, например Блокнот и тому подобное, но рекомендуется использовать программное обеспечение, предназначенное для кодирования (так легче читать, находить и писать код). Лично я использую Sublime Text 3.
Содержание учебника
Ниже есть прямые ссылки на все 12 уроков этого урока; однако в конце каждого урока вы найдете навигационные ссылки на следующий или предыдущий урок, так что вам не нужно возвращаться сюда.
Без лишних слов, давайте начнем! Если у вас уже есть локальная установка для разработки WordPress, сразу переходите к части 1: Введение.
-
Шаг 0.5 в учебнике по темам WordPress для начинающих описывает, как настроить локальную среду разработки с помощью WAMP или XAMPP и установить WordPress.
-
Учебное пособие по темам WordPress для начинающих — Часть 1: Введение
В этом уроке вы начнете изучать, как WordPress загружает контент в зависимости от того, на какой странице вы находитесь, и иерархию файлов шаблонов темы. Вы также узнаете, что необходимо для правильной темы. И в конце мы, наконец, создадим нашу тему и активируем ее.
-
Учебное пособие по темам WordPress для начинающих — Часть 2: Шаблоны
Этот урок научит вас, как структурировать основные шаблоны зданий в теме WordPress. Мы начнем создавать самые важные шаблоны.
-
Учебное пособие по темам WordPress для начинающих — Часть 3: Динамический контент
В этом уроке по теме WordPress для начинающих мы узнаем о хуках в WordPress и добавим несколько хуков в нашу тему, которые необходимы для правильной работы темы с WordPress и плагинами. Мы также начнем получать доступ к динамическому контенту из WordPress в нашем заголовке, например, автоматически получать текущий заголовок страницы.
-
Учебное пособие по темам WordPress для начинающих — Часть 4: Цикл сообщений
В этом уроке учебника темы WordPress для начинающих мы подробно расскажем о «цикле сообщений» в WordPress; что это такое, как он выглядит, почему мы его используем и как получить доступ к сообщениям. Затем мы перейдем к реализации цикл в нашей теме.
-
Учебное пособие по темам WordPress для начинающих. Часть 5. Доступ к информации о сообщениях
Этот урок учебника темы WordPress для начинающих будет посвящен тому, как мы можем получить доступ и вывести информацию, такую как ее ссылка, заголовок и многое другое, из каждого сообщения, когда оно находится внутри цикла сообщений. Мы делаем это с помощью тегов шаблона. В процессе мы также добавим в нашу тему шаблоны одиночного представления.
-
Учебное пособие по темам WordPress для начинающих — Часть 6: Тема Functions.php
Сегодня мы узнаем, где и как добавить код вне шаблонов в нашей теме. Мы делаем это, добавляя файл functions.php темы. Попутно мы также узнаем, как правильно добавлять таблицы стилей и скрипты.
-
Учебное пособие по темам WordPress для начинающих. Часть 7. Настройка темы и избранные изображения
Этот урок продолжается добавлением базового кода, необходимого для настройки темы WordPress. Мы учимся добавлять поддержку тем и фильтровать заголовок главной страницы.
-
Учебное пособие по темам WordPress для начинающих — Часть 8: Перевод
Мы узнаем, как работает перевод (или i18n) в WordPress и как сделать тексты переводимыми. Также включает руководство по использованию PoEdit для создания файлов .po.
-
Учебное пособие по темам WordPress для начинающих — Часть 9: Меню и области виджетов
В этом уроке рассказывается, как добавить две основные функции WordPress в нашу тему; меню и области виджетов. Мы узнаем, как прописать местоположение для главного навигационного меню сайта и вывести меню в наши шаблоны, а также разрешить добавление виджетов в нашу боковую панель и область нижнего колонтитула.
-
Учебное пособие по темам WordPress для начинающих — Часть 10: Добавление дополнительных шаблонов
В этом уроке по теме WordPress для начинающих мы углубимся в шаблоны. Мы узнаем о частях шаблона и реализуем их для повторного использования. И мы добавим в нашу тему больше стандартных шаблонов WordPress.
-
Учебное пособие по темам WordPress для начинающих — Часть 11: Пользовательские шаблоны страниц
В этом уроке по теме WordPress для начинающих мы узнаем о шаблонах страниц, что они собой представляют, как их создавать и передовые методы. В качестве примера мы сделаем полноразмерный шаблон. Попутно мы также добавляем класс в тело, спрашивая, использует ли страница определенный шаблон страницы.
-
Учебное пособие по темам WordPress для начинающих. Часть 12. Пользовательский почтовый запрос
В этом заключительном уроке мы узнаем, как написать свой собственный запрос постов и прокрутить их, не прерывая родительский цикл в шаблоне. Мы создадим часть шаблона для отдельных сообщений, которая показывает связанные сообщения в той же категории.
-
Учебное пособие по темам WordPress для начинающих — заключение и следующие шаги
Мы завершаем это руководство по темам WordPress для начинающих, делая краткий обзор того, что мы узнали. И посмотрите, что вы можете сделать дальше и как улучшить себя как разработчик темы WordPress.