Плоский квадратный стиль был представлен Microsoft Windows 8, и хотя интерфейс получил неоднозначные отзывы пользователей, многие из эстетических элементов попали в Интернет.

Темы, представленные здесь, заимствованы из этого дизайна в стиле метро. Хотя они не всегда на 100% придерживаются языка дизайна, изложенного Microsoft, вы обнаружите, что они привносят схожую атмосферу.

Вам также может понравиться наш список тем WordPress для материального дизайна и тем для плоского дизайна.

Темы WordPress в стиле Metro

Все темы ниже современные и полностью адаптивные. Это означает, что на ноутбуках они выглядят так же хорошо, как и на смартфонах и планшетах.

Вот мой выбор лучших тем WordPress в стиле метро на 2021 год.

1 MetroStyle от Mopc76 (Themeforest)

Посмотреть тему сейчас Получить хостинг

Описание темы

MetroStyle – безусловно, самая популярная тема с эстетикой дизайна в стиле Metro. Он подчеркивает стиль, используя четкую блочную компоновку и множество ярких цветов (все они настраиваются).

Эта тема премиум-класса позиционируется как «универсальная», что означает, что вы можете использовать ее для любого типа веб-сайтов. Однако я думаю, что она лучше всего подойдет для блога, новостей / журнала или веб-сайта с портфолио. У нее нет WooCommerce. интеграция для электронной коммерции или bbPress для добавления форума. Для них я бы порекомендовал тему Second Touch. Существует 25 предустановок скинов, но вы можете использовать любые цвета с помощью MetroStyle. Кроме того, настройте уникальный слайдер домашней страницы, добавьте шорткоды для динамический контент в сообщениях / страницах и использование нескольких макетов портфолио для создания современных галерей изображений.

MetroStyle также является отличным выбором для веб-сайтов с международной аудиторией. Весь английский текст в шаблоне полностью переводится, и, поскольку эта тема метро совместима с популярным плагином WPML, вы также можете использовать ее для многоязычного сайта.

Узнать больше →
2 Rocket Board от GoodLayers (Themeforest)

Посмотреть тему сейчас Получить хостинг

Описание темы

Rocket Board – это простая тема для воссоздания классического стиля пользовательского интерфейса Metro, представленного Microsoft. Он остается верным первоначальному видению стиля метро. Посты размещаются на главной странице в формате красочной каменной сетки, как и следовало ожидать от темы метро.

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

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

Узнать больше →
3 3 клика по принести пиксель (Themeforest)

Посмотреть тему сейчас Получить хостинг

Описание темы

Оставаясь верным стилю дизайна метро, 3Clicks полон ярких, насыщенных цветов и макетов плитки. Как многоцелевая тема WordPress, вы можете использовать ее практически в любой желаемой нише.

Одна особенность, которая выделяет 3Clicks, – это MetroMenus. Уникальный дизайн меню в этой стильной теме превращает обычные выпадающие меню в большие плитки в стиле метро. Плитки красивы, и их легче нажимать, чем по обычным пунктам меню.

3Clicks имеет 9 цветовых схем на выбор, интеграцию с WooCommerce для продажи физических и цифровых товаров из магазина электронной коммерции и включает встроенный конструктор страниц. Есть сотни шрифтов из Google Fonts, множество дизайнов для блогов и портфолио, настраиваемые слайдеры изображений и десятки гибких шорткодов.

Помимо всех этих функций, 3Clicks также легко интегрируется со многими внешними приложениями и сервисами. С легкостью встраивайте интерактивные карты с Google Maps, добавляйте подписчиков электронной почты в свои списки MailChimp, публикуйте ленты Twitter и даже добавляйте онлайн-курсы с интеграцией LearnDash.

Узнать больше →
4 головоломки по ThemeREX (ThemeForest)

Посмотреть тему сейчас Получить хостинг

Описание темы

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

Раскладка плитки, представленная в «Пазлах», довольно необычна и сразу напомнит посетителям о стиле метро, ставшем популярным благодаря Windows. Адаптивный дизайн плавно адаптируется ко всем устройствам, что делает эту тему удобной для мобильных устройств.

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

Профессиональная тема «Пазлы» совместима с WooCommerce для магазинов электронной коммерции, bbPress для добавления форумов и BuddyPress на случай, если вы хотите добавить компоненты социальной сети на свой веб-сайт. Все эти интеграции делают эту тему WordPress чрезвычайно настраиваемой.

Узнать больше →
5 Metrolium by Eski Labs (Themeforest)

Посмотреть тему сейчас Получить хостинг

Описание темы

Metrolium – простой вариант для пользователей WordPress, которым нравится эстетика плоского дизайна. Цвета на демонстрационном сайте спокойные и редко используются во всем шаблоне, чтобы при необходимости расставить акценты. Вы можете легко изменить цветовую схему, шрифты и многое другое с помощью Live Customizer.

При покупке Metrolium вы также бесплатно получите плагины LayerSlider и Slider Revolution. Эти плагины для слайдеров стоят 15 долларов при покупке по отдельности, поэтому вы сэкономите 30 долларов в совокупности, когда возьмете свою копию Metrolium.

Как и многие темы, Metrolium поставляется с сотнями шрифтов, доступных из библиотеки Google Fonts. Он также включает в себя систему шорткодов для создания пользовательских шаблонов, загрузчик логотипов, а также коробочные и широкие версии сайта. Если вы дизайнер, вы можете оценить, что эта тема также включает многоуровневые PSD для каждой страницы.

Узнать больше →
6 MetroMag от Well Themes (Themeforest)

Посмотреть тему сейчас Получить хостинг

Описание темы

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

Тема MetroMag отлично подходит для темы журнала. Просматривая демонстрацию, вы найдете множество макетов сообщений и возможностей для отображения различных типов контента. Если вы планируете часто публиковать новые сообщения, этот дизайн хорошо послужит вашему сайту.

MetroMag предлагает огромное количество вариантов тем для настройки дизайна. Эти настройки включают неограниченные цветовые схемы, 21 настраиваемый виджет и сотни шрифтов (на базе Google Fonts ). Вы можете легко изменить сайт из обширной панели настроек администратора. Он также включает в себя контактную форму, которая включает поддержку CAPTCHA и Google Maps.

Узнать больше →

Хотите сэкономить несколько долларов?

В Themeforest всегда есть популярные темы в продаже.

Посмотреть распродажу

Какая тема в стиле метро вам больше всего подходит?

MetroStyle остается верным эстетике дизайна в стиле метро. Это отличный выбор для содержательного сайта.

И 3Clicks, и Metrolium имеют многоцелевую сборку, что позволяет адаптировать их к выбору.

Пазлы – очевидный выбор для тех, кто хочет создать блог с обзором продуктов, но точно так же MetroMag прекрасно подойдет для веб-сайтов, основанных на содержании.

Наконец, если вам нужен блог с четкой компоновкой в стиле метро, вы не сможете победить Rocket Board. Эта настраиваемая тема, пожалуй, наиболее близка по виду к первоначальному дизайну Windows 8.

Вы можете задать любые вопросы об этих темах WordPress в стиле метро в разделе комментариев ниже.

Источник записи: www.competethemes.com