WordPress: тема, плагины и эпоха 2010 года

WordPress — открытая CMS на PHP и MySQL. Тема решает, как сайт выглядит, плагины — что он умеет; с версии 3.0 (2010) на нём собирают любые сайты.

Откуда взялся WordPress

В 2003 году Мэтт Малленвег и Майк Литтл взяли заброшенную систему для ведения блогов b2/cafelog и продолжили её как свободную программу. Так появился WordPress: открытая CMS на PHP и MySQL. Сначала он умел вести блог. Большой скачок случился в версии 3.0 (июнь 2010 года): в ней появились собственные типы записей (теперь в нём можно завести «услугу» или «человека», как в модели контента из урока 1) и меню, и из блога он превратился в CMS для любых сайтов. В 2010 году вы бы собирали сайт именно так.

Сегодня на нём работает больше трети сайтов, определивших свою CMS (по данным HTTP Archive Web Almanac 2024), и это в разы больше, чем у любой следующей системы.

Записи, страницы, рубрики

Две главные вещи в WordPress:

• Запись (post) привязана ко времени: новость, статья, заметка. Записи идут лентой, от свежих к старым, и ложатся в рубрики (категории) и метки.
• Страница (page) это отдельный постоянный раздел: «О нас», «Контакты», «Услуги». Страницы собираются в иерархию (у «Услуг» могут быть подстраницы), и по времени не идут.

Вопрос «что станет страницей, а что записью» вы решите для каждого раздела в практике. Для услуг обычно создают свой тип записей: тогда у них свои поля и отдельный раздел в админке.

Тема: как сайт выглядит

Тема это набор шаблонов, которые решают, как выглядит сайт. Классическая тема это папка файлов PHP и CSS:

• style.css: оформление (и название темы в комментарии вверху);
• header.php, footer.php, sidebar.php: шапка, подвал, боковая колонка;
• index.php: основной шаблон; single.php для одной записи, page.php для страницы. Набор правил, какой шаблон WordPress выберет для какого адреса, называется иерархией шаблонов;
• functions.php: настройки темы и подключения.

Внутри шаблонов работает цикл (The Loop): «для каждой записи, которую надо показать, выведи заголовок, дату и текст». Именно он подставляет содержание из базы в оформление темы. Нажмите на области в схеме, и увидите, какой файл за какую отвечает.

Шапка: Название сайта Меню: Раздел 1 · Раздел 2 · Раздел 3

Цикл записей
Услуга и другие Боковая колонка
виджеты

Подвал

Цикл записей

Рисует файл темы: index.php, single.php, page.php

Редактор меняет: Записи и страницы: «Записи → Добавить». Тема решает, как выглядит карточка и страница целиком.

Плагин может: Может вставить форму заявки прямо в текст (шорткод), добавить блок «Похожие записи» или поправить текст перед показом.

Плагины вмешиваются через хуки («крючки»): тема и ядро в нужных местах говорят «здесь можно что-то добавить или изменить», и плагин цепляется к этому месту.

Текстовая альтернатива: страница WordPress делится на шапку, меню, цикл записей, боковую колонку и подвал. Каждую область рисует свой файл темы (header.php, index.php, sidebar.php, footer.php); редактор меняет содержимое областей в админке, а плагины подцепляются к ним через хуки.

Темы меняют, не трогая содержание: записи и страницы остаются в базе, меняется лишь одежда. С 2022 года (версия 5.9) появились и «блочные» темы, которые настраиваются в визуальном редакторе сайта без правки PHP. Классические темы при этом по-прежнему очень распространены.

Плагины: что сайт умеет

Плагин добавляет возможности: форма заявки, оптимизация под поиск (SEO), кэширование, резервные копии, магазин, галерея. Работают они через хуки: в нужных местах ядро и тема говорят «здесь можно что-то добавить или изменить» (хук-действие) или «вот значение, измените его перед показом» (хук-фильтр). Плагин цепляется к такому месту, и ничего в ядре править не нужно.

Из этого правило, которое отделяет тему от плагина: вид это тема, возможности это плагин. Форму вшить в тему можно, но при смене темы она пропадёт. А форма-плагин остаётся.

Плагинов в каталоге десятки тысяч. Искушение поставить побольше понятно, но у каждого плагина есть цена: это чужой код, который нужно обновлять, который может замедлить сайт, конфликтовать с другим плагином или оказаться дырой. Разумный набор небольшого сайта: форма заявки, SEO, кэш, резервные копии. Всё. О цене чужого кода следующий урок.

Проверьте себя: форма заявки это работа темы или плагина?

Плагина. Форма это возможность, а не оформление. Если вшить её в тему, при смене темы она исчезнет.

Редактор и блоки

Классический редактор был похож на Word. С конца 2018 года (версия 5.0) в WordPress работает блочный редактор (его называли Gutenberg): страница собирается из блоков (абзац, картинка, колонки, кнопка), и их можно переставлять. Блоки добавляют и плагины. Для редактора это удобно: каждый кусок страницы виден отдельно.

Почему WordPress победил

Не потому, что он лучше всех. Причин несколько, и они сложились друг с другом: он работает на самом дешёвом хостинге с PHP и MySQL (установка за пять минут); он открытый и бесплатный (лицензия GPL), и вокруг него выросло огромное сообщество; для него тысячи готовых тем и плагинов, поэтому большую часть задач решают настройкой, а не программированием; специалистов много, и найти помощь легко. Эти же причины и цена: из-за распространённости WordPress атакуют чаще остальных.

Не путайте два «WordPress». WordPress.org это сама программа, которую вы ставите на свой хостинг. WordPress.com это услуга, где её для вас запускает компания Automattic за плату, с ограничениями на плагины на дешёвых тарифах.

Практика

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

Что было не так

Тема 2010 года фиксированной ширины с плавающей раскладкой плохо смотрится на телефоне (этому посвящена часть про адаптивность), а набор плагинов, собранный «на вырост», превращается в обузу. Об этом следующий урок.