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


Я новичок в WordPress.

Какие шаги мне нужно сделать, чтобы мой новый дизайн был реализован в качестве темы WordPress?

Author: Krzysiek Dróżdż, 2010-08-11

4 answers

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

Кстати, я предполагаю, что вы знаете HTML, CSS и PHP. Если нет, то практическое знание этих для создания новой темы с нуля потребуются технологии. Рабочее знание ЛАМПЫ также полезно.

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

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

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

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

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

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

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

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

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

Я надеюсь, что это поможет.

 10
Author: Mike Lee, 2010-08-12 00:51:07

Вы можете использовать "стартовую" тему, такую как Старкеры, которая обеспечивает основу для создания вашей собственной темы. Там есть минимальная функциональность, так что вам придется немного поработать самостоятельно.

Другой вариант - использовать фреймворк темы, который содержит множество общих базовых функций, которые вы можете просто использовать. Варианты включают Каррингтон и Генезис.

Я рекомендую начать со старкеров, которые заставят вас узнать о тегах WordPress и функции. Затем вы можете использовать фреймворк для ускорения последующей работы.

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

 3
Author: Grant Palin, 2017-04-13 12:37:38

Я всегда начинаю с WPBASIS в качестве начальной темы и пишу плагины и темы для требований заказчика - вот и все

 1
Author: bueltge, 2010-08-13 19:47:23

Вы можете создать свою собственную тему с нуля или использовать существующие тематические фреймворки, такие как Тематические (http://themeshaper.com/thematic /) и развивайте свою тему вокруг них. Если вы хотите разработать всю тему с нуля http://codex.wordpress.org/Theme_Development и другие ресурсы, такие как Кодекс Wordpress, могут оказаться очень полезными. http://www.wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh / также очень отличный Wordpress учебник по созданию тем для начинающих.

 0
Author: User, 2010-08-13 00:41:03