Если вы создаёте сайт на WordPress, то у вас есть 2 варианта:
- использовать готовый шаблон и кастомизировать его;
- создать свой собственный шаблон.
Эта статья посвящена второму варианту.
Как создать WordPress шаблон с нуля?
Технически, это наверное возможно. Для этого нужно создать папку, где по очереди создавать файлы, которые будут использоваться.
Не буду говорить про шаблон из index.php и style.css.
Нам же нужна полноценная тема. Так вот полноценная тема состоит из:
- style.css – файл стилей.
- functions.php – файл для подключения функций.
- index.php – файл, который иногда используется для генерации страницы.
- header.php и footer.php – файлы, отвечающие за header и footer соответственно.
- home.php – используйте, если хотите, чтобы главная страница отличалась от обычных.
- page.php – файл обычной страницы.
- single.php – файл обычной записи.
- category.php – файл, отвечающий за категории.
- 404.php – файл 404 ошибки.
- Прочее: sidebar.php, archive.php, date.php, author.php, search.php, comments.php
И, если честно, этим путём я не пошёл, ибо есть альтернатива в виде генератора шаблонов.
Как сгенерировать WordPress шаблон?
Вариант генерации шаблона, мне показался более привлекальным, ведь это позволяет не тратить время на создание каждого из вышеперечисленных файлов.
Пустую тему с заранее созданными и без ошибок написанными файлами мне любезно предоставил сервис underscores.me
Как сверстать тему на WordPress?
Когда я получил пустую тему, мне предстояло решить буду ли я просто программировать или воспользуюсь ли каким-либо фреймворком.
Честно говоря не знаю почему так вышло, но решил не использовать фреймворки именно для вордпресса, а воспользовался Бутстрапом. Он достаточно лёгок в освоении, но ради интереса вы можете погуглить другие.
Не забывайте, что код любого фреймворка будет более раздут, чем код, написанный под определённую задачу, но фреймворки значительно ускоряют разработку, а для меня это важнее.
Используя Bootstrap и гугл я начал переносить предоставленные дизайнером PSD макеты (отдельный для каждой страницы).
Если же у вас нет дизайнера и никаких макетов, то, в принципе, PSD макет вы можете нарисовать и самостоятельно. В случае отсутствия опыта работы с фотошопом, можно не заморачиваться и подготовить примерный макет на чём угодно (хоть на бумаге), после чего сразу верстать.
Полностью от макета отказываться я бы не рекомендовал, ибо считаю, что очень важно иметь в голове представление о том, как будет выглядеть конечный результат.