🤯 20 amazing examples of WordPress websites
From personal portfolios to global media brands: 20 real WordPress websites with analysis of design, technical features…
Тема решает, как сайт выглядит и насколько быстро грузится. Выбрать её сложнее, чем кажется. Этот раздел для тех, кто запускает новый проект, меняет надоевший шаблон или пытается подогнать чужую тему под себя без боли.
Здесь собраны подборки тем под конкретную нишу. Фуд-блог, интернет-магазин, личный блог, фотографы и портфолио, недвижимость, врачи и клиники, студии йоги. Есть и узкие запросы: макеты в стиле Pinterest, трёхколоночные шаблоны, лендинги для одного товара, темы под сообщества на BuddyPress (плагин для соцсети внутри сайта). Отдельно собираем варианты под мультиязычные сайты и под тёмную тему. Не просто список из двадцати картинок. Мы объясняем, кому тема подойдёт, а кому она выйдет боком.
Отдельный блок, обзоры конкретных тем и конструкторов. Astra и GeneratePress как лёгкие универсалы. Cactus и Nicepage для тех, кто хочет собрать страницу мышкой. Slider Revolution, Oxygen, WPBakery, аддоны к Elementor (надстройки, которые добавляют блоки и эффекты). Мы честно пишем про минусы. Где конструктор раздувает код, где тема тормозит на мобильных, где придётся доплатить за демо, а где после деактивации плагина страница рассыпается на шорткоды.
Теория без практики бесполезна. Поэтому разбираем установку темы с нуля, импорт демо-контента в один клик и его последующую чистку. Дочерние темы (отдельный слой, чтобы правки не слетели после обновления). Кастомизацию через дополнительный CSS, когда штатных настроек уже не хватает. Подключение своих шрифтов, замену фавикона, настройку шапки и подвала, перевод строк темы на русский. Каждое руководство устроено одинаково. Сначала короткое решение задачи. Потом подробный разбор со скриншотами и подводными камнями.
Кого мы держим в голове, когда пишем. Новичок только выбирает первый шаблон и боится сломать сайт правкой кода. Опытный ищет тему полегче, чтобы вытянуть оценку в PageSpeed, или хочет отвязаться от тяжёлого конструктора. Для первого мы расписываем каждый клик. Для второго даём готовый CSS и честный замер скорости.
Что мы проверяем при отборе темы. Вес страницы и число запросов после установки демо. Поведение на телефоне, а не только на широком мониторе. Частоту обновлений и живой ли автор. Цену про-версии и что именно за ней спрятано. Поддержку Gutenberg и популярных конструкторов. Тему, которая красива на скриншоте, но тащит мегабайт скриптов ради одной анимации, мы отметим сразу.
Материалы пишут люди, которые сами ставили и ломали десятки тем на живых сайтах. Мы видели, как красивая демка превращается в кашу после переноса реального контента. Видели, как обновление обнуляет правки прямо в родительской теме. Поэтому советуем без розовых очков. Если тема перегружена и медленная, мы так и скажем.
Если вы только выбираете шаблон, начните с подборки под вашу нишу. Потом прочитайте обзор приглянувшейся темы. И только затем беритесь за установку и кастомизацию. Так вы не потратите выходные на красивый, но неработающий сайт.
Раздел тесно связан с соседними рубриками. В «Плагинах WordPress» лежат расширения, которые дополняют любую тему: формы, SEO, безопасность, оптимизация. Если строите магазин, заходите в раздел WooCommerce. Там разобраны темы под товарные витрины, оплата, доставка и оформление заказа. Общую логику выбора темы вы берёте здесь. Узкие вопросы по магазину и плагинам, в профильных рубриках.
Контент регулярно обновляется. Темы выходят новые, старые забрасывают разработчики, движок меняет требования к PHP. Мы держим подборки и обзоры в актуальном состоянии, а не оставляем советы трёхлетней давности. Запускаете блог, портфолио или витрину? Возвращайтесь сюда каждый раз, когда надо сменить оформление, подогнать его под себя или просто понять, на чём остановиться.
From personal portfolios to global media brands: 20 real WordPress websites with analysis of design, technical features…
White screen, broken URLs, empty menu and lost changes after updates - we've compiled 10 common WordPress theme…
A practical guide to WordPress conditional tags: how to use is_front_page(), is_home() and template files to output…
A step by step guide to integrating WooCommerce into a WordPress theme: declaring support, hooks, filters, PHP…
Envato Toolkit has been replaced by Envato Market: set up a personal token, install the plugin from GitHub and update…
After changing a WordPress theme, the site does not work correctly: the layout is broken, pages return 404. Step by…
Comparison of 8 best one-page WordPress themes: Total, Neve, Astra, Parallax, OceanWP, Kadence, GeneratePress and…
CSS via body_class, a PHP snippet, or a plugin: three ways to set backgrounds for individual WordPress pages. Specific…
Comparing BuddyPress, PeepSo and BuddyBoss, choosing a theme and building a community in one evening. Step by step…
Breaking down WordPress child themes from A to Z: what they are, why you need them, and how to create one manually in…