logo Oblomow.ru

Как создать свой шаблон wordpress?

Если вы создаёте сайт на 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 макет вы можете нарисовать и самостоятельно. В случае отсутствия опыта работы с фотошопом, можно не заморачиваться и подготовить примерный макет на чём угодно (хоть на бумаге), после чего сразу верстать.

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