Litteän laatikkotyylin esitteli Microsoft Windows 8, ja vaikka käyttöliittymä saikin vaihtelevia arvioita käyttäjiltä, monet esteettiset elementit pääsivät verkkoon.

Tässä esitellyt teemat saavat tyylinsä tästä metrotyylisestä suunnittelusta. Vaikka et aina noudata 100-prosenttisesti Microsoftin esittämää suunnittelukieltä, huomaat, että ne tuovat samanlaisen tunnelman.

Voit nauttia myös materiaalisuunnittelun WordPress-teemojen luettelostamme ja myös litteän suunnittelun teemoista.

Metrotyyliset WordPress-teemat

Alla olevat teemat ovat kaikki moderneja ja täysin reagoivia. Tämä tarkoittaa, että ne näyttävät yhtä hyvältä kannettavissa tietokoneissa kuin älypuhelimissa ja tableteissa.

Tässä ovat parhaat valintani parhaista metrotyylisistä WordPress-teemoista vuodelle 2021.

1 MetroStyle, Mopc76 (Themeforest)

Näytä teema nyt Hanki isännöinti

Teeman kuvaus

MetroStyle on ylivoimaisesti suosituin teema Metro-tyylisellä suunnitteluestetiikalla. Se luo tyylin käyttämällä selkeää, lohkomaista asettelua ja runsaasti vahvoja värejä (jotka ovat kaikki muokattavissa).

Tämä premium-teema ilmoittaa itsensä "yleiskäyttöiseksi" teemaksi, mikä tarkoittaa, että voit käyttää sitä millä tahansa verkkosivustolla. Uskon kuitenkin, että se sopisi parhaiten blogille, uutis-/lehdelle tai portfoliosivustolle. Siinä ei ole WooCommercea. integraatio verkkokauppaan tai bbPress foorumin lisäämiseen. Niille suosittelen Second Touch -teemaa. Skin esiasetuksia on 25, mutta voit käyttää mitä tahansa värejä MetroStylen kanssa. Lisäksi muokkaa ainutlaatuista kotisivun liukusäädintä, lisää lyhytkoodeja dynaamista sisältöä viesteissä/sivuilla ja käyttää useita portfolion asetteluja luodaksesi moderneja kuvagallerioita.

MetroStyle on myös loistava valinta kansainvälisen yleisön verkkosivustoille. Kaikki mallissa oleva englanninkielinen teksti on täysin käännettävissä, ja koska tämä metroteema on yhteensopiva suositun WPML-laajennuksen kanssa, voit käyttää sitä myös monikielisenä sivustona.

Lisätietoja →
2 Rocket Board by GoodLayers (Themeforest)

Näytä teema nyt Hanki isännöinti

Teeman kuvaus

Rocket Board on yksinkertainen teema Microsoftin käyttöön ottaman klassisen metrokäyttöliittymän uudelleen luomiseen. Se pysyy uskollisena alkuperäiselle näkemykselle metrotyylistä. Viestit asetetaan etusivulle värikkäässä muuratussa ruudukkotyylisessä muodossa, aivan kuten metroteemalla voi odottaa.

Rocket Boardia käytetään parhaiten blogissa, jossa viestisi näkyvät etusivulla. Se kuitenkin sisältää sivunrakennusohjelman, jossa on vedä ja pudota -käyttöliittymä uusien asettelujen luomiseen. Asetukset-sivulta löydät runsaasti asetuksia, joilla voit muokata sivustosi ulkoasua. Räätälöintiasetukset sisältävät yhdeksän ennalta määritettyä värimallia, taustakuvioita, mukautetun logon latausohjelman, kuusi alatunnisteen asettelua, satoja fontteja ja jopa useita liukusäätimiä.

Tällä modernilla teemalla on responsiivinen muotoilu, mikä tarkoittaa, että se on mobiiliystävällinen ja mukautuu hyvin kaikkiin näyttökokoihin. Koodikanta noudattaa WordPressin parhaita käytäntöjä ja on SEO-ystävällinen auttaakseen sinua sijoittumaan hyvin myös hakukoneissa.

Lisätietoja →
3 3Clicks mukaan Tuo Pixel (ThemeForest)

Näytä teema nyt Hanki isännöinti

Teeman kuvaus

Metron suunnittelutyyliin uskollisena 3Clicks on täynnä rohkeita, kylläisiä värejä ja laattojen asetteluja. Koska monikäyttöinen WordPress teema, voit käyttää sitä lähes kaikki kapealla haluat.

Yksi ominaisuus, joka tekee 3Clicksistä erottuvan, on MetroMenus. Tämän tyylikkään teeman ainutlaatuinen valikkorakenne muuntaa tavalliset avattavat valikot suuriksi metrotyylisiksi laatoiksi. Laatat ovat kauniita ja helpompia napsauttaa kuin tavalliset valikon kohdat.

3Clicksissä on valittavana 9 värimaailmaa, WooCommerce- integraatio fyysisten ja digitaalisten tuotteiden myyntiin verkkokauppakaupasta, ja se sisältää sisäänrakennetun sivunrakennusohjelman. Google Fontsista löytyy satoja kirjasimia, useita blogi- ja portfoliomalleja, mukautettuja kuvan liukusäätimiä ja kymmeniä joustavia lyhytkoodeja.

Kaikkien näiden ominaisuuksien lisäksi 3Clicks integroituu saumattomasti moniin ulkoisiin sovelluksiin ja palveluihin. Upota helposti interaktiivisia karttoja Google Mapsin avulla, lisää sähköpostitilaajia MailChimp-luetteloihisi, julkaise Twitter-syötteitä ja jopa lisää verkkokursseja LearnDash-integraation avulla.

Lisätietoja →
4 palapeliä tekijältä ThemeREX (Themeforest)

Näytä teema nyt Hanki isännöinti

Teeman kuvaus

Tulet rakastamaan muokkausvaihtoehtoja, jotka sisältyvät palapeliin. Voit vaihtaa kolmen blogimallin, yhdeksän eri väriteeman ja rajoittamattomien kotisivun asetteluvaihtoehtojen välillä.

Puzzlesin laattojen asettelu on melko selkeä ja muistuttaa kävijöitä välittömästi Windowsin suositusta metrotyylistä. Responsiivinen muotoilu mukautuu sujuvasti kaikkiin laitteisiin, joten tämä teema on mobiiliystävällinen.

Jos aiot tehdä tuotearvostelusivuston, tee palapelit suosikkisi tästä luettelosta. Siinä on sisäänrakennettu tarkistusjärjestelmä, joka sisältää kolme erilaista luokitusmuunnelmaa ja mukautettuja kenttiä.

Ammattimainen Puzzles-teema on yhteensopiva WooCommerce for eCommerce -kauppojen, bbPress foorumien lisäämiseen ja BuddyPress, jos haluat lisätä sosiaalisen verkoston komponentteja verkkosivustollesi. Kaikki nämä integraatiot tekevät siitä erittäin muokattavan WordPress-teeman.

Lisätietoja →
5 Metrolium by Eski Labs (Themeforest)

Näytä teema nyt Hanki isännöinti

Teeman kuvaus

Metrolium on yksinkertainen vaihtoehto WordPressin käyttäjille, jotka nauttivat litteästä suunnittelusta. Demosivuston värit ovat rauhallisia ja niitä käytetään harvakseltaan koko mallin ajan korostamaan tarvittaessa. Voit muuttaa värimaailmaa, fontteja ja helpommin Live Customizerin avulla.

Kun ostat Metroliumin, saat myös LayerSlider- ja Slider Revolution -laajennukset ilmaiseksi. Nämä liukusäädinlaajennukset maksavat molemmat 15 dollaria erikseen ostettuna, joten säästät yhteensä 30 dollaria, kun hankit Metrolium-kopiosi.

Kuten monet teemat, Metroliumissa on satoja kirjasimia, jotka kaikki ovat saatavilla Google Fonts -kirjastosta. Se sisältää myös lyhytkoodijärjestelmän mukautetun mallin luomista varten, logon latausohjelman sekä sivuston laatikolliset ja laajat versiot. Jos olet suunnittelija, saatat ymmärtää, että tämä teema sisältää myös jokaiselle sivulle kerrostetut PSD-tiedostot.

Lisätietoja →
6 MetroMag by Well Themes (Themeforest)

Näytä teema nyt Hanki isännöinti

Teeman kuvaus

MetroMagilla on litteä, värikäs tyyli, jota voit odottaa metrotyyliseltä WordPress-teemalta. Sen monipuolinen väripaletti herättää jokaisen sivun eloon ja saa aikaan eloisan ilmeen.

MetroMag-teema toimii erinomaisesti aikakauslehden teemana. Demoa selaamalla löydät monia postausasetteluja ja mahdollisuuksia näyttää erityyppistä sisältöä. Jos aiot julkaista uusia viestejä usein, tämä ulkoasu palvelee sivustoasi hyvin.

MetroMagissa on valtava valikoima teemavaihtoehtoja suunnittelun mukauttamiseen. Nämä asetukset sisältävät rajoittamattomat väriteemat, 21 mukautettua widgetiä ja satoja kirjasimia (Google Fonts ). Voit muokata sivustoa helposti laajasta järjestelmänvalvojan asetuspaneelista. Se sisältää myös yhteydenottolomakkeen, joka sisältää CAPTCHA- ja Google Maps -tuen.

Lisätietoja →

Haluatko säästää muutaman dollarin?

Themeforestissa on aina suosittuja teemoja myynnissä.

Katso myynti

Mikä metrotyylinen teema sopii sinulle parhaiten?

MetroStyle pysyy uskollisimpana metrotyyliselle suunnitteluestetiikalle. Se on loistava valinta sisältösivustolle.

Sekä 3Clicksillä että Metroliumilla on monikäyttöinen rakenne, mikä tekee niistä mukautettavia valintoja.

Palapelit on ilmeinen valinta kaikille, jotka haluavat aloittaa tuotearviointiblogin, mutta samalla tavalla MetroMag toimii loistavasti sisältöpohjaisilla verkkosivustoilla.

Lopuksi, jos haluat blogin, jossa on selkeä metrotyylinen ulkoasu, et voi voittaa Rocket Boardia. Tällä muokattavissa olevalla teemalla on ehkä lähimpänä julkaistua Windows 8 -suunnittelua.

Voit lähettää kysymyksiä, joita sinulla on näistä metrotyylisistä WordPress-teemoista alla olevaan kommenttiosaan.

: www.competethemes.com