Создание темы WordPress с нуля — Часть 1: Минимальная тема

Опубликовано автором

Введение

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

Сегодня — старт: создадим минимально рабочую тему, которую WordPress сможет активировать.

Содержание скрыть
1 Введение
2 Что потребуется
3 Создание структуры темы
4 Файл style.css
5 Файл index.php
6 Активация темы
7 Что дальше

Что потребуется

  • Установленный WordPress (локально или на сервере).
  • Базовые знания HTML, CSS и PHP.
  • Редактор кода — Visual Studio Code, PhpStorm и т. д.

Создание структуры темы

Все темы хранятся в каталоге /wp-content/themes/. Создадим там новую папку, например:

wp-content/
 └── themes/
  └── mytheme/
   ├── style.css
   └── index.php

Для активации темы WordPress достаточно всего двух файлов — style.css и index.php.

Файл style.css

Добавим в него обязательный заголовок, по которому WordPress распознаёт тему:

/*
Theme Name: MyTheme
Theme URI: https://example.com
Author: All
Description: Моя первая тема WordPress с нуля
Version: 1.0
License: GPLv2 or later
Text Domain: mytheme
*/

Файл index.php

Это основной шаблон сайта. Для начала пусть он просто выведет название и описание блога:

<?php get_header(); ?>

<main>
  <h1><?php bloginfo('name'); ?></h1>
  <p><?php bloginfo('description'); ?></p>
</main>

<?php get_footer(); ?>

Пока что файлов header.php и footer.php нет, но WordPress всё равно не выдаст ошибку — просто выведет шаблоны по умолчанию.

Активация темы

  1. Открой админку WordPress → Внешний вид → Темы.
  2. Найди «MyTheme» и нажми Активировать.
  3. Перейди на главную страницу сайта — если видишь имя и описание блога, значит, всё работает 🎉

Что дальше

В следующей статье мы разделим шаблон на части — header.php, footer.php и sidebar.php — и подключим стили и скрипты через functions.php.
Часть 2 (в разработке)

Просмотры: 130