Wembley — отзывчивый шаблон для CMS Wordpress

Найти бесплатную тему для WordPress, которая не выглядит как все остальные бесплатные темы — задача сложнее, чем должна быть. Wembley — одно из исключений. Чистый, адаптивный шаблон, созданный специально для творческих профессионалов, которым нужно и портфолио, и работающий блог в одном пакете. Без раздутого функционала, без навязчивых предложений «купите Pro», без generic-дизайна «агентство-всё-в-одном», которым грешат большинство бесплатных тем.

Тема ориентирована на фотографов, видеографов, дизайнеров, иллюстраторов — всех, чья работа визуальна и требует воздуха на экране. Wembley не пытается быть всем: здесь нет интеграции с интернет-магазинами, нет календаря событий, нет членской системы. Что она делает — делает без борьбы с темой за чистый результат.

Wembley — тема WordPress
Wembley — адаптивная тема для портфолио на WordPress

Ключевые возможности Wembley

Wembley не набита фишками ради списка. Набор возможностей — осознанный и сфокусированный:

  • Адаптивный дизайн — макет плавно подстраивается под десктоп, планшет и смартфон. Медиа-запросы отрабатывают на стандартных брейкпоинтах, изображения портфолио не сжимаются на мобильных и не разъезжаются на сверхшироких мониторах.
  • Интеграция портфолио — тема включает выделенный раздел портфолио с сеточной раскладкой для демонстрации работ. Проекты категоризируются, фильтруются и отображаются превью с переходом на полную карточку проекта.
  • Поддержка блога — стандартные форматы записей WordPress полностью поддерживаются. Вёрстка блога чистая, типографически выверенная, и seamlessly интегрируется с портфолио — блог и портфолио ощущаются как части одного сайта, а не два разрозненных модуля.
  • Лёгкая кодовая база — минимум JavaScript, никаких тяжёлых анимационных библиотек, никакой зависимости от плагинов-конструкторов страниц. Прямое следствие — быстрая загрузка страниц и меньше конфликтов с плагинами кеширования и оптимизации.
  • Настраиваемый заголовок — загрузите логотип, настройте название и описание сайта, сконфигурируйте меню. Заголовок простой, но работает без необходимости в дочерней теме или пользовательском CSS.
  • Готовность к переводу — тема включает .pot-файлы для локализации. Если ваша аудитория не русскоязычная — строки интерфейса переводятся без правки PHP.

Установка шаблона

Установка Wembley идёт по стандартному процессу тем WordPress. Никакой экзотики. Но давайте пройдём по шагам — пропущенные этапы создают проблемы, которых можно избежать.

Способ 1 — Загрузка через админку WordPress

  1. Скачайте ZIP-архив темы Wembley на компьютер.
  2. Войдите в админку WordPress. Перейдите: Внешний вид > Темы > Добавить > Загрузить тему.
  3. Нажмите Выберите файл, укажите ZIP-архив Wembley, нажмите Установить.
  4. После установки нажмите Активировать.
  5. Перейдите в Внешний вид > Настроить для конфигурации сайта, цветов и макета.

Способ 2 — Ручная загрузка по FTP

  1. Распакуйте ZIP-архив темы на компьютере.
  2. Подключитесь к серверу по FTP (FileZilla, Cyberduck или файловый менеджер хостинга).
  3. Перейдите в директорию wp-content/themes/.
  4. Загрузите распакованную папку wembley в каталог тем.
  5. В админке WordPress: Внешний вид > Темы — активируйте Wembley.
После активации откройте сайт в режиме инкогнито. Закешированные стили предыдущей темы могут показывать Wembley «сломанной», хотя на деле всё в порядке. Инкогнито загружает всё с нуля — видите то, что видят посетители.

Возможности настройки

Wembley использует нативный Кастомайзер WordPress — никакой проприетарной панели опций, которую нужно изучать. Что видите в Кастомайзере — то и получаете, и живой предпросмотр обновляется в реальном времени.

Идентичность сайта

Загрузите логотип, задайте название и описание, опционально — иконку сайта (favicon). Если логотипа нет — тема откатывается на текстовое название, и типографика достаточно чистая, чтобы это не выглядело как компромисс.

Цвета

Базовые настройки: фон заголовка, цвет текста, цвет ссылок и акцентный цвет. Опции не исчерпывающие, но закрывают 80% задач. Для более глубокой кастомизации — цвета подвала, стили сайдбара, hover-состояния кнопок — потребуется несколько строк CSS в панели «Дополнительные стили». Это не столько ограничение, сколько приглашение не переусложнять.

Меню

Тема поддерживает зоны меню: основная навигация (как правило, в шапке) и опциональное меню в подвале. Drag-and-drop построение меню из админки работает ожидаемо. Многоуровневые выпадающие списки поддерживаются и стилизованы единообразно.

Настройки главной страницы

Можно задать статичную заглавную страницу или оставить ленту блога по умолчанию. Для портфолио-сайта рекомендованный подход: создайте страницу с содержимым портфолио, назначьте её главной в Настройки > Чтение, а для блога создайте отдельную страницу. Посетитель видит сначала портфолио, а блог доступен из навигации.

Виджеты

Поддерживаются стандартные зоны виджетов WordPress — сайдбар и подвал. Wembley не добавляет собственных виджетов — работаете с базовыми виджетами WP плюс с тем, что дают плагины. Это сохраняет тему лёгкой и совместимой с любыми виджетными плагинами.

Сравнение с похожими бесплатными темами для портфолио

ХарактеристикаWembleyHestiaAstraOceanWP
Интеграция портфолиоВстроеннаяЧерез Jetpack или плагинЧерез плагин (Starter Templates)Через плагин (Ocean Portfolio)
Макет блогаЧистый, типографическийMaterial DesignМинималистичный, настраиваемыйНесколько макетов блога
АдаптивностьДа, плавнаяДаДа, высоко оптимизированаДа, полностью адаптивная
Поддержка конструкторовБазовая (редактор WordPress)Elementor, GutenbergВсе основные конструкторыElementor, Gutenberg и др.
Глубина настройкиБазовая (Кастомайзер)Средняя (Кастомайзер + Companion)Глубокая (Кастомайзер + хуки)Глубокая (Кастомайзер + панели)
Производительность (без кеша)Отлично — минимум JS/CSSХорошо — оверхед MaterialОтлично — модульная загрузкаХорошо — тяжелее база
WooCommerceНетДа (через плагин)Да (встроенные хуки)Да (глубокая интеграция)
Ограничения бесплатной версииНет — полный функционалАпселл до ProЕсть Pro, бесплатная щедраяЕсть Pro-расширения
Порог входаНизкий — нативный WordPressНизкий-средний — плагин CompanionНизкий — интуитивный КастомайзерСредний — много панелей
Идеальный пользовательФотографы, дизайнеры, творческиеМалый бизнес, стартапыВсе — швейцарский ножВсе — функциональный комбайн

Сравнение высвечивает позиционирование. Hestia, Astra и OceanWP — универсальные темы, которые можно настроить под портфолио, приложив усилия и правильные плагины. Wembley — портфолио-тема с первой минуты, её не нужно дожимать. Плата за это — глубина настройки: Astra и OceanWP предлагают гораздо больше кастомизации, но за эту гибкость вы платите сложностью и просадкой производительности.

Идеальные сценарии использования

Wembley — не для всех. Вот где она блистает — и где нет:

Лучше всего подходит

  • Фриланс-фотографы — чистые галереи, ничто не отвлекает от снимков, быстрая загрузка на мобильных, где клиенты чаще всего впервые видят работы.
  • Видеографы и режиссёры — портфолио изящно работает с видео-вставками, а блог вмещает behind-the-scenes и кейсы проектов.
  • Графические дизайнеры и иллюстраторы — сеточная раскладка подаёт работы в визуально единообразном формате, где произведение — главное.
  • Персональные бренды — если вы строите бренд на себе (коуч, консультант, спикер), Wembley даёт портфолио для работ и блог для идей — два столпа персонального брендинга.
  • Минималистичные блогеры — если контент текстовый с редкими изображениями, типографический фокус Wembley делает длинные статьи читаемыми и приятными.

Не подходит

  • Интернет-магазины — нет поддержки WooCommerce. Либо менять тему, либо строить магазин с нуля на плагинах. Ни то, ни другое не идеально.
  • Членские сайты — нет встроенной членской функциональности, нет интеграционных хуков. Базово заработает, но пользовательский опыт будет разрозненным.
  • Крупные корпоративные сайты — структура навигации простая. Нужны мегаменю, многоуровневые выпадающие списки с иконками, сложные макеты шапки — смотрите в сторону Astra или GeneratePress.
  • Мультиавторские журналы — макет блога чистый, но линейный. Управление несколькими авторами, категориями с разными стилями и сложными сетками на главной требует специализированной темы.

Тесты производительности

Скорость важна — и для пользователя, и для SEO. Вот чего ожидать от Wembley «из коробки» — тесты на стандартном виртуальном хостинге без плагинов кеширования:

МетрикаWembleyHestiaAstraOceanWP
Размер страницы (главная)~320 КБ~580 КБ~250 КБ~480 КБ
HTTP-запросов12–1522–2810–1418–24
Google PageSpeed (моб.)89–9475–8590–9678–88
GTmetrix (полная загрузка)1,2–1,6 с1,8–2,5 с0,9–1,4 с1,6–2,2 с
First Contentful Paint0,8–1,1 с1,1–1,5 с0,7–1,0 с1,0–1,4 с
Total Blocking Time40–80 мс100–180 мс30–70 мс90–160 мс
JS-полезная нагрузка~45 КБ~140 КБ~35 КБ~120 КБ

Wembley на равных с Astra — лидером производительности среди бесплатных тем — и значительно опережает Hestia и OceanWP в категории портфолио. Низкая JavaScript-нагрузка означает меньше блокирующих рендеринг ресурсов и более быстрый time-to-interactive. С плагином кеширования (WP Rocket, W3 Total Cache) и оптимизацией изображений (ShortPixel, Imagify) сайты на Wembley стабильно набирают 95+ в PageSpeed Insights.

Для максимальной производительности Wembley: установите плагин кеширования (WP Super Cache — бесплатный и адекватный), оптимизируйте каждое изображение до загрузки (TinyPNG или Squoosh) и отложите сторонние скрипты (Google Fonts, аналитика) плагином типа Flying Scripts. Только эти три шага поднимают PageSpeed с ~90 до ~97 на мобильных.

SEO-оптимизация

Wembley не включает встроенных SEO-функций — и это хорошо. Темы, встраивающие SEO, регулярно конфликтуют со специализированными SEO-плагинами (Yoast, Rank Math, SEOPress). Wembley держится своей полосы: выдаёт чистый, семантический HTML и даёт SEO-плагину делать остальное.

Что Wembley делает правильно для SEO из коробки:

  • Семантическая HTML5-разметка — корректное использование <header>, <main>, <article>, <footer>. Поисковики парсят семантическую разметку эффективнее, чем div-кашу.
  • Правильная иерархия заголовков — тема использует один <h1> для заголовка страницы/записи, <h2> и <h3> для подзаголовков. Никаких дублирующихся H1, никаких пропущенных уровней.
  • Мобильная адаптивность — индексация Google mobile-first означает, что неадаптивная тема — SEO-пассив. Wembley проходит тесты mobile usability без модификаций.
  • Быстрая загрузка — Core Web Vitals это сигналы ранжирования. Лёгкая кодовая база Wembley даёт фору по LCP, FID и CLS.
  • Чистая структура URL — тема не вмешивается в настройки постоянных ссылок. Какую структуру вы задали в Настройки > Постоянные ссылки — та и работает.

Подключите Rank Math или Yoast SEO, отправьте XML-карту сайта в Google Search Console — и у вас solid SEO-фундамент без помех со стороны темы.

Настройка портфолио в деталях

Раздел портфолио — главная причина, по которой выбирают Wembley. Вот что стоит знать о его настройке, чтобы не потратить час на поиски очевидного:

Изображения для портфолио должны быть одного соотношения сторон. Если у вас микс из горизонтальных, вертикальных и квадратных кадров — сетка портфолио начинает «плясать»: где-то появляются пустоты, где-то изображения обрезаются не по задумке. Решение простое, но обязательное: перед загрузкой обрежьте все работы под единый формат. Квадрат 1:1 — безопасный универсал. Прямоугольник 3:2 — для фотографов, снимающих на зеркалки. Горизонт 16:9 — для видеографов.

Категории портфолио работают как фильтры на странице. Гость нажимает «Свадьбы» — и видит только свадебные съёмки. Нажимает «Портреты» — переключается на портреты. Названия категорий должны быть короткими (одно-два слова) и интуитивно понятными. «Репортаж», «Love Story», «Коммерция» — понятно. «Мои лучшие работы за 2023 год» — не влезает в кнопку фильтра и выглядит неопрятно.

Миниатюры портфолио — это featured image каждой карточки проекта. Они автоматически обрезаются темой под размер сетки. Проверьте, как выглядит обрезка на реальных примерах: загрузите 3–4 тестовых проекта, откройте страницу портфолио в режиме инкогнито и посмотрите, не режет ли тема важные детали (лица, текст, ключевые объекты) на миниатюрах. Если режет — сдвиньте композицию кадра или добавьте отступы при подготовке изображения.

Для каждого проекта можно написать описание — оно появляется либо на странице самого проекта, либо при наведении на миниатюру (зависит от настроек темы). Используйте этот текст с умом: не «Фотосессия Кати и Миши», а «Свадьба Кати и Миши — усадьба Знаменское, июль 2024. 6 часов съёмки, 400+ кадров». Информативно, SEO-дружественно, даёт потенциальному клиенту масштаб работы.

Плюсы и минусы — честная оценка

Плюсы

  • Нулевая стоимость, ноль апселлов. Бесплатная версия — полная версия. Никаких заблокированных функций, назойливых баннеров «купите Pro».
  • Чистый, современный дизайн. Wembley выглядит как премиум-тема без премиум-ценника. Типографика и отступы — со вкусом и актуально.
  • Архитектура performance-first. Минимум зависимостей, лёгкие скрипты, быстрая загрузка. Редкость для бесплатных тем — они часто грузят целые иконочные библиотеки и анимационные фреймворки, даже если вы их не используете.
  • Портфолио и блог в одном пакете. Большинство бесплатных тем заставляют выбирать: либо тема-портфолио, либо тема-блог. Wembley даёт и то, и другое без компромиссов.
  • Нет привязки к конструктору страниц. Можете установить Elementor или Gutenberg, но Wembley не требует ни того, ни другого. Нативный редактор WordPress выдаёт отличные результаты с этой темой.
  • Лёгкий старт. Загрузил, активировал, настроил в Кастомайзере, начал добавлять контент. Никакого мастера настройки, никакого плагина-компаньона, никакого чеклиста онбординга. Уважает ваше время.

Минусы

  • Ограниченная глубина настройки. Хотите переделать макет шапки, изменить поведение сетки портфолио, добавить шаблоны для произвольных типов записей — придётся писать CSS и, возможно, править файлы шаблонов.
  • Нет поддержки WooCommerce. Планируете продавать принты, цифровые загрузки или услуги прямо с сайта — Wembley не та основа.
  • Нет шаблонов для конструкторов. Astra и OceanWP поставляются с десятками готовых стартовых сайтов. Wembley даёт один макет и доверяет вам сделать его своим. Для кого-то это плюс, для кого-то — ограничение.
  • Редкие обновления. Как нишевая бесплатная тема, Wembley не получает той частоты обновлений, что Astra (еженедельно) или OceanWP (раз в две недели). Совместимость с ядром WordPress поддерживается, но новых функций не ждите.
  • Ограниченная документация. Нет базы знаний, нет видеоуроков, нет выделенного форума поддержки. Предполагается, что вы знаете WordPress. Новичкам может не хватить «заботы о пользователе».

Часто задаваемые вопросы

Wembley действительно бесплатна — есть ли скрытые ограничения?

Да, Wembley полностью бесплатна, без премиум-уровня. Нет Pro-версии, нет заблокированных функций, нет рекламных баннеров в админке. Все заявленные возможности доступны в бесплатной версии. Это редкость в экосистеме тем WordPress, где «бесплатно» часто означает «бесплатный триал с платным ядром».

Работает ли Wembley с последней версией WordPress?

Совместима с WordPress 5.x и 6.x. Использует стандартные API WordPress (Кастомайзер, зоны виджетов, система меню), а не устаревшие функции — поэтому не ломается при обновлениях ядра. Перед крупными обновлениями всегда тестируйте на staging-сайте — это хорошая практика для любой темы, не только Wembley.

Можно ли использовать Wembley с Elementor или другими конструкторами?

Можно, но с оговорками. Wembley не включает шаблоны под конкретные конструкторы, стартовые наборы или кастомные виджеты Elementor. Вы можете установить Elementor и собирать страницы им, но конструктор переопределит родной макет темы для этих страниц. Блог и портфолио продолжат использовать шаблоны Wembley, пока вы не пересоберёте и их в конструкторе. Для чистого портфолио-сайта конструктор, скорее всего, не нужен — тема справляется с макетом сама.

Как добавить портфолио на сайт с Wembley?

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

Подходит ли Wembley для портфолио фотографа с сотнями снимков?

Да, при грамотной оптимизации. Сама тема лёгкая и не захлебнётся от большой медиабиблиотеки. Бутылочное горлышко для портфолио с большим числом изображений — не тема, а размер файлов и время ответа сервера. Оптимизируйте каждое изображение до загрузки (макс. 200 КБ для веб-показа), используйте lazy loading (нативный WordPress с версии 5.5 включён по умолчанию) и настройте кеширование. С этими мерами портфолио Wembley с 500+ снимков грузится так же быстро, как с 20.

Можно ли сменить шрифты в Wembley?

По умолчанию Wembley использует системные шрифты ради производительности. Чтобы подключить Google Fonts или кастомные шрифты — добавьте font-face-объявления или ссылки Google Fonts через панель Дополнительные стили в Кастомайзере, либо используйте плагин типа Easy Google Fonts. Если умеете править файлы темы — подключите шрифты через functions.php дочерней темы. Прямой CSS-подход работает для большинства и не требует погружения в дочерние темы.

Поддерживает ли Wembley RTL-языки?

Wembley translation-ready с .pot-файлами, но RTL-поддержка (письмо справа налево) зависит от полноты CSS. Некоторые текстовые элементы и отступы могут потребовать ручных RTL-правок через дополнительный CSS. Для полной RTL-совместимости (арабский, иврит, персидский) тщательно тестируйте до запуска. При необходимости сгенерируйте RTL-таблицу стилей утилитой RTLCSS.

Что случится при смене Wembley на другую тему?

Стандартные последствия смены темы WordPress. Контент (записи, страницы, медиафайлы) остаётся нетронутым. Элементы портфолио, созданные через встроенный тип записей Wembley, могут перестать отображаться на фронтенде — данные в базе сохранятся, но новая тема может не иметь шаблона для этого типа записей. Если планируете в будущем менять тему — используйте плагин портфолио (Envira Gallery, FooGallery) вместо встроенного: контент портфолио останется независимым от темы.

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

Создайте папку wembley-child в wp-content/themes/. Внутри — файл style.css с комментарием-заголовком, содержащим строку Template: wembley. Создайте functions.php, который подключает стили родительской темы. Минимальная дочерняя тема делается за 5 минут и защищает ваши настройки от перезаписи при обновлении Wembley. Существуют онлайн-генераторы дочерних тем — наберите «WordPress child theme generator», заполните поля — получите готовый ZIP.

Можно ли использовать Wembley на нескольких сайтах?

Да. Wembley распространяется под лицензией GPL (GNU General Public License) — той же, что и сам WordPress. Это значит: можно использовать на любом количестве личных и клиентских сайтов, модифицировать код и даже распространять свою модифицированную версию — при условии сохранения лицензии GPL. Никаких лицензионных ключей, платы за сайт и доменных ограничений нет.

Нажмите для реакции