Создание сайта не потребует больших денежных затрат, если взять CMS WordPress и бесплатный шаблон. В этой подборке - бесплатные, но качественные темы, которые при желании можно доработать.

Предисловие

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

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

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

Бесплатные темы в большинстве своём более лаконичны, компактны и решают какую-то одну задачу. Да и в коде приходится копаться чаще. Но это и преимущество, потому что вы не только экономите свои деньги, но и время посетителей - сайт получается более оптимизированным, страницы будут весить меньше. Конечно, это достижимо, только если подойти к делу с умом и вместо денег вложить своё время.

Где найти качественную бесплатную тему? Существует два крупных сайта:

  • Официальный каталог тем WordPress: ru.wordpress.org/themes/. К сожалению, это настоящая помойка, в которой большинство тем - урезанные версии премиальных платных или в прошлом качественные, ныне устаревшие и не совместимые с новыми версиями движка.
  • Сайт-хранилище проектов с открытым кодом Github, в котором можно найти темы WP по запросу github.com/search?o=desc&q=wordpress+theme. Там обитает сама CMS, официальные темы от разработчиков WP, шаблоны с открытым исходным кодом и фреймворки для создания своих работ. Устаревших и недоделанных также предостаточно.

В обоих случаях придётся покопаться. К счастью, я сделал это за вас. Ниже будет обзор тем, которыми можно не только пользоваться "из коробки", но и доработать самому. Разумеется, при условии знаний HTML, CSS и PHP.

Скриншоты я брал из каталога плагинов и домашних страничек, поэтому не удивляйтесь, если после установки ваш сайт будет выглядеть иначе. Любая тема, будь она платной или бесплатной, требует настройки.

Про качество тем в официальном каталоге тем WP

Официальные каталоги тем и плагинов - настоящая свалка программного кода. Про это знают и пользователи WP, и разработчики из Automattic, и программисты-волонтёры, которые занимаются улучшением инфраструктуры Вордпресса (код-то открытый!). Проблема не раз поднималась в обсуждениях каталога, но ведущим разработчикам из Automattic, похоже, класть на мнение юзеров, поэтому ужесточать правила размещения они не горят желанием. И получается то, что получается - на одну качественную тему приходится десять каких-то недоделок и огрызков.

Все шаблоны в каталоге можно поделить на четыре вида:

1. Качественные работы. Их мало, но они существуют. Возможно, не наберётся даже сотня.

2. Творения начинающих разработчиков. Иногда идея просто отличная, как у темы Mediumm, которая переносит дизайн популярной блогоплатформы Medium.com на движок WP, но реализация, мягко говоря, так себе, для использования на работающем сайте не годится. А автор темы Frindle даже сделал симпатичный сайт с таймлайном этапов разработки, но результат всё равно получился невнятным. Впрочем, некоторые темы "дорастают" до зрелого возраста, но их единицы.

3. Шаблоны от студий, разрабатывающих "премиумные" темы. Типичный пример - Beryl от студии Cohhe. Шикарный дизайн, отличная идея с разделением страницы пополам: с одной стороны контент, с другой фотография. Подводит плохая реализация, показывающая отношение разработчиков к бесплатным темам. Пожалуй, комментарий одного из пользователей лучше всего описывает ситуацию (в вольном переводе):

Не совсем то, чем кажется.

Тема очень приятная на демо. Оценил нетрадиционный подход к изображениям в постах и всём таймлайне блога. Внешний вид очень понравился.

Однако после установки я быстро обнаружил ряд вещей, которые, хотя и не были катастрофой сами по себе, в совокупности вынудили меня удалить тему.

Прежде всего. В предустановленном браузере на моём телефоне Samsung страницы не загружались. Они просто продолжали перезагружаться, перезагружаться, перезагружаться... Я не могу надеяться на то, что посетители будут использовать какой-то другой браузер на телефоне. Это не выход. Сайт должен работать везде, а не только на iPhone.

Далее. Странная адаптивность. Я имею в виду, по-настоящему странная. Например, название сайта не масштабируется. Вместо сжатия всё после первых 3-4 букв удаляется, ставится многоточие. Что можно про это сказать... вы издеваетесь?

В отличие от названия сайта, размер заголовка сообщения/страницы меняется. Это приводит к тому, что на телефонах он в 2-3 раза меньше основного текста.

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

Вы не можете скрыть меню. Даже если вы ничего не указали, тема будет перечислять все страницы, которые у вас есть, и будет делать это в обеих областях меню. Открытие страницы настройки и сохранение не помогают. Опять же, если хотите отобразить своё собственное меню в одной области и оставить другое пустое - вам не повезло. Не говоря уже о том, что дизайн нижнего меню весьма сомнительный.

И тема не документирована, несмотря на то, что говорится на веб-сайте разработчиков. Кроме того, часть описания темы просто скопирована из другой темы под названием "Zap", причём без удаления этого имени из текста.

В общем, каждая из проблем не кажется непреодолимой. Если бы тема работала на встроенном браузере телефона, я бы, наверное, нырнул в код/​​css и попытался их исправить. Однако сейчас это похоже на неряшливую работу, а не на тему премиального качества, как она утверждает. И если разработчикам было все равно, чтобы всё продумать и проверить перед выпуском, то почему меня это должно волновать.

Тем не менее, мне очень понравилась идея этой темы. Я буду рад еще раз попробовать, если проблемы будут устранены (просмотр на телефоне и меню).

Отзыв был оставлен 7 месяцев назад (с момента написания этого обзора). Разработчики ответили? Нет. Исправили проблемы? Нет. Эта ситуация только с этой темой и этим разработчиком? Увы, нет.

4. Лайтовые версии "профессиональных" или "премиальных" тем. Платных, разумеется. Таких в каталоге основная масса. Разработчики выкидывают часть функций и выкладывают получившийся огрызок для бесплатного пользования. Особо ответственные даже бесплатно помогают с решением возникающих проблем, но таких единицы. В большинстве случаев у "лайтовых" тем обнаруживаются проблемы, которые приходится решать правкой кода. Экономии не получается.

Sparkling

Скачать: ru.wordpress.org/themes/sparkling/

Все бесплатные шаблоны WP этого разработчика: colorlib.com/wp/themes/

Бесплатные темы WordPress

Одна из самых популярных тем на WordPress. Разработчик из Латвии Айгарс Силкалнс делал эту и часть других тем в процессе изучения разработки и веб-дизайна. Sparkling, Dazzling, Travelify и другие его работы не слишком богаты на функционал, но в целом доведены до ума и со своей задачей справляются на "отлично". К тому же - редчайший случай - на официальном форуме создатель и волонтёры делятся советами, как сделать ту или иную функцию, а также сообща находят и исправляют баги.

Айгарс не стал городить велосипед и для разработки использовал популярный фреймворк Bootstrap 3. Поэтому для редактирования шаблона Вордпресса нужно читать документацию не столько по WP, сколько по Бутстрапу. Это хорошо, потому что документации и примеров много, в процессе доработки можно легко повысить собственные навыки и сделать оригинальный дизайн. При желании можно взять любой HTML-шаблон на третьем Бутстрапе и "натянуть" на имеющийся PHP-код. Я так уже делал несколько раз, довольно удобно использовать Sparkling в качестве основы.

Тема совместима с WooCommerce, подходит для создания интернет-магазинов.

Shapely

Скачать: ru.wordpress.org/themes/shapely/

Бесплатные темы WordPress 9

Тоже тема от Айгарса Силкалнса. Заточена для создания одностраничных сайтов (лендингов) и портфолио. Раздел для блога тоже есть. Главная страница с эффектом параллакса, иконками, списками и цитатами формируется с помощью виджетов.

Тему нужно устанавливать на пустой сайт и строго следовать инструкциям (автор даже видео записал!). Только после инсталляции требуемых плагинов (тема сама предложит это сделать) и импорта демонстрационного содержимого будет понятно, как с её помощью сделать собственный приятно выглядящий лендинг. В целом ничего сложного нет, свои задачи Shapely выполняет.

Unite

Скачать: ru.wordpress.org/themes/unite/

Бесплатные темы WordPress 13

Ещё одна тема от Айгарса. Несмотря на позиционирование на сайты свадебной тематики, шаблон хорошо совместим с WooCommerce, а значит - подходит для создания интернет-магазина, например, товаров для рукоделия. Как и Sparkling, тема использует третий Бутстрап, но изменён сильнее, поэтому выглядит оригинальнее.

Fluida

Скачать: ru.wordpress.org/themes/fluida/

Бесплатные темы WordPress 1

Универсальная тема, подходящая как для создания сайта фирмы, с каталогом и отзывами клиентов, так и блога. Кстати, на момент написания статьи мой сайт использует доработанную тему Fluida.

Шаблон стопроцентно бесплатный, каких-то требований установить платную версию нет (её не существует). Автор зарабатывает тем, что за денежку добавляет нужный функционал, индивидуально для каждого заплатившего.

Для быстрого создания сайта о компании или каталога продукции Fluida подходит, но есть недостаток, о котором вам нужно знать сразу - проблемный разработчик (похоже, он там один). Одно время я считал этот шаблон одним из лучших, но, к сожалению, с определённых версий появились баги, которые автор исправлять не хочет, просто-напросто игнорируя сообщения пользователей на официальном форуме. А учитывая, что при создании никакие фреймворки не использовались, все наработки будут привязаны к этой теме. Плохо это или хорошо - решать вам.

Ещё один недостаток: из-за структуры шаблона дочерняя тема не может перекрыть исходный шаблон полностью. Мне вот приходится при каждом обновлении заново вносить исправления.

Зато настроек много, как и функций.

Primer

Скачать: ru.wordpress.org/themes/primer/

Бесплатные темы WordPress 4

Качественный шаблон, не требующий денег за расширенные функции, подходящий как для блога, так и интернет-магазина (совместим с WooCommerce). Активно развивается, полностью поддерживает русский язык. Не использует сторонние фреймворки вроде Bootstrap и Foundation (для кого-то это плюс). Для меня это кандидат на замену шаблона Fluida.

Сила Primer не только в подробной документации кода, но и в том, что у шаблона есть девять (на момент написания обзора) официально поддерживающихся дочерних тем, кардинально изменяющий оригинальный облик: https://godaddy.github.io/wp-primer-theme/child-themes.html

Можно, например, вместо блога быстро сделать сайт фирмы (дочерняя тема Ascension):

Бесплатные темы WordPress 5

Освоив модификацию родительской темы Primer, можно быстро создавать сайты с нужными функциями и дизайном.

EasyBlog

Скачать: ru.wordpress.org/themes/easyblog/

Бесплатные темы WordPress 6

Тема от студии DaisyThemes. Раньше она продавала "pro"-версии своих шаблонов, сейчас их на сайте не вижу. Возможно, они где-то в закрытом от гостей разделе, я так далеко копать не стал. Впрочем, EasyBlog не производит впечатление урезанности, никаких баннеров и просьб купить полный шаблон в коде темы я не нашёл.

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

Шаблон основан на стартовой теме Underscores и фреймворке Bootstrap, это хорошо - для добавлении новых функций можно смотреть схожие работы. Отличная основа для создания блога.

EasyMag

Скачать: ru.wordpress.org/themes/easymag/

Другие темы разработчика: ru.wordpress.org/themes/author/daisy-themes/

Бесплатные темы WordPress 7

Тоже работа DaisyThemes. В отличии от типично блогового EasyBlog, этот шаблон подходит для быстрого создания новостного сайта.

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

Как и в EasyBlog, шаблон основан на связке Underscores+Bootstrap, код довольно просто изменить.

Davis

Скачать: ru.wordpress.org/themes/davis/

Другие темы разработчика: ru.wordpress.org/themes/author/anlino/

Бесплатные темы WordPress 3

Своего рода экспериментальный шаблон, образец предельного минимализма в коде и дизайне. Автор - дизайнер Андерс Норен из Стокгольма, у него есть много других качественных бесплатных тем для Вордпресса, но эта самая необычная.

Чем примечателен Davis? В нём очень мало кода, нет поддержки виджетов, зато отличная типографика. Сайт с этим шаблоном по-настоящему летает, потому что нагрузка на хостинг минимальная. Это важно для SEO, потому что поисковым системам нравятся быстро открывающиеся сайты. Если вам нужен блог без лишних функций, обратите внимание на этот шаблон.

Burger Factory

Скачать: ru.wordpress.org/themes/burger-factory/Бесплатные темы WordPress 2

Тоже минималистичный шаблон, но с поддержкой виджетов. В исходном коде автор не поленился оставить ссылки на WordPress Codex, чтобы копающийся в коде начинающий разработчик сразу понял, что к чему и как это изменить. Хорошее решение для тех, кто хочет не просто создать свой сайт, но и повысить навыки разработки для Вордпресса.

i-transform

Скачать: ru.wordpress.org/themes/i-transform/

Бесплатные темы WordPress 11

Универсальная тема, подходящая для создания лендинга, сайта компании и интернет-магазина.

По сути это доработанная версия стандартной темы Вордпресса Twenty Thirteen. Добавлены разные виджеты, поддержка плагина создания магазина WooCommerce, всякие эффекты и варианты компоновки страниц.

У темы есть два недостатка: плохая типографика (мелкий шрифт) и багованый плагин "TemplatesNext ToolKit", который добавляет функции портфолио и шорткоды.

RestImpo и бесплатные Preimum темы этого автора

Скачать: ru.wordpress.org/themes/restimpo/

Бесплатные темы WordPress 12

Тема для создания корпоративного сайта или интернет-магазина. Хорошо совместима с конструктором страниц Page Builder от SiteOrigin.

У шаблона есть два недостатка: неудобное выпадающее меню в мобильной версии (тема довольно старая) и тот факт, что 8 месяцев назад его создатель Томас Томан прекратил разработку и поддержку всех своих тем для WordPress. Жаль, что это произошло, его темы были достаточно качественные и регулярно обозревались сайтами про WordPress три года подряд.

Зато Томас сделал подарок сообществу пользователей WP, выложив все 26 платных премиальных тем для бесплатного использования: www.tomastoman.cz/tt-themes.zip (запасная ссылка), спасибо ему за это. Вы можете скачать и безвозмездно пользоваться ими.

Вот как выглядят эти Premium шаблоны
BrickYard Premium

BrickYard Premium

BrightNews Premium

BrightNews Premium

DaisyChain Premium

DaisyChain Premium

ForeverWood Premium

ForeverWood Premium

GalaNight Premium

GalaNight Premium

HappenStance Premium

HappenStance Premium

HighTide Premium

HighTide Premium

LeatherDiary Premium

LeatherDiary Premium

LiveRide Premium

LiveRide Premium

MaidenHair Premium

MaidenHair Premium

MaryAnne Premium

MaryAnne Premium

MeadowHill Premium

MeadowHill Premium

MidnightCity Premium

MidnightCity Premium

MineZine Premium

MineZine Premium

NatureSpace Premium

NatureSpace Premium

PaperCuts Premium

PaperCuts Premium

PhotoStory Premium

PhotoStory Premium

Бесплатные темы WordPress 30

RestImpo Premium

RetroTale Premium

RetroTale Premium

SeaSun Premium

SeaSun Premium

ShootingStar Premium

ShootingStar Premium

SongWriter Premium

SongWriter Premium

StairWay Premium

StairWay Premium

TimeTurner

TimeTurner

VisitPress

VisitPress

WinterDream Premium

WinterDream Premium

Многие откровенно устарели, но есть и интересные: RestImpo Premium, GalaNight Premium, HappenStance Premium, MaidenHair Premium, MaryAnne Premium, WinterDream Premium. К сожалению, все найденные баги и уязвимости вам придётся исправлять самостоятельно. На WordPress 4.8 они ещё нормально работают, но в версии 4.9 этой CMS будет серьёзное обновление, связанное с созданием постов, могут возникнуть проблемы совместимости. В общем, решать вам. Для любителей копаться в чужом коде эти темы - настоящая находка.

Layla

Скачать: ru.wordpress.org/themes/layla/

Бесплатные темы WordPress 10

Универсальная тема, подходящая для создания лендинга, сайта компании и небольшого интернет-магазина. Настроек достаточно, функций тоже (всякие виджеты главной страницы, отображение на главной свежих записей и подобное). У шаблона есть проблемы, все решаемые: предлагается установка плагинов "Our Team Showcase" и " uCare - Support Ticket System", которые сразу превращают тему в огрызок Pro-версии и по сути не нужны, проблемы с отступами и неудобное маленькое мобильное меню, которые исправляются правкой CSS-стилей.

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

Shamrock

Скачать: ru.wordpress.org/themes/shamrock/

Бесплатные темы WordPress 8

Тема Shamrock интересна настройками главной записи поста (можно менять соотношение сторон) и настройкой того, что нужно показывать на страницах записей (имя автора, дату публикации, следующие/предыдущие записи и другое).

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

Semicolon

Скачать: ru.wordpress.org/themes/semicolon/

Бесплатные темы WordPress 14

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

Если ваша цель - ведение фотоблога, возможно, эта тема для вас окажется идеальным выбором.

А какую тему используете вы?

Похожие записи: