Стиль плоских квадратів був представлений Microsoft Windows 8, і хоча інтерфейс отримав неоднозначні відгуки користувачів, багато естетичних елементів потрапили в Інтернет.

Теми, представлені тут, отримують свій стиль від цього дизайну в стилі метро. Незважаючи на те, що вони не завжди на 100% дотримуються мови дизайну, визначеної Microsoft, ви побачите, що вони створюють подібну атмосферу.

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

Теми WordPress у стилі метро

Наведені нижче теми є сучасними та повністю адаптивними. Це означає, що на ноутбуках вони виглядають так само добре, як і на смартфонах і планшетах.

Ось мій найкращий вибір кращих тем WordPress у стилі метро на 2021 рік.

1 MetroStyle від Mopc76 (Themeforest)

Переглянути тему зараз Отримати хостинг

Опис теми

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

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

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

Дізнатися більше→
2 Rocket Board від GoodLayers (Themeforest)

Переглянути тему зараз Отримати хостинг

Опис теми

Rocket Board — це проста тема для відтворення тепер уже класичного стилю інтерфейсу метро, представленого Microsoft. Він залишається вірним оригінальному баченню стилю метро. Повідомлення розміщені на домашній сторінці у форматі барвистої сітки в стилі кладки, як і можна було б очікувати від теми метро.

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

Ця сучасна тема має адаптивний дизайн, що означає, що вона зручна для мобільних пристроїв і добре адаптується до всіх розмірів екрана. База коду відповідає найкращим практикам WordPress і є оптимізованою для SEO, щоб допомогти вам отримати високі рейтинги в пошукових системах.

Дізнатися більше→
3 3Clicks від Bring The Pixel (Themeforest)

Переглянути тему зараз Отримати хостинг

Опис теми

Залишаючись вірним стилю дизайну метро, 3Clicks сповнений сміливих, насичених кольорів і макетів плиток. Як багатоцільову тему WordPress, ви можете використовувати її практично для будь-якої ніші, яку хочете.

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

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

Крім усіх цих функцій, 3Clicks також легко інтегрується з багатьма зовнішніми додатками та сервісами. Легко вставляйте інтерактивні карти за допомогою Google Maps, додавайте передплатників електронної пошти до своїх списків MailChimp, публікуйте канали Twitter і навіть додавайте онлайн-курси за допомогою інтеграції LearnDash.

Дізнатися більше→
4 головоломки від ThemeREX (Themeforest)

Переглянути тему зараз Отримати хостинг

Опис теми

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

Розкладка плитки, представлена в Puzzles, досить чітка і відразу нагадає відвідувачам про стиль метро, який став популярним завдяки Windows. Адаптивний дизайн плавно адаптується до всіх пристроїв, що робить цю тему зручною для мобільних пристроїв.

Якщо ви плануєте створити веб-сайт з оглядом продуктів, зробіть Пазли своїм найкращим вибором із цього списку. Існує вбудована система огляду, яка включає три різні варіанти оцінки та спеціальні поля.

Професійна тема Puzzles сумісна з 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 мають багатоцільову збірку, що робить їх адаптованими.

Puzzles є очевидним вибором для тих, хто хоче розпочати блог огляду продуктів, але так само MetroMag чудово підійде для веб-сайтів, заснованих на вмісті.

Нарешті, якщо ви хочете вести блог із чітким макетом у стилі метро, ви не можете перемогти Rocket Board. Ця настроювана тема має, мабуть, найбільш близький макет до початкового випущеного дизайну Windows 8.

Ви можете опублікувати будь-які запитання щодо цих тем WordPress у стилі метро в розділі коментарів нижче.

Джерело запису: competethemes.com