Ваша первая тема

Требуемые файлы

Как упоминалось ранее, в разделе «Что такое тема«, файлами, необходимыми для того, чтобы WordPress тема работала из коробки являются index.php файл для отображения списка записей и style.css файл для придания стиля контенту.

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

  • header.php
  • index.php
  • sidebar.php
  • footer.php

Мы рассмотрим создание отдельных файлов далее в этом руководстве, но сейчас давайте запустим вашу первую тему!

(Примечание: Следующие шаги предполагают, что вы уже завершили раздел Установка среды разработки).

Шаг 1 — Создание папки темы

Во-первых, создайте новую папку на вашем компьютере, и назовите ее my-first-theme. Здесь будут все файлы вашей темы.

Шаг 2 — Создание файла style.css

Вы можете использовать любой текстовый редактор на компьютере, чтобы создать новый файл с именем style.css.

Скопируйте и вставьте следующий код в ваш, только что созданный style.css файл:

Шаг 3 — Создание файла index.php

Теперь создайте файл с именем index.php и поместите его в папку вашей темы, добавив в него следующий код:

Шаг 4 — Установка Вашей темы

Скопируйте новую тему в wp-content/themes на вашу среду разработки и активируйте ее для рассмотрения и тестирования.

Шаг 5 — активация темы

Теперь, когда вы установили тему, воспользуйтесь Консоль > Внешний вид > Темы, чтобы активировать ее.

getting-started-your-first-theme-02

Использование вашей первой темы

Поздравляем — вы только что сделали свою первую WordPress тему!

Если вы активируете свой новую тему и посмотрите ее в браузере, вы должны увидеть что-то вроде этого:

getting-started-your-first-theme-03

Хорошо, это пока не самая красивая тема, но уже хорошее начало!

Что мы узнали?

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

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

Всем сайтам, независимо от того, как они создаются под капотом, нужны общие элементы: заголовки, области основного контента, меню, боковые панели, подвалы и т.д. Вы увидите, что создание WordPress темы на самом деле просто еще один способ изготовления сайта.

Из этой базовой темы, вы начнете узнавать о строительных блоках, которые вы разместите вместе, чтобы создать более сложную тему.

Что дальше?

В следующей главе, мы погрузимся глубже в темы и обсудим шаблоны и другие файлы, которые составляют большинство тем, наряду с использованием PHP, чтобы сделать динамические темы, в том числе:

  • Файлы шаблона
  • Файлы темы и их организация
  • Иерархия шаблона
  • Шаблоны страниц
  • и т.д.
Навигация по разделам:

1 Комментарий

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *