Как создать новую тему с нуля?

Альтернативой фреймворку темы с возможностью изменения скинов, такому как Carrington (который действительно великолепен), является интеграция дизайна, который вы сделали с нуля. Так я научился создавать собственные темы WordPress. Примечание: это хакерский метод, требующий множества экспериментов. Но если вы похожи на меня и лучше всего учитесь, играя руками, это может вас многому научить.

Кстати, я предполагаю, что вы знаете HTML, CSS и PHP. В противном случае для создания новой темы с нуля потребуются практические знания этих технологий. Знание LAMP также полезно.

1. Во-первых, создайте свой дизайн в статическом коде: HTML и CSS. Убедитесь, что он совместим с разными браузерами и включает в себя все элементы блога WordPress (например, комментарии, архивные страницы и т. д.). Кроме того, поместите весь код CSS в один файл с именем «style.css» и убедитесь, что все ссылки на внешние файлы (для CSS, изображений, JS и т. д.) используют относительные URL-адреса, а не абсолютные URL-адреса.

2. Получите WordPress, работающий на вашем локальном компьютере. Для этого потребуется установить Apache, PHP и MySQL на ваш настольный компьютер или ноутбук. Если вы используете Windows, WampServer — хорошее решение. Если вы используете Mac, MAMP тоже подойдет. Затем установите Вордпресс.

3. Откройте файлы темы по умолчанию, которая поставляется с установочным пакетом WordPress. Он находится в папке /wp-content/themes/default/. Эта тема, вероятно, содержит больше файлов, чем вам нужно. В качестве альтернативы вы также можете начать с классической темы, в которой меньше файлов темы, конечно же, в /wp-content/themes/classic/. Кстати: тема по умолчанию выбрана по умолчанию (ага), но если вы хотите начать с классической темы, убедитесь, что вы активировали эту тему в панели администратора WP, чтобы вы могли видеть, как она выглядит.

4. В своем браузере оставьте открытым раздел « Разработка тем» из Кодекса WordPress. Вы будете нуждаться в этом очень часто. В списке файлов шаблонов вы увидите, как этот список сопоставляется с файлами, которые вы видите в теме по умолчанию (или классической). Некоторые файлы тем необходимы, некоторые нет.

5. В зависимости от того, какой вы человек, теперь вы можете начать возиться с файлами темы и посмотреть, что работает, что ломается и т. Д. Вы даже можете начать перемещать в эту тему части своего собственного дизайна. Или вы можете внимательно прочитать инструкции по разработке темы (особенно важна информация о The Loop ), а затем вернуться и покопаться в файлах.

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

В конце концов, вы сможете медленно перемещать фрагменты своего HTML и CSS в тему по умолчанию или классическую тему, а затем запускать все это. Именно тогда вы перейдете от n00b к ученику.

И после этого вы сможете перемещать фрагменты PHP-кода (которые являются тегами шаблона WordPress ) из темы по умолчанию или классической темы в свой HTML. Вот тогда ты станешь подмастерьем.

(Я считаю Senior Journeyman тем, кто может с легкостью писать свои собственные виджеты, плагины и темы. А Master, ну, в этот момент вы вносите свой вклад в ядро ​​​​WordPress. Я определенно не такой.)

Надеюсь, это поможет.