16 Verbazingwekkende Masonry Grid Style WordPress Portfolio-thema's

Laten we onze handen vuil maken met wat webdesign metselwerk. We zullen uitzoeken wat het is, waarom het effectief is voor sommige grote merknamen, waarom u het zou kunnen overwegen voor uw eigen website, en welke WordPress-thema's u kunnen helpen bij het realiseren van een metselwerkwebsite-opmaak.

Eerste vraag: Wat is een "Masonry Grid"? 

Een metselwerkraster is een rasterachtige lay-out die items van verschillende grootten ondersteunt. De naam was aantoonbaar bedacht door Dave DeSandro, maker van de JavaScript Masonry-bibliotheek die in 2009 werd uitgegeven. Op de site van Masonry wordt het beschreven als "een soort metselaar die stenen in een muur monteert". Weet je, zo: 

Maar in plaats van stenen en stenen is het al je briljante werk, projecten, foto's of wat dan ook: 

Dit voorbeeld is Milk, een eenvoudig metselwerkportfolio

Waarom werkt deze lay-out zo goed??

Roosters in metselwerkstijl zijn een vertrouwde en gebruiksvriendelijke manier om inhoud te organiseren. Ze voelen sorteerbaar en eenvoudig aan en organiseren inhoud visueel op een manier die gemakkelijk te navigeren is zonder saai te zijn. 

Het is een populair formaat voor microbloggingplatform Tumblr. Hier is een voorbeeld van Coca-Cola, een van de grootste merken die Tumblr gebruiken met een metselwerkachtige rasterlay-out: 

Social-media-slash-inspiratiepagina Pinterest gebruikt ook een rasterlay-out om een ​​enorme hoeveelheid inhoud te organiseren. Hier is een voorbeeld van Pinterest-gebruiker Rayt, die bijna zes miljoen volgers heeft gebouwd: 

Waarom deze lay-out werkt voor portfoliosites

Metselwerkrasterlay-outs zijn vooral handig voor websites met persoonlijke portfolio's. Als je een ontwerper of artiest bent, dan is het een geweldige manier om je projecten onder de aandacht te brengen en een visuele weergave te geven van het werk dat je hebt gedaan. Als u een schrijver bent, kunt u de rasterstijl gebruiken om verhalen of gepubliceerd werk te vertegenwoordigen. Als u een fotograaf bent, is het handig om uw foto's te laten zien en een sorteerbare galerij te maken op basis van het fototype. Ik heb WordPress-sites met metselwerkrasters gebruikt om te praten over nevenprojecten, ontwerpen van nieuwsbrieven, activiteiten voor evenementplanning en meer. 

Volgende stappen: vind het juiste WordPress-thema

Hoewel Tumblr en Pinterest allebei metselwerk zijn, zijn ze niet de juiste keuze voor een portfoliosite; het sociale-bloggende aspect maakt het ingewikkeld en voegt elementen toe die je niet kunt beheersen. Als u WordPress gebruikt om uw portalsite te bouwen, betekent dit dat u alles onder controle hebt, van het domein (zoals yournamehere.com) tot de opmaak- en stilistische keuzes. Bovendien geeft het gebruik van WordPress u de vrijheid om een ​​website te maken die net zo eenvoudig of complex is als u wilt. 

Envato heeft de grootste online marktplaats voor WordPress-sjablonen. Hier zijn twintig met de hand geplukte WordPress-thema's met fantastische metselwerkachtige rasterlay-outs: 

1. KON / CEPT

KON / CEPT - Een portfoliothema voor creatieve mensen

Dit WordPress-thema van ontwerper KrownThemes heeft bijna 5.000 verkopen en is gericht op portfoliosites. Er zijn vier navigatiestijlen, een paginabuilder en een modulair raster. Het is mobiel-responsief, met schone code. 

2. Mok

Mok: schone Creative Multipurpose GridPortfolio

Het beste voor "creatieve professionals die houden van raster en minimalistisch design". Mok is een flat-style thema. Het heeft plug-ins die compatibel zijn met Dribbble en Twitter, dus het is geweldig voor ontwerpers. 

3. Hempstead

Hempstead - Responsive PortfolioWordPress Theme

Hierover valt heel wat te waarderen: de ruimtethema's op hun demo, de afgeronde serif-lettertypen, de meegeleverde Visual Composer, de interactieve kaarten, de SEO-vriendelijke code, de overzichtelijke startpagina ...  

4. Mone

Mone - Responsief WordPress-blogthema, metselwerkraster

Met de volledige breedte van de koptekst en de opmaak van blogposts, is deze met name goed voor schrijvers en voor diegenen die iets meer woordgeoriënteerd nodig hebben. Het linkerzijbalkmenu is een unieke keuze. 

5. Stag

Stag - Portfolio Theme for Freelancers and Agencies

Van designer DeliciousThemes, deze komt met veel verschillende demo-indelingen, dus je kunt je alle mogelijkheden voorstellen zonder al te veel zelf het ontwerpwerk te hoeven doen - en het is gemakkelijk om het uiterlijk van je site te veranderen. Het wordt geleverd met Visual Composer, Slider Revolution en Templatera Addon. Afgebeeld: de demo "Typed Hero Text". 

6. Hygge

Hygge | Een onafhankelijk redactiemagazine & blogthema met winkel

Hygge is een Deens concept dat comfort en gezelligheid weerspiegelt, en dat is hoe u wilt dat uw websitebezoekers zich goed voelen? 

7. North

North: Creative Bold Modern GridPortfolio Theme

Een gewaagd portfoliothema, North is gemaakt voor bureaus en freelancers. Het is getest om in verschillende browsers te werken en het is super eenvoudig aan te passen. 

8. Joker

Joker - Foto- en videoportfolio WordPress-thema

Dit is een van de best beoordeelde fotothema's op onze markt. Het heeft metselwerk-stijl albums en galerijpagina's, plus volledige breedte en andere lay-outs voor afwisseling. 

9. Kabuto

Kabuto: een schoon, minimaal en responsief creatief WordPress-thema met een portfoliosysteem op volledig scherm

Gemaakt door Elite webdesigner Onioneye, dit WordPress-thema is eenvoudig en duidelijk. Een goede keuze als u een logo heeft of als u iets wilt dat tijdloos is. 

10. Grido

Grido: responsieve en multipurpose GridPortfolio

Deze rasterlay-out combineert de grootte van de vierkanten, wat resulteert in een complexe portfolioplay-out, zonder te chaotisch te zijn. 

11. onliest

Onliest - Creative Portfolio One Page WP Theme

Met Visual Composer, Revolution Slider en PSD-bestanden op de startpagina is dit thema geweldig voor mensen met een beetje meer codeerervaring (hoewel het geen vereiste is!). Het ontwerpteam wordt hoog gewaardeerd voor hun productondersteuning. 

12. Yorke

Yorke - Creative Portfolio WordPress Theme

Minimalisme en witte ruimte niet jouw ding? Yorke is gedurfd en helder en het is gebouwd om een ​​blijvende indruk achter te laten. Het is ook te koop (op het moment van schrijven!) 

13. Huntington

Huntington - Responsive PortfolioWordPress Thema

Een symmetrische rasterindeling met een links uitgelijnd navigatiemenu. Het menu maakt de site eenvoudig te doorzoeken en social media-knoppen gemakkelijk te vinden. 

14. Werkstatt

Werkstatt - Creative Portfolio Theme

Werkstatt is een WordPress-thema dat op veel verschillende lijsten voorkomt, omdat het aanpasbaar is voor veel websitebehoeften. Het eenvoudige metselwerkportfolio is een winnende lay-out, maar als je het wilt veranderen, zijn er een aantal indrukwekkende demo's en siteontwerpen inbegrepen. 

15. Pofo

Pofo - Creative Portfolio en Blog WordPress Theme

De typografie van dit thema maakt het een uitstekende keuze. Het bevat ook een WooCommerce-ready shopfront en Yoast SEO-plug-in! 

16. Haar

Haar - Een portfoliothema voor ontwerpers, kunstenaars en illustratoren

Met het redden van een van de beste voor het laatst, is Haar een prachtig, creatief thema met veel verschillende lay-outs en demo's. Het is gemaakt door Power Elite-ontwerper Edge-thema's, maar met niet al te veel verkopen (dus!), Dus het is een unieke keuze. Ik ben dol op de manier waarop de demo-sites voorbeeldinhoud hebben die zich aan een driekleurenschema houdt met illustraties en afbeeldingen. 

Ga verder en bouw metselwerk!

Op zoek naar meer WordPress-thema's? Bekijk meer creatieve portfoliothema's op onze marktplaats.